:root {
    color-scheme: dark;
    --page: #191A1B;
    --surface: #222426;
    --surface-hover: #292c2f;
    --text: #E9EAEB;
    --muted: #9da2a8;
    --line: rgba(233, 234, 235, .12);
    --accent: #b9f35d;
    --accent-dark: #162000;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--page); color: var(--text); font: 16px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
.landing-shell { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: 28px 0 64px; }
.site-nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--text); font-size: 1.05rem; font-weight: 750; letter-spacing: -.03em; text-decoration: none; }
.brand-mark { display: block; width: 39px; height: 39px; object-fit: contain; }
.site-menu, .tools-menu { margin: 0; padding: 0; list-style: none; }.site-menu { display: flex; align-items: center; gap: 4px; }.site-menu-item { position: relative; }.site-menu-item > a, .site-menu-item > button { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); cursor: pointer; font: inherit; font-size: .85rem; text-decoration: none; }.site-menu-item > a:hover, .site-menu-item > a:focus-visible, .site-menu-item > button:hover, .site-menu-item > button:focus-visible, .site-menu-item--tools:hover > button, .site-menu-item--tools:focus-within > button { color: var(--text); background: var(--surface); outline: none; }.site-menu-item > a i, .site-menu-item > button i { color: var(--accent); font-size: .64rem; }.site-menu-item--tools::after { position: absolute; z-index: 19; top: 100%; right: 0; width: 100%; height: 8px; content: ''; }.tools-menu { position: absolute; z-index: 20; top: calc(100% + 8px); right: 0; display: grid; min-width: 205px; padding: 7px; border: 1px solid var(--line); border-radius: 10px; background: #242628; box-shadow: 0 14px 32px rgba(0, 0, 0, .28); opacity: 0; pointer-events: none; transform: translateY(-5px); transition: opacity .14s ease, transform .14s ease; }.site-menu-item--tools:hover .tools-menu, .site-menu-item--tools:focus-within .tools-menu { opacity: 1; pointer-events: auto; transform: translateY(0); }.tools-menu a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 6px; color: var(--text); font-size: .82rem; text-decoration: none; }.tools-menu a:hover, .tools-menu a:focus-visible { background: var(--surface-hover); color: var(--accent); outline: none; }.tools-menu i { width: 16px; color: var(--accent); text-align: center; }
.nav-note, .section-heading span { color: var(--muted); font-size: .78rem; letter-spacing: .05em; }
.nav-note i { margin-right: 6px; color: var(--accent); }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 68px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; }
.site-footer p { margin: 0; max-width: 430px; }.site-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 16px; }.site-footer a, .footer-link-button { text-decoration: none; }.site-footer a:hover, .site-footer a:focus-visible, .footer-link-button:hover, .footer-link-button:focus-visible { color: var(--accent); }.footer-link-button { margin: 0; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; }.cookie-settings-status { margin: 12px 0 0; color: var(--muted); font-size: .78rem; }
#termsfeed-com---nb.termsfeed-com---nb-simple { top: auto !important; right: 24px !important; bottom: 24px !important; left: auto !important; width: min(440px, calc(100vw - 48px)) !important; max-width: 440px !important; border: 1px solid rgba(233, 234, 235, .16) !important; border-radius: 13px !important; box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important; }
@media (max-width: 560px) { #termsfeed-com---nb.termsfeed-com---nb-simple { right: 16px !important; bottom: 16px !important; left: 16px !important; width: auto !important; max-width: none !important; } }
.back-to-top { position: fixed; z-index: 30; right: 22px; bottom: 22px; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(185, 243, 93, .55); border-radius: 50%; background: #25282a; box-shadow: 0 7px 22px rgba(0, 0, 0, .32); color: var(--accent); cursor: pointer; font-size: 1rem; }.back-to-top:hover, .back-to-top:focus-visible { background: var(--accent); color: var(--accent-dark); outline: none; }.back-to-top[hidden] { display: none; }
.hero { padding: clamp(72px, 13vw, 154px) 0 clamp(58px, 9vw, 96px); max-width: 760px; }
.eyebrow { margin: 0 0 18px; color: var(--accent); font-size: .72rem; font-weight: 800; letter-spacing: .17em; }
h1 { margin: 0; font-size: clamp(3.0rem, 8vw, 4.5rem); line-height: .91; letter-spacing: -.055em; }
h1 em { color: #c6c9cc; font-family: Georgia, serif; font-weight: 400; letter-spacing: -.08em; }
.hero-copy { max-width: 460px; margin: 30px 0 0; color: var(--muted); font-size: 1.08rem; }
.tool-section { border-top: 1px solid var(--line); padding-top: 21px; }
.section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.section-heading h2 { margin: 0; font-size: 1rem; letter-spacing: -.02em; }
.tool-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.tool-section-note { max-width: 820px; margin: 18px 0 0; color: var(--muted); font-size: .78rem; }
.tool-tile { position: relative; min-height: 190px; overflow: hidden; padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); text-decoration: none; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.tool-tile > i { color: var(--accent); font-size: 1.25rem; }.tool-tile h3 { margin: 40px 0 6px; font-size: 1.08rem; letter-spacing: -.025em; }.tool-tile p { margin: 0; color: var(--muted); font-size: .87rem; }.tile-arrow { position: absolute; top: 18px; right: 20px; color: var(--muted); font-size: 1.15rem; }
.tool-tile:hover, .tool-tile:focus-visible { transform: translateY(-3px); border-color: rgba(185, 243, 93, .6); background: var(--surface-hover); outline: none; }.tool-tile:hover .tile-arrow, .tool-tile:focus-visible .tile-arrow { color: var(--accent); }
.report-status { margin: 16px 0 0; color: #d6bc72; font-size: .8rem; }.report-status i { margin-right: 5px; }
.whoami-shell { padding-bottom: 72px; }.back-link { color: var(--muted); font-size: .85rem; text-decoration: none; }.back-link i { margin-right: 7px; }.back-link:hover { color: var(--accent); }.identity-hero { padding: clamp(70px, 11vw, 120px) 0 55px; text-align: center; }.ip-stack { display: grid; gap: 16px; width: min(100%, 850px); margin: 0 auto; }.ip-block { padding: 23px 28px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.identity-label { margin: 0 0 15px; color: var(--muted); font-size: .85rem; }.ip-address { display: block; margin: 0; color: var(--accent); font-size: clamp(2rem, 5.3vw, 4.3rem); font-variant-numeric: tabular-nums; letter-spacing: .025em; line-height: 1; overflow-wrap: anywhere; }.ip-address.is-loading { color: #c6c9cc; animation: ip-address-roll .18s ease-in-out infinite alternate; will-change: transform, filter, opacity; }@keyframes ip-address-roll { from { filter: blur(.45px); opacity: .58; transform: translateY(4px); } to { filter: blur(0); opacity: 1; transform: translateY(-4px); } }.identity-location { margin: 26px 0 0; color: var(--muted); }.identity-location span { margin-right: 6px; }.facts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.fact-card { min-height: 172px; padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.fact-card--wide { grid-column: span 2; }.fact-card > i { color: var(--accent); }.fact-card p, .fact-card span { display: block; margin: 16px 0 0; color: var(--muted); font-size: .78rem; }.fact-card h2 { margin: 5px 0 0; font-size: 1.08rem; letter-spacing: -.025em; overflow-wrap: anywhere; }.fact-card h2 + span { margin-top: 4px; }.whois-contact-rows { display: grid; gap: 8px; margin-top: 12px; }.whois-contact-row { display: flex; align-items: center; gap: 10px; }.whois-contact-row i { width: 16px; flex-shrink: 0; color: var(--accent); text-align: center; }.whois-contact-row span { display: inline; margin: 0; color: var(--text); font-size: .88rem; overflow-wrap: anywhere; }.fact-pair { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.routing-section { margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--line); }.routing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: var(--line); }.routing-card { min-height: 105px; padding: 18px; background: var(--surface); }.routing-card--wide { grid-column: span 2; }.routing-card span, .routing-card strong, .routing-card small { display: block; }.routing-card span, .routing-card small { color: var(--muted); font-size: .76rem; }.routing-card strong { margin-top: 7px; font-size: 1rem; overflow-wrap: anywhere; }.routing-card small { margin-top: 4px; }.routing-note { margin: 14px 0 0; color: var(--muted); font-size: .8rem; }.device-section { margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--line); }.device-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.device-grid div { min-height: 104px; padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.device-grid span, .device-grid strong { display: block; }.device-grid span { color: var(--muted); font-size: .76rem; }.device-grid strong { margin-top: 7px; font-size: .92rem; font-weight: 600; overflow-wrap: anywhere; }
.whoami-title { margin: 0 0 28px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.055em; }.facts-section { padding-top: 22px; border-top: 1px solid var(--line); }.external-lookup-consent { max-width: 820px; margin: 44px auto 0; padding: 28px; border: 1px solid rgba(185, 243, 93, .35); border-radius: 13px; background: var(--surface); }.external-lookup-consent h2, .external-results-heading h2 { margin: 0; font-size: 1.15rem; letter-spacing: -.025em; }.external-lookup-consent p { margin: 14px 0 0; color: var(--muted); font-size: .9rem; }.external-lookup-form { margin-top: 22px; }.external-lookup-form button { padding: 12px 16px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-size: .88rem; font-weight: 750; }.external-lookup-form button:hover, .external-lookup-form button:focus-visible { background: #d1ff87; }.external-lookup-form i { margin-right: 7px; }.external-results-heading { margin-top: 44px; }.whoami-explainer { max-width: 820px; margin: 44px auto 0; padding: 28px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.whoami-explainer h2 { margin: 0; font-size: 1.15rem; letter-spacing: -.025em; }.whoami-explainer p { margin: 14px 0 0; color: var(--muted); font-size: .9rem; }
@media (prefers-reduced-motion: reduce) { .ip-address.is-loading { animation: none; } }
.ping-shell { padding-bottom: 72px; }.ping-hero { max-width: 920px; padding: clamp(70px, 11vw, 120px) 0 48px; }.ping-hero h1 { margin: 0 0 28px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.055em; }.ping-hero > p:not(.eyebrow):not(.ping-error) { margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; }.ping-form { display: grid; grid-template-columns: minmax(230px, 1fr) 100px 135px 135px auto; gap: 10px; align-items: end; margin-top: 30px; }.ping-form label { display: block; }.ping-form label span { display: block; margin: 0 0 7px; color: var(--muted); font-size: .76rem; }.ping-form input, .ping-form select { width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }.ping-form input:focus, .ping-form select:focus { border-color: var(--accent); outline: none; }.ping-form button { height: 46px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-weight: 750; }.ping-form button:hover, .ping-form button:focus-visible { background: #d1ff87; }.ping-form button:disabled { cursor: progress; opacity: .68; }.ping-form button i { margin-right: 7px; }.ping-error { margin: 14px 0 0; color: #d6bc72; font-size: .86rem; }.ping-result, .ping-statistics { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--line); }.terminal-output { min-height: 220px; max-height: 520px; margin: 0; padding: 22px; overflow: auto; border: 1px solid var(--line); border-radius: 13px; background: #111314; color: #cce891; font: .84rem/1.6 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; white-space: pre-wrap; word-break: break-word; }.ping-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.ping-stats-grid article { min-height: 108px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.ping-stats-grid span, .ping-stats-grid strong { display: block; }.ping-stats-grid span { color: var(--muted); font-size: .76rem; }.ping-stats-grid strong { margin-top: 9px; color: var(--accent); font-size: 1.15rem; }.ping-stat--fast { border-color: rgba(96, 230, 145, .65) !important; background: rgba(43, 119, 70, .2) !important; }.ping-stat--good { border-color: rgba(185, 243, 93, .6) !important; background: rgba(118, 152, 49, .2) !important; }.ping-stat--slow { border-color: rgba(235, 184, 83, .7) !important; background: rgba(127, 88, 31, .2) !important; }.ping-stat--poor, .ping-stat--loss { border-color: rgba(237, 103, 103, .75) !important; background: rgba(137, 45, 45, .22) !important; }.ping-stat--poor strong, .ping-stat--loss strong { color: #ff9a9a; }.ping-stat--no-loss { border-color: rgba(96, 230, 145, .65) !important; background: rgba(43, 119, 70, .2) !important; }.ping-stat--no-loss strong { color: #8cf0ad; }.ping-stat--unknown strong { color: var(--muted); }
@media (max-width: 850px) { .ping-form { grid-template-columns: 1fr 1fr; }.ping-target { grid-column: span 2; }.ping-form button { width: 100%; }.ping-stats-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px) { .ping-form, .ping-stats-grid { grid-template-columns: 1fr; }.ping-target { grid-column: span 1; }.ping-stats-grid article { min-height: 88px; } }
.dns-shell { padding-bottom: 72px; }.dns-hero { max-width: 1040px; padding: clamp(70px, 11vw, 120px) 0 48px; }.dns-hero h1 { margin: 0 0 28px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.055em; }.dns-hero > p:not(.eyebrow):not(.dns-error) { margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; }.dns-form { display: grid; grid-template-columns: minmax(260px, 1fr) 160px 220px auto; gap: 10px; align-items: end; max-width: 1040px; margin-top: 30px; }.dns-form label { display: block; }.dns-form label span { display: block; margin-bottom: 7px; color: var(--muted); font-size: .76rem; }.dns-form input, .dns-form select { width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }.dns-form input:focus, .dns-form select:focus { border-color: var(--accent); outline: none; }.dns-form button { height: 46px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-weight: 750; }.dns-form button:hover, .dns-form button:focus-visible { background: #d1ff87; }.dns-form button i { margin-right: 7px; }.dns-error { margin: 14px 0 0; color: #d6bc72; font-size: .86rem; }.dns-results { margin-top: 20px; padding-top: 22px; border-top: 1px solid var(--line); }.dns-result { margin-top: 12px; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.dns-result-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }.dns-result h3 { margin: 0; font-size: 1rem; }.dns-result-heading span, .dns-result > p { color: var(--muted); font-size: .78rem; }.dns-result > p { margin: 13px 0 0; }.dns-table { margin-top: 15px; overflow-x: auto; }.dns-table-head, .dns-table-row { display: grid; grid-template-columns: 90px minmax(300px, 1fr) 70px; gap: 14px; min-width: 520px; }.dns-table-head { padding: 0 0 7px; color: var(--muted); font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; }.dns-table-row { padding: 9px 0; border-top: 1px solid var(--line); font-size: .8rem; }.dns-table-row code { color: #cce891; font: .8rem/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; overflow-wrap: anywhere; }.dns-table-row > span:last-child { color: var(--muted); }.dns-note { max-width: 820px; margin: 18px 0 0; color: var(--muted); font-size: .78rem; }.dns-note code { color: #cce891; }
.dns-form { grid-template-columns: minmax(220px, 1fr) 145px 210px 185px auto; }.dns-form .dns-check-option { display: flex; align-items: center; min-height: 46px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); white-space: nowrap; }.dns-form .dns-check-option input { width: auto; height: auto; margin: 0 8px 0 0; accent-color: var(--accent); }.dns-form .dns-check-option span { display: inline; margin: 0; color: var(--text); font-size: .8rem; }.dns-health { margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--line); }.dns-health-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.dns-health-card { min-height: 135px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.dns-health-card > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.dns-health-card h3 { margin: 0; font-size: .96rem; }.dns-health-card span { padding: 3px 7px; border-radius: 99px; font-size: .66rem; font-weight: 750; white-space: nowrap; }.dns-health-card p { margin: 12px 0 0; color: var(--muted); font-size: .8rem; }.dns-health-card--pass { border-color: rgba(96, 230, 145, .45); }.dns-health-card--pass span { background: rgba(43, 119, 70, .35); color: #8cf0ad; }.dns-health-card--warn { border-color: rgba(235, 184, 83, .45); }.dns-health-card--warn span { background: rgba(127, 88, 31, .36); color: #f0cc83; }.dns-health-card--info span { background: rgba(130, 140, 150, .2); color: #c6c9cc; }
@media (max-width: 620px) { .dns-form, .dns-checks { grid-template-columns: 1fr; }.dns-form button { width: 100%; }.dns-summary { align-items: start; flex-direction: column; gap: 14px; } }
@media (max-width: 920px) { .dns-form { grid-template-columns: 1fr 1fr; }.dns-form .dns-domain { grid-column: span 2; }.dns-health-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .dns-form .dns-domain { grid-column: span 1; }.dns-health-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .landing-shell { width: min(100% - 32px, 1120px); }.nav-note { display: none; }.tool-grid, .facts-grid { grid-template-columns: 1fr; }.tool-tile { min-height: 160px; }.tool-tile h3 { margin-top: 28px; }.fact-card--wide, .routing-card--wide { grid-column: span 1; }.fact-pair { grid-template-columns: 1fr; }.routing-grid, .device-grid { grid-template-columns: 1fr; }.identity-hero { text-align: left; }.ip-block { padding: 20px 16px; }.ip-address { font-size: clamp(1.5rem, 8.5vw, 2.6rem); }#ipv4-address { white-space: nowrap; } }

.traceroute-form { grid-template-columns: minmax(230px, 1fr) 100px 135px 135px 190px auto; }
.traceroute-form .traceroute-check-option { display: flex; align-items: center; min-height: 46px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); white-space: nowrap; }
.traceroute-form .traceroute-check-option input { width: auto; height: auto; margin: 0 8px 0 0; accent-color: var(--accent); }
.traceroute-form .traceroute-check-option span { display: inline; margin: 0; color: var(--text); font-size: .8rem; }
@media (max-width: 850px) { .traceroute-form { grid-template-columns: 1fr 1fr; }.traceroute-form .ping-target { grid-column: span 2; } }
@media (max-width: 520px) { .traceroute-form { grid-template-columns: 1fr; }.traceroute-form .ping-target { grid-column: span 1; } }

.content-shell, .community-shell { padding-bottom: 72px; }.document { max-width: 820px; padding: clamp(64px, 10vw, 112px) 0 0; }.document h1, .community-intro h1 { margin: 0; font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: .96; letter-spacing: -.065em; }.document-lead, .community-intro > p:not(.eyebrow) { max-width: 690px; margin: 26px 0 0; color: var(--muted); font-size: 1.05rem; }.document section { margin-top: 38px; }.document h2 { margin: 0; font-size: 1.22rem; letter-spacing: -.025em; }.document p, .document li { color: var(--muted); }.document p { margin: 13px 0 0; }.document ul { margin: 13px 0 0; padding-left: 21px; }.document li + li { margin-top: 8px; }.document a { color: var(--accent); }.community-intro { max-width: 700px; padding: clamp(64px, 10vw, 112px) 0 42px; }.community-form-card { width: min(100%, 680px); padding: 27px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.community-form-card h2 { margin: 0; font-size: 1.18rem; }.community-form { display: grid; gap: 16px; margin-top: 20px; }.community-form label, .admin-response-form > label { display: block; }.community-form label > span, .admin-response-form > label > span { display: block; margin-bottom: 7px; color: var(--muted); font-size: .76rem; }.community-form input, .community-form textarea, .admin-response-form textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--line); border-radius: 8px; background: #1b1d1e; color: var(--text); font: inherit; resize: vertical; }.community-form input:focus, .community-form textarea:focus, .admin-response-form textarea:focus { border-color: var(--accent); outline: none; }.community-form button, .admin-response-form button { justify-self: start; padding: 12px 16px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-size: .88rem; font-weight: 750; }.community-form button:hover, .community-form button:focus-visible, .admin-response-form button:hover, .admin-response-form button:focus-visible { background: #d1ff87; }.form-help { margin: -5px 0 0; color: var(--muted); font-size: .76rem; }.form-notice { width: min(100%, 680px); margin: 0 0 18px; padding: 12px 14px; border: 1px solid rgba(235, 184, 83, .45); border-radius: 8px; color: #f0cc83; font-size: .86rem; }.form-notice--success { border-color: rgba(96, 230, 145, .45); color: #8cf0ad; }.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }.guestbook-list { width: min(100%, 820px); margin-top: 54px; }.guestbook-entry { margin-top: 12px; padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.guestbook-entry header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }.guestbook-entry header strong { font-size: .96rem; }.guestbook-entry time { color: var(--muted); font-size: .74rem; white-space: nowrap; }.guestbook-entry > p { margin: 13px 0 0; color: #d2d4d6; overflow-wrap: anywhere; }.admin-response { display: flex; gap: 10px; align-items: flex-start; margin-top: 17px; padding-top: 15px; border-top: 1px solid var(--line); }.admin-response p { margin: 3px 0 0; color: var(--muted); }.admin-reaction { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: rgba(185, 243, 93, .12); }.empty-state { color: var(--muted); }.contact-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 620px); align-items: center; gap: 60px; min-height: calc(100vh - 250px); }.contact-layout .community-intro { padding: 0; }.contact-card { width: 100%; }.admin-entry { margin-top: 18px; }.admin-response-form { display: grid; gap: 14px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }.admin-response-form fieldset { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; border: 0; }.admin-response-form legend { width: 100%; margin-bottom: 5px; color: var(--muted); font-size: .76rem; }.admin-response-form fieldset label { font-size: .84rem; }.admin-response-form input { accent-color: var(--accent); }
@media (max-width: 760px) { .site-footer { align-items: flex-start; flex-direction: column; }.site-footer nav { justify-content: flex-start; }.contact-layout { display: block; min-height: 0; }.contact-layout .community-intro { padding: clamp(64px, 10vw, 112px) 0 42px; } }
@media (max-width: 520px) { .community-form-card, .guestbook-entry { padding: 18px; }.guestbook-entry header { align-items: flex-start; flex-direction: column; gap: 3px; }.site-footer { margin-top: 46px; } }
.contact-layout { display: flex; justify-content: center; min-height: calc(100vh - 250px); }.contact-card { width: min(100%, 620px); }.contact-card h1 { margin: 0; font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: .96; letter-spacing: -.065em; }.contact-introduction { margin: 26px 0 0; color: var(--muted); font-size: 1.05rem; }.contact-layout .community-intro { display: none; }
@media (max-width: 760px) { .contact-layout { display: flex; min-height: 0; padding-top: 54px; } }
.captcha-field { display: grid; gap: 10px; }.captcha-field > span { color: var(--muted); font-size: .76rem; }.captcha-field img { display: block; width: 236px; max-width: 100%; height: 76px; border: 1px solid var(--line); border-radius: 8px; background: #1d1f20; image-rendering: auto; }
.captcha-actions { display: flex; align-items: center; gap: 12px; }.captcha-actions button { padding: 8px 11px; border: 1px solid var(--line); border-radius: 7px; background: transparent; color: var(--text); cursor: pointer; font: inherit; font-size: .78rem; }.captcha-actions button:hover, .captcha-actions button:focus-visible { border-color: var(--accent); color: var(--accent); outline: none; }.captcha-actions button:disabled { cursor: progress; opacity: .65; }.captcha-actions span { color: var(--muted); font-size: .76rem; }
.construction-page { padding: clamp(90px, 16vw, 180px) 0; text-align: center; }.construction-page h1 { margin: 0; font-size: clamp(2.5rem, 6vw, 4.5rem); letter-spacing: -.065em; }.construction-page p:not(.eyebrow) { margin: 22px auto 0; color: var(--muted); }
.guestbook-open-form { margin-top: 25px; padding: 12px 16px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-size: .88rem; font-weight: 750; }.guestbook-open-form:hover, .guestbook-open-form:focus-visible { background: #d1ff87; outline: none; }.guestbook-open-form i { margin-right: 7px; }
.tool-feedback { display: flex; align-items: center; justify-content: space-between; gap: 28px; max-width: 820px; margin-top: 54px; padding: 24px; border: 1px solid rgba(185, 243, 93, .28); border-radius: 13px; background: var(--surface); }.tool-feedback .eyebrow { margin-bottom: 8px; }.tool-feedback h2 { margin: 0; font-size: 1.15rem; letter-spacing: -.025em; }.tool-feedback-form { min-width: 0; }.tool-feedback-options { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.tool-feedback-options button { padding: 9px 11px; border: 1px solid var(--line); border-radius: 7px; background: transparent; color: var(--text); cursor: pointer; font: inherit; font-size: .8rem; }.tool-feedback-options button:hover, .tool-feedback-options button:focus-visible { border-color: var(--accent); color: var(--accent); outline: none; }.tool-feedback-options button:disabled { cursor: progress; opacity: .65; }.tool-feedback-status, .tool-feedback-thanks { margin: 10px 0 0; color: var(--muted); font-size: .78rem; text-align: right; }.tool-feedback-thanks { color: #8cf0ad; }.tool-feedback-thanks i { margin-right: 5px; }
.tool-feedback[hidden] { display: none; }
.tool-overview { max-width: 820px; margin: 44px auto 0; padding: 28px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.tool-overview h2 { margin: 0; font-size: 1.15rem; letter-spacing: -.025em; }.tool-overview p { margin: 14px 0 0; color: var(--muted); font-size: .9rem; }
.headers-shell { padding-bottom: 72px; }.headers-hero { max-width: 920px; padding: clamp(70px, 11vw, 120px) 0 48px; }.headers-hero h1 { margin: 0 0 28px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.055em; }.headers-hero > p:not(.eyebrow):not(.headers-error) { margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; }.headers-form { display: flex; align-items: end; gap: 10px; max-width: 940px; margin-top: 30px; }.headers-form label { flex: 1; }.headers-form .headers-profile { flex: 0 0 190px; }.headers-form label span { display: block; margin-bottom: 7px; color: var(--muted); font-size: .76rem; }.headers-form input, .headers-form select { width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }.headers-form input:focus, .headers-form select:focus { border-color: var(--accent); outline: none; }.headers-form button { height: 46px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-weight: 750; white-space: nowrap; }.headers-form button:hover, .headers-form button:focus-visible { background: #d1ff87; }.headers-form button:disabled { cursor: progress; opacity: .68; }.headers-form button i { margin-right: 7px; }.headers-error { margin: 14px 0 0; color: #d6bc72; font-size: .86rem; }.headers-results, .headers-analysis { margin-top: 20px; padding-top: 22px; border-top: 1px solid var(--line); }.headers-summary { display: grid; grid-template-columns: minmax(0, 1fr) 190px 190px; gap: 12px; }.headers-summary article, .headers-request { padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.headers-summary span, .headers-summary strong { display: block; }.headers-summary span { color: var(--muted); font-size: .76rem; }.headers-summary strong { margin-top: 7px; font-size: .92rem; overflow-wrap: anywhere; }.headers-response-notice { display: flex; align-items: flex-start; gap: 12px; margin: 16px 0 0; padding: 17px; border: 1px solid rgba(235, 184, 83, .45); border-radius: 13px; background: rgba(127, 88, 31, .2); }.headers-response-notice > i { margin-top: 2px; color: #f0cc83; }.headers-response-notice h3 { margin: 0; font-size: .94rem; }.headers-response-notice p { margin: 7px 0 0; color: var(--muted); font-size: .82rem; }.headers-request { margin-top: 12px; }.headers-request-heading { display: flex; align-items: start; justify-content: space-between; gap: 18px; }.headers-request-heading h3, .headers-request h4 { margin: 0; font-size: 1rem; }.headers-request h4 { margin-top: 22px; }.headers-request-heading p { margin: 7px 0 0; color: var(--muted); font-size: .8rem; overflow-wrap: anywhere; }.headers-request-heading > strong { color: var(--accent); font-size: .84rem; white-space: nowrap; }.headers-raw { margin-top: 12px; }.headers-raw pre { max-height: 400px; margin: 0; padding: 18px; overflow: auto; border: 1px solid var(--line); border-radius: 9px; background: #111314; color: #cce891; font: .8rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; white-space: pre-wrap; word-break: break-word; }.headers-redirect-explanation { margin: 16px 0 0; padding: 13px 14px; border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0; background: rgba(185, 243, 93, .08); color: var(--muted); font-size: .82rem; }.headers-redirect-explanation i { margin-right: 7px; color: var(--accent); }.headers-redirect-explanation strong { display: inline; color: var(--text); overflow-wrap: anywhere; }.headers-analysis-introduction { max-width: 750px; margin: 14px 0 0; color: var(--muted); font-size: .86rem; }.headers-analysis-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; }.headers-analysis-card { min-height: 142px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.headers-analysis-card > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.headers-analysis-card h3 { margin: 0; font-size: .93rem; overflow-wrap: anywhere; }.headers-analysis-card span { padding: 3px 7px; border-radius: 99px; background: rgba(130, 140, 150, .2); color: #c6c9cc; font-size: .66rem; font-weight: 750; white-space: nowrap; }.headers-analysis-card p { margin: 12px 0 0; color: var(--muted); font-size: .8rem; }.headers-analysis-card--helpful { border-color: rgba(96, 230, 145, .45); }.headers-analysis-card--helpful span { background: rgba(43, 119, 70, .35); color: #8cf0ad; }.headers-analysis-card--review { border-color: rgba(235, 184, 83, .45); }.headers-analysis-card--review span { background: rgba(127, 88, 31, .36); color: #f0cc83; }
@media (max-width: 620px) { .tool-feedback { align-items: flex-start; flex-direction: column; gap: 18px; }.tool-feedback-options { justify-content: flex-start; }.tool-feedback-status, .tool-feedback-thanks { text-align: left; } }
@media (max-width: 700px) { .headers-form { align-items: stretch; flex-direction: column; }.headers-form .headers-profile { flex-basis: auto; }.headers-form button { width: 100%; }.headers-summary, .headers-analysis-grid { grid-template-columns: 1fr; } }
@media (max-width: 500px) { .site-nav { align-items: flex-start; flex-direction: column; gap: 10px; }.tools-menu { right: auto; left: 0; } }
.ipcalc-shell { padding-bottom: 72px; }.ipcalc-hero { max-width: 1100px; padding: clamp(70px, 11vw, 120px) 0 48px; }.ipcalc-hero h1 { margin: 0 0 28px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.055em; }.ipcalc-hero > p:not(.eyebrow):not(.ipcalc-help):not(.ipcalc-error) { margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; }.ipcalc-form { display: grid; grid-template-columns: 1.05fr 1.25fr 1fr auto; gap: 10px; align-items: end; margin-top: 30px; }.ipcalc-form label { display: block; min-width: 0; }.ipcalc-form label > span { display: block; margin-bottom: 7px; color: var(--muted); font-size: .76rem; }.ipcalc-form label em { font-style: normal; opacity: .72; }.ipcalc-form input { box-sizing: border-box; width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }.ipcalc-form input:focus { border-color: var(--accent); outline: none; }.ipcalc-form button { height: 46px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-weight: 750; white-space: nowrap; }.ipcalc-form button:hover, .ipcalc-form button:focus-visible { background: #d1ff87; }.ipcalc-form button i { margin-right: 7px; }.ipcalc-help, .ipcalc-error { margin: 14px 0 0; font-size: .8rem; }.ipcalc-help { color: var(--muted); }.ipcalc-error { color: #d6bc72; }.ipcalc-results, .ipcalc-binary-section, .ipcalc-comparison { margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--line); }.ipcalc-summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }.ipcalc-summary-grid article, .ipcalc-detail-card, .ipcalc-binary-card, .ipcalc-comparison-card { border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.ipcalc-summary-grid article { min-height: 96px; padding: 17px; }.ipcalc-summary-grid span, .ipcalc-comparison-card span { display: block; color: var(--muted); font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }.ipcalc-summary-grid strong { display: block; margin-top: 8px; color: var(--accent); font-size: .98rem; overflow-wrap: anywhere; }.ipcalc-summary-pair > div + div { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }.ipcalc-summary-pair strong { margin-top: 5px; font-size: .86rem; }.ipcalc-details { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }.ipcalc-detail-card { padding: 20px; }.ipcalc-detail-card h3 { margin: 0; font-size: 1rem; }.ipcalc-detail-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; margin: 16px 0 0; }.ipcalc-detail-card dl div { padding: 10px 0; border-top: 1px solid var(--line); }.ipcalc-detail-card dt { color: var(--muted); font-size: .76rem; }.ipcalc-detail-card dd { margin: 5px 0 0; color: var(--text); font: .84rem/1.4 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; overflow-wrap: anywhere; }.ipcalc-binary-card { margin-top: 18px; padding: 18px; overflow-x: auto; }.ipcalc-binary-row { display: grid; grid-template-columns: 78px minmax(510px, 1fr) 128px; gap: 14px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); }.ipcalc-binary-row:first-child { border-top: 0; }.ipcalc-binary-row > span, .ipcalc-binary-row small { color: var(--muted); font-size: .76rem; }.ipcalc-binary-row code { display: flex; align-items: center; color: var(--text); font: .82rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; white-space: nowrap; }.ipcalc-bit { display: inline-block; width: .67em; text-align: center; }.ipcalc-bit--network { color: var(--accent); }.ipcalc-bit--host { color: #bcc0c4; }.ipcalc-binary-dot { width: .75em; color: var(--muted); text-align: center; }.ipcalc-binary-split { display: inline-block; width: 2px; height: 1.25em; margin: 0 3px; background: #e5e7e9; opacity: .72; }.ipcalc-comparison-card { display: grid; grid-template-columns: minmax(0, 1fr) 190px 150px; gap: 18px; align-items: center; margin-top: 18px; padding: 20px; }.ipcalc-comparison-card p { margin: 0; color: var(--muted); font-size: .88rem; }.ipcalc-comparison-card strong { display: block; margin-top: 7px; font-size: .82rem; overflow-wrap: anywhere; }
@media (max-width: 920px) { .ipcalc-form { grid-template-columns: 1fr 1fr; }.ipcalc-form button { width: 100%; }.ipcalc-summary-grid { grid-template-columns: repeat(2, 1fr); }.ipcalc-comparison-card { grid-template-columns: 1fr 1fr; }.ipcalc-comparison-card p { grid-column: span 2; } }
@media (max-width: 620px) { .ipcalc-form, .ipcalc-details, .ipcalc-summary-grid, .ipcalc-comparison-card { grid-template-columns: 1fr; }.ipcalc-comparison-card p { grid-column: auto; }.ipcalc-detail-card dl { grid-template-columns: 1fr; } }
.tool-faq { margin-top: 54px; padding-top: 22px; border-top: 1px solid var(--line); }.tool-faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; }.tool-faq-item { padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.tool-faq-item h3 { margin: 0; font-size: 1rem; letter-spacing: -.02em; }.tool-faq-item p { margin: 12px 0 0; color: var(--muted); font-size: .82rem; }.tool-faq-item .tool-faq-rfcs { margin-top: 16px; color: #b9f35d; font-size: .75rem; }.tool-faq-rfcs a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }.tool-faq-rfcs a:hover, .tool-faq-rfcs a:focus-visible { color: var(--text); outline: none; }
@media (max-width: 900px) { .tool-faq-grid { grid-template-columns: 1fr; } }
.related-tools { margin-top: 54px; padding-top: 22px; border-top: 1px solid var(--line); }.related-tools-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.related-tool { position: relative; min-height: 156px; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); color: var(--text); text-decoration: none; transition: transform .18s ease, background .18s ease, border-color .18s ease; }.related-tool > i { color: var(--accent); font-size: 1.05rem; }.related-tool h3 { margin: 28px 0 6px; padding-right: 20px; font-size: .98rem; letter-spacing: -.02em; }.related-tool p { margin: 0; color: var(--muted); font-size: .78rem; }.related-tool-arrow { position: absolute; top: 18px; right: 18px; color: var(--muted); }.related-tool:hover, .related-tool:focus-visible { transform: translateY(-3px); border-color: rgba(185, 243, 93, .6); background: var(--surface-hover); outline: none; }.related-tool:hover .related-tool-arrow, .related-tool:focus-visible .related-tool-arrow { color: var(--accent); }
@media (max-width: 900px) { .related-tools-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .related-tools-grid { grid-template-columns: 1fr; } }
.ipcalc-mask-options { margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--line); }.ipcalc-mask-options .section-heading { justify-content: flex-start; gap: 12px; }.ipcalc-mask-options-intro { margin: 0 0 18px; color: var(--muted); font-size: .84rem; }.ipcalc-mask-options-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }.ipcalc-mask-option-card { display: grid; grid-template-columns: 46px 128px repeat(4, minmax(0, 1fr)); gap: 12px; align-items: center; width: 100%; min-height: 54px; padding: 9px 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); text-align: left; }.ipcalc-mask-option-card > strong { color: var(--accent); font: 800 .85rem ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }.ipcalc-mask-option-card code, .ipcalc-mask-option-card span, .ipcalc-mask-option-card small { overflow-wrap: anywhere; }.ipcalc-mask-option-card code { color: var(--text); font: .78rem ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }.ipcalc-mask-option-value { display: grid; gap: 2px; color: var(--text); font: .78rem ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }.ipcalc-mask-option-value small { color: var(--muted); font: .64rem Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase; }.ipcalc-mask-option-hosts b { color: #cce891; font: inherit; font-weight: 700; }
@media (max-width: 900px) { .ipcalc-mask-option-card { grid-template-columns: 46px 128px repeat(2, minmax(0, 1fr)); }.ipcalc-mask-option-hosts { grid-column: 4; } }
@media (max-width: 620px) { .ipcalc-mask-option-card { grid-template-columns: 42px 1fr 1fr; }.ipcalc-mask-option-hosts { grid-column: auto; } }
@media (max-width: 460px) { .ipcalc-mask-option-card { grid-template-columns: 42px minmax(0, 1fr); }.ipcalc-mask-option-card > strong { grid-row: span 2; } }
.mxrbl-shell { padding-bottom: 72px; }.mxrbl-hero { max-width: 1040px; padding: clamp(70px, 11vw, 120px) 0 48px; }.mxrbl-hero h1 { margin: 0 0 28px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.055em; }.mxrbl-hero > p:not(.eyebrow):not(.mxrbl-help):not(.mxrbl-error) { margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; }.mxrbl-form { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: 10px; align-items: end; max-width: 720px; margin-top: 30px; }.mxrbl-form label span { display: block; margin-bottom: 7px; color: var(--muted); font-size: .76rem; }.mxrbl-form input { box-sizing: border-box; width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }.mxrbl-form input:focus { border-color: var(--accent); outline: none; }.mxrbl-form button { height: 46px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-weight: 750; white-space: nowrap; }.mxrbl-form button:hover, .mxrbl-form button:focus-visible { background: #d1ff87; }.mxrbl-form button i { margin-right: 7px; }.mxrbl-help, .mxrbl-error { margin: 14px 0 0; font-size: .8rem; }.mxrbl-help { color: var(--muted); }.mxrbl-error { color: #d6bc72; }.mxrbl-sources, .mxrbl-results { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }.mxrbl-sources > p, .mxrbl-result-note { max-width: 830px; margin: 16px 0 0; color: var(--muted); font-size: .86rem; }.mxrbl-sources ul { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 18px 0 0; list-style: none; }.mxrbl-sources li { display: flex; gap: 10px; align-items: center; padding: 10px 13px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); font-size: .82rem; }.mxrbl-sources a { color: var(--accent); }.mxrbl-sources span { color: var(--muted); }.mxrbl-host-card { margin-top: 14px; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.mxrbl-host-heading { display: flex; justify-content: space-between; gap: 18px; align-items: start; }.mxrbl-host-heading h3 { margin: 0; font-size: 1rem; overflow-wrap: anywhere; }.mxrbl-host-heading span { display: block; margin-top: 6px; color: var(--muted); font-size: .76rem; }.mxrbl-count { color: var(--accent); font-size: .78rem; white-space: nowrap; }.mxrbl-count--listed { color: #efb16f; }.mxrbl-host-empty { margin: 16px 0 0; color: var(--muted); font-size: .84rem; }.mxrbl-address { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }.mxrbl-address h4 { display: flex; align-items: center; gap: 10px; margin: 0; }.mxrbl-address h4 code { color: #cce891; font: .86rem ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }.mxrbl-address h4 span { padding: 3px 6px; border-radius: 4px; background: #202629; color: var(--muted); font-size: .67rem; }.mxrbl-check-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; margin-top: 12px; }.mxrbl-check { padding: 14px; border: 1px solid var(--line); border-radius: 9px; }.mxrbl-check h5 { margin: 0; font-size: .84rem; }.mxrbl-check h5 a { color: var(--text); }.mxrbl-check p { margin: 10px 0 0; color: var(--muted); font-size: .77rem; }.mxrbl-check p strong { color: #b9f35d; }.mxrbl-check small { display: block; margin-top: 5px; color: var(--muted); font-size: .71rem; overflow-wrap: anywhere; }.mxrbl-check--listed { border-color: #8c5a35; background: #2a211b; }.mxrbl-check--listed p strong { color: #efb16f; }.mxrbl-check--not_supported, .mxrbl-check--unavailable { opacity: .72; }
@media (max-width: 600px) { .mxrbl-form { grid-template-columns: 1fr; }.mxrbl-form button { width: 100%; }.mxrbl-host-heading { align-items: flex-start; flex-direction: column; gap: 8px; } }
.mxrbl-check--not_supported, .mxrbl-check--unavailable, .mxrbl-check--not_queried, .mxrbl-check--no_listing_returned { opacity: .72; }
.mxrbl-form button:disabled { cursor: progress; opacity: .76; }.mxrbl-form button.is-checking i { animation: mxrbl-button-spin .9s linear infinite; }.mxrbl-form button.is-checking { min-width: 202px; }@keyframes mxrbl-button-spin { to { transform: rotate(360deg); } }@media (prefers-reduced-motion: reduce) { .mxrbl-form button.is-checking i { animation: none; } }
.mxrbl-progress { margin: 13px 0 0; color: var(--accent); font-size: .82rem; }.mxrbl-progress i { margin-right: 7px; }.mxrbl-progress[hidden] { display: none; }
.mxrbl-source--inactive { opacity: .72; }.mxrbl-source--inactive a { color: var(--text); }
.mxrbl-result-group { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }.mxrbl-result-group-heading { display: flex; align-items: start; justify-content: space-between; gap: 18px; }.mxrbl-result-group-heading h3 { margin: 0; font-size: 1rem; }.mxrbl-result-group-heading p { max-width: 700px; margin: 7px 0 0; color: var(--muted); font-size: .8rem; }.mxrbl-host-heading h4, .mxrbl-address h5, .mxrbl-check h6 { margin: 0; font-size: .84rem; }.mxrbl-check h6 a { color: var(--text); }
.mxrbl-host-heading h4 { overflow-wrap: anywhere; }.mxrbl-address h5 { display: flex; align-items: center; gap: 10px; }.mxrbl-address h5 code { color: #cce891; font: .86rem ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }.mxrbl-address h5 span { padding: 3px 6px; border-radius: 4px; background: #202629; color: var(--muted); font-size: .67rem; }@media (max-width: 600px) { .mxrbl-result-group-heading { align-items: flex-start; flex-direction: column; gap: 8px; } }
.reverse-dns-shell { padding-bottom: 72px; }.reverse-dns-hero { max-width: 1040px; padding: clamp(70px, 11vw, 120px) 0 48px; }.reverse-dns-hero h1 { margin: 0 0 28px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.055em; }.reverse-dns-hero > p:not(.eyebrow):not(.reverse-dns-help):not(.reverse-dns-error) { margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; }.reverse-dns-form { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: 10px; align-items: end; max-width: 720px; margin-top: 30px; }.reverse-dns-form label span { display: block; margin-bottom: 7px; color: var(--muted); font-size: .76rem; }.reverse-dns-form input { box-sizing: border-box; width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }.reverse-dns-form input:focus { border-color: var(--accent); outline: none; }.reverse-dns-form button { height: 46px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-weight: 750; white-space: nowrap; }.reverse-dns-form button:hover, .reverse-dns-form button:focus-visible { background: #d1ff87; }.reverse-dns-form button i { margin-right: 7px; }.reverse-dns-help, .reverse-dns-error { margin: 14px 0 0; font-size: .8rem; }.reverse-dns-help { color: var(--muted); }.reverse-dns-error { color: #d6bc72; }.reverse-dns-results { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }.reverse-dns-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }.reverse-dns-summary article, .reverse-dns-query, .reverse-dns-record { padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.reverse-dns-summary span, .reverse-dns-query dt { display: block; color: var(--muted); font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }.reverse-dns-summary strong { display: block; margin-top: 8px; color: var(--accent); font-size: .92rem; overflow-wrap: anywhere; }.reverse-dns-query { margin-top: 12px; }.reverse-dns-query h3, .reverse-dns-record h3, .reverse-dns-record h4 { margin: 0; font-size: 1rem; }.reverse-dns-query dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 16px 0 0; }.reverse-dns-query dl div { min-width: 0; padding-top: 10px; border-top: 1px solid var(--line); }.reverse-dns-query dd { margin: 5px 0 0; overflow-wrap: anywhere; }.reverse-dns-query code, .reverse-dns-record code { color: #cce891; font: .8rem/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; overflow-wrap: anywhere; }.reverse-dns-note { max-width: 860px; margin: 18px 0 0; padding: 13px 14px; border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0; background: rgba(185, 243, 93, .08); color: var(--muted); font-size: .84rem; }.reverse-dns-records { display: grid; gap: 12px; margin-top: 12px; }.reverse-dns-record-heading { display: flex; align-items: start; justify-content: space-between; gap: 18px; }.reverse-dns-record-heading span, .reverse-dns-record > p, .reverse-dns-empty { color: var(--muted); font-size: .78rem; }.reverse-dns-record-heading span { display: block; margin-top: 6px; }.reverse-dns-confirmation { color: #efb16f; font-size: .78rem; white-space: nowrap; }.reverse-dns-confirmation--yes { color: #8cf0ad; }.reverse-dns-record > p { margin: 16px 0 0; }.reverse-dns-record h4 { margin-top: 18px; color: var(--muted); font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }.reverse-dns-record ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }.reverse-dns-record li { padding: 7px 9px; border: 1px solid var(--line); border-radius: 7px; font-size: .78rem; }.reverse-dns-record li span { margin-left: 4px; color: #8cf0ad; font-size: .7rem; }.reverse-dns-empty { margin: 10px 0 0 !important; }
@media (max-width: 760px) { .reverse-dns-summary, .reverse-dns-query dl { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .reverse-dns-form, .reverse-dns-summary, .reverse-dns-query dl { grid-template-columns: 1fr; }.reverse-dns-form button { width: 100%; }.reverse-dns-record-heading { align-items: flex-start; flex-direction: column; gap: 8px; } }
.tcp-port-shell { padding-bottom: 72px; }.tcp-port-hero { max-width: 1040px; padding: clamp(70px, 11vw, 120px) 0 48px; }.tcp-port-hero h1 { margin: 0 0 28px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.055em; }.tcp-port-hero > p:not(.eyebrow):not(.tcp-port-help):not(.tcp-port-error) { margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; }.tcp-port-form { display: grid; grid-template-columns: minmax(260px, 1fr) 120px auto; gap: 10px; align-items: end; max-width: 850px; margin-top: 30px; }.tcp-port-form label span { display: block; margin-bottom: 7px; color: var(--muted); font-size: .76rem; }.tcp-port-form input { box-sizing: border-box; width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }.tcp-port-form input:focus { border-color: var(--accent); outline: none; }.tcp-port-form button { height: 46px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-weight: 750; white-space: nowrap; }.tcp-port-form button:hover, .tcp-port-form button:focus-visible { background: #d1ff87; }.tcp-port-form button:disabled { cursor: progress; opacity: .76; }.tcp-port-form button i { margin-right: 7px; }.tcp-port-help, .tcp-port-error { margin: 14px 0 0; font-size: .8rem; }.tcp-port-help { color: var(--muted); }.tcp-port-error { color: #d6bc72; }.tcp-port-results { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }.tcp-port-verdict { display: flex; align-items: flex-start; gap: 14px; margin-top: 18px; padding: 20px; border: 1px solid rgba(237, 103, 103, .6); border-radius: 13px; background: rgba(137, 45, 45, .2); }.tcp-port-verdict > i { margin-top: 3px; color: #ff9a9a; font-size: 1.2rem; }.tcp-port-verdict h3 { margin: 0; font-size: 1.05rem; }.tcp-port-verdict p { margin: 6px 0 0; color: var(--muted); font-size: .84rem; }.tcp-port-verdict--reachable { border-color: rgba(96, 230, 145, .6); background: rgba(43, 119, 70, .2); }.tcp-port-verdict--reachable > i { color: #8cf0ad; }.tcp-port-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 12px; }.tcp-port-summary article { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.tcp-port-summary span { display: block; color: var(--muted); font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }.tcp-port-summary strong { display: block; margin-top: 8px; color: var(--accent); font-size: .92rem; overflow-wrap: anywhere; }.tcp-port-note { max-width: 880px; margin: 18px 0 0; padding: 13px 14px; border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0; background: rgba(185, 243, 93, .08); color: var(--muted); font-size: .84rem; }
@media (max-width: 760px) { .tcp-port-form, .tcp-port-summary { grid-template-columns: 1fr 1fr; }.tcp-port-form button { width: 100%; } }
@media (max-width: 600px) { .tcp-port-form, .tcp-port-summary { grid-template-columns: 1fr; } }
.smtp-shell { padding-bottom: 72px; }.smtp-hero { max-width: 1040px; padding: clamp(70px, 11vw, 120px) 0 48px; }.smtp-hero h1 { margin: 0 0 28px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.055em; }.smtp-hero > p:not(.eyebrow):not(.smtp-help):not(.smtp-error):not(.smtp-progress) { margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; }.smtp-form { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: 10px; align-items: end; max-width: 720px; margin-top: 30px; }.smtp-form label span { display: block; margin-bottom: 7px; color: var(--muted); font-size: .76rem; }.smtp-form input { box-sizing: border-box; width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }.smtp-form input:focus { border-color: var(--accent); outline: none; }.smtp-form button { height: 46px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--accent); color: var(--accent-dark); cursor: pointer; font: inherit; font-weight: 750; white-space: nowrap; }.smtp-form button:hover, .smtp-form button:focus-visible { background: #d1ff87; }.smtp-form button i { margin-right: 7px; }.smtp-form button:disabled { cursor: progress; opacity: .76; }.smtp-form button.is-checking i { animation: smtp-button-spin .9s linear infinite; }.smtp-help, .smtp-error, .smtp-progress { margin: 14px 0 0; font-size: .8rem; }.smtp-help { color: var(--muted); }.smtp-error { color: #d6bc72; }.smtp-progress { color: var(--accent); }.smtp-progress i { margin-right: 7px; }.smtp-progress[hidden] { display: none; }.smtp-results { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }.smtp-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }.smtp-summary article, .smtp-detail { padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.smtp-summary span { display: block; color: var(--muted); font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }.smtp-summary strong { display: block; margin-top: 8px; color: var(--accent); font-size: .92rem; overflow-wrap: anywhere; }.smtp-relay--accepted { border-color: #8c5a35 !important; background: #2a211b !important; }.smtp-relay--accepted strong { color: #efb16f; }.smtp-note { max-width: 880px; margin: 18px 0 0; padding: 13px 14px; border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0; background: rgba(185, 243, 93, .08); color: var(--muted); font-size: .84rem; }.smtp-detail-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 12px; margin-top: 12px; }.smtp-detail h3, .smtp-detail h4 { margin: 0; font-size: 1rem; }.smtp-detail h4 { margin-top: 17px; color: var(--muted); font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }.smtp-detail ul { margin: 15px 0 0; padding: 0; list-style: none; }.smtp-detail li { padding: 9px 0; border-top: 1px solid var(--line); }.smtp-detail code, .smtp-detail pre { font: .79rem/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }.smtp-detail code { color: #cce891; overflow-wrap: anywhere; }.smtp-detail pre { max-height: 220px; margin: 8px 0 0; padding: 13px; overflow: auto; border: 1px solid var(--line); border-radius: 8px; background: #111314; color: #cce891; white-space: pre-wrap; word-break: break-word; }.smtp-detail pre code { color: inherit; }.smtp-auth { margin: 18px 0 0; color: var(--muted); font-size: .82rem; }@keyframes smtp-button-spin { to { transform: rotate(360deg); } }@media (max-width: 760px) { .smtp-summary, .smtp-detail-grid { grid-template-columns: 1fr 1fr; } }@media (max-width: 600px) { .smtp-form, .smtp-summary, .smtp-detail-grid { grid-template-columns: 1fr; }.smtp-form button { width: 100%; } }@media (prefers-reduced-motion: reduce) { .smtp-form button.is-checking i { animation: none; } }