/* WhatIsMyIP.live consolidated production release 4.0.0 */
.site-nav{min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand,.footer-brand{display:flex;align-items:center;gap:.75rem;color:var(--text);font-size:1.15rem;font-weight:900;letter-spacing:-.02em}.brand-dot{color:var(--brand-strong)}.desktop-navigation{display:none;align-items:center;gap:.15rem}.nav-actions{display:flex;align-items:center;gap:.5rem}.account-link{display:none;border:1px solid var(--line);border-radius:.8rem;padding:.72rem .9rem;color:var(--muted-strong);font-size:.8rem;font-weight:800;background:var(--surface)}.account-link:hover{color:var(--brand-strong);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.language-switcher,.mobile-navigation{position:relative}.language-switcher summary,.mobile-navigation summary{list-style:none}.language-switcher summary::-webkit-details-marker,.mobile-navigation summary::-webkit-details-marker{display:none}.language-summary{display:flex!important;width:auto!important;min-width:4.2rem;padding-inline:.7rem!important}.language-code{font-size:.72rem;font-weight:900}.language-menu-title{padding:.55rem .75rem .4rem;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.language-option-name{display:flex;align-items:center;gap:.65rem}.language-switcher[open] .language-menu{display:block}.mobile-navigation{display:block}.mobile-menu{position:absolute;right:0;top:calc(100% + .65rem);z-index:70;width:min(22rem,calc(100vw - 2rem));border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:.65rem;box-shadow:var(--shadow)}[dir=rtl] .mobile-menu{right:auto;left:0}.mobile-search{margin-bottom:.45rem}.site-footer{margin-top:5rem;border-top:1px solid var(--line);background:var(--surface)}.footer-grid{display:grid;gap:2.5rem;padding-top:3.5rem;padding-bottom:3.5rem}.footer-about p{max-width:34rem;margin-top:1rem;color:var(--muted);font-size:.9rem;line-height:1.75}.footer-bottom{border-top:1px solid var(--line)}.footer-bottom-inner{display:flex;flex-direction:column;gap:.45rem;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--muted);font-size:.75rem}.ip-action-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.home-highlight{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(135deg,var(--surface),var(--brand-soft));padding:1.5rem;box-shadow:var(--shadow-soft)}.home-highlight:after{content:"";position:absolute;right:-4rem;top:-5rem;width:14rem;height:14rem;border-radius:999px;background:color-mix(in srgb,var(--brand) 13%,transparent);filter:blur(25px)}.home-highlight-content{position:relative;z-index:1}.home-highlight-grid{display:grid;gap:1rem;margin-top:1.35rem}.home-highlight-item{border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));border-radius:1rem;background:color-mix(in srgb,var(--surface) 92%,transparent);padding:1rem}.home-highlight-item strong{display:block;color:var(--text)}.home-highlight-item span{display:block;margin-top:.35rem;color:var(--muted);font-size:.82rem;line-height:1.55}.tool-result{display:none;margin-top:1.75rem;border-top:1px solid var(--line);padding-top:1.5rem}.tool-result.is-visible{display:block}.tool-error{display:none;margin-top:1.25rem}.tool-error.is-visible{display:flex}.tool-loading{display:none}.is-loading .tool-idle{display:none}.is-loading .tool-loading{display:inline}.browser-value{overflow-wrap:anywhere}.webrtc-results{display:grid;gap:.75rem;margin-top:1.5rem}.webrtc-result{border:1px solid var(--line);border-radius:.85rem;background:var(--surface-soft);padding:.9rem 1rem;color:var(--text);font-family:var(--font-mono);font-size:.82rem}.native-disclosure summary{cursor:pointer}.legacy-notice{border:1px solid var(--line);border-radius:1rem;background:var(--surface-soft);padding:1rem;color:var(--muted);font-size:.85rem;line-height:1.65}

/* Admin: isolated readable theme, independent from the public dark-mode preference. */
html.admin-html{color-scheme:light;background:#f5f7fb}.admin-page{margin:0;min-height:100vh;background:#f5f7fb;color:#17213d;font-family:var(--font-sans)}.admin-page *{box-sizing:border-box}.admin-shell{min-height:100vh}.admin-sidebar{background:#0b1328;color:#eaf0ff;padding:1rem;border-bottom:1px solid #26324b}.admin-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-brand{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:900}.admin-brand-mark{display:grid;width:2.45rem;height:2.45rem;place-items:center;border-radius:.8rem;background:linear-gradient(135deg,#67e8f9,#818cf8);color:#081126}.admin-mobile-toggle{position:relative}.admin-mobile-toggle summary{list-style:none;display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid #33415f;border-radius:.75rem}.admin-mobile-toggle summary::-webkit-details-marker{display:none}.admin-nav{display:none;margin-top:1rem;gap:.2rem}.admin-mobile-toggle[open]~.admin-nav{display:grid}.admin-link{display:flex!important;align-items:center;gap:.6rem;border-radius:.75rem;padding:.72rem .85rem!important;color:#aebbd8!important;font-size:.86rem;font-weight:750;text-decoration:none}.admin-link:hover,.admin-link-active{color:#fff!important;background:#1a2743!important}.admin-signout{margin-top:1rem}.admin-signout button{width:100%;border:1px solid #33415f!important;background:#fff!important;color:#0b1328!important}.admin-main{min-width:0;padding:1.15rem}.admin-content{max-width:82rem;margin:0 auto}.admin-page h1,.admin-page h2,.admin-page h3,.admin-page strong{color:#17213d}.admin-page .eyebrow{color:#4f46e5}.admin-page .panel,.admin-page .tool-card,.admin-page .bg-slate-900,.admin-page [class*="bg-slate-900"]{background:#fff!important;color:#17213d!important;border-color:#dfe5f0!important;box-shadow:0 8px 28px rgba(30,45,90,.06)!important}.admin-page .tool-card{min-height:9rem}.admin-page .text-slate-100,.admin-page .text-slate-200,.admin-page .text-slate-300{color:#34405f!important}.admin-page .text-slate-400,.admin-page .text-slate-500,.admin-page [class*="text-slate-4"],.admin-page [class*="text-slate-5"]{color:#69738d!important}.admin-page .text-cyan-300{color:#4f46e5!important}.admin-page .border-white\/10,.admin-page [class*="border-white"]{border-color:#dfe5f0!important}.admin-page .divide-white\/10>*+*,.admin-page [class*="divide-white"]>*+*{border-color:#e5eaf3!important}.admin-page .data-table{background:#fff}.admin-page .data-table th{background:#f4f6fb;color:#66708d}.admin-page .data-table td{color:#39445f}.admin-page .button-secondary{background:#fff;color:#17213d}.admin-page .input{background:#fff;color:#17213d}.admin-stat-value{margin-top:.65rem;color:#111936!important;font-size:2rem;font-weight:900}.admin-muted{color:#69738d}.admin-section-card{border:1px solid #dfe5f0;border-radius:1.15rem;background:#fff;padding:1.25rem;box-shadow:0 8px 28px rgba(30,45,90,.06)}

@media(min-width:640px){.account-link{display:inline-flex}.footer-bottom-inner{flex-direction:row;align-items:center;justify-content:space-between}.home-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:2rem}}
@media(min-width:768px){.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}}
@media(min-width:1024px){.desktop-navigation{display:flex}.mobile-navigation{display:none}.admin-shell{display:grid;grid-template-columns:16.5rem minmax(0,1fr)}.admin-sidebar{min-height:100vh;border-right:1px solid #26324b;border-bottom:0;padding:1.25rem;position:sticky;top:0;height:100vh;overflow:auto}.admin-mobile-toggle{display:none}.admin-nav{display:grid!important;margin-top:2rem}.admin-signout{margin-top:2rem}.admin-main{padding:2.5rem}.home-highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:639px){.search-bar{align-items:stretch;flex-wrap:wrap}.search-bar input{flex-basis:calc(100% - 3rem)}.search-bar .button-primary{width:100%}.hero-title{font-size:clamp(2.35rem,13vw,3.7rem)}.ip-action-row>*{flex:1 1 auto}.language-menu{position:fixed!important;left:1rem!important;right:1rem!important;top:5.2rem!important;width:auto!important;max-height:70vh;overflow:auto}}

/* v3 stabilization: native language selector and self-contained admin readability. */
.language-select-wrap{display:inline-flex;align-items:center;position:relative}
.language-select{max-width:11rem;height:2.65rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);color:var(--text);padding:.55rem 2rem .55rem .7rem;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;appearance:auto}
.language-select:focus{outline:3px solid color-mix(in srgb,var(--brand) 22%,transparent);outline-offset:2px}
@media(max-width:639px){.language-select{max-width:6.7rem}.language-select-wrap{max-width:6.7rem}}

/* Admin uses fixed light tokens and does not inherit public dark-mode variables. */
html.admin-html{--text:#17213d;--muted:#66708d;--muted-strong:#39445f;--surface:#fff;--surface-soft:#f4f6fb;--surface-strong:#edf1f7;--line:#dfe5f0;--line-strong:#cbd3e3;--brand:#4f46e5;--brand-strong:#3730a3;--brand-soft:#eef0ff;--success:#087a42;--success-soft:#ecfdf3;--danger:#b42318;--danger-soft:#fff1f2;--warning:#a15c00;--warning-soft:#fff8e6;color-scheme:light!important;background:#f5f7fb!important}
.admin-page{background:#f5f7fb!important;color:#17213d!important}
.admin-page a{color:inherit}
.admin-page .panel,.admin-page .tool-card,.admin-page .feature-panel,.admin-page .article-card,.admin-page .admin-section-card{background:#fff!important;color:#17213d!important;border-color:#dfe5f0!important}
.admin-page .button-primary{background:#4f46e5!important;color:#fff!important}
.admin-page .button-secondary{background:#fff!important;color:#17213d!important;border-color:#cbd3e3!important}
.admin-page .button-danger{background:#b42318!important;color:#fff!important}
.admin-page .input,.admin-page select,.admin-page textarea{background:#fff!important;color:#17213d!important;border-color:#cbd3e3!important}
.admin-page .input::placeholder,.admin-page textarea::placeholder{color:#8a93a8!important}
.admin-page .data-table tr:hover td{background:#fafbfe}
.admin-page .notice{background:#fff!important}
.admin-page .prose-content,.admin-page .prose-panel{background:#fff!important;color:#39445f!important}

/* WhatIsMyIP.live production release 4 additions */
.ip-country-flag{display:inline-grid;place-items:center;width:3.15rem;height:3.15rem;flex:0 0 auto;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,var(--surface),var(--surface-soft));font-size:2rem;box-shadow:0 10px 30px rgba(40,52,95,.10)}
.country-visual{display:flex;min-height:12rem;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--line);border-radius:1.1rem;background:radial-gradient(circle at 50% 20%,rgba(99,102,241,.15),transparent 55%),var(--surface-soft);padding:1.25rem;text-align:center}
.country-visual-flag{font-size:4.2rem;line-height:1;filter:drop-shadow(0 8px 16px rgba(30,41,59,.15))}
.country-visual strong{font-size:1rem;color:var(--text)}
.country-visual span:not(.country-visual-flag){font-size:.82rem;line-height:1.45;color:var(--muted)}
.country-visual small{font-size:.72rem;color:var(--muted)}
.language-menu{position:relative}
.language-menu>summary{list-style:none}
.language-menu>summary::-webkit-details-marker{display:none}
.language-menu-summary{display:flex;min-height:2.65rem;align-items:center;gap:.48rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);padding:.55rem .7rem;color:var(--text);font-size:.84rem;font-weight:800;cursor:pointer;user-select:none}
.language-menu[open] .language-menu-summary{border-color:rgba(79,70,229,.45);box-shadow:0 0 0 3px rgba(79,70,229,.10)}
.language-chevron{font-size:.72rem;color:var(--muted)}
.language-menu-panel{position:absolute;z-index:100;inset-inline-end:0;top:calc(100% + .55rem);display:grid;width:15rem;max-height:23rem;overflow:auto;border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:.45rem;box-shadow:0 24px 70px rgba(15,23,42,.18)}
.language-menu-link{display:grid;grid-template-columns:1.6rem minmax(0,1fr) 1.2rem;align-items:center;gap:.55rem;border-radius:.68rem;padding:.68rem .72rem;color:var(--text);font-size:.86rem;font-weight:700;text-decoration:none}
.language-menu-link:hover,.language-menu-link:focus-visible{background:var(--surface-soft);outline:none}
.language-menu-link.is-current{background:rgba(79,70,229,.10);color:#4338ca}
.language-menu-flag{font-size:1.15rem}.language-check{text-align:end;color:#4f46e5}
@media(max-width:760px){.language-current-name{display:none}.language-menu-panel{position:fixed;inset-inline:1rem;top:4.75rem;width:auto;max-height:calc(100vh - 6rem)}.ip-country-flag{width:2.7rem;height:2.7rem;border-radius:.85rem;font-size:1.65rem}.country-visual{min-height:9.5rem}.country-visual-flag{font-size:3.4rem}}

/* Production release 5: guaranteed local country flags and resilient IP card. */
.country-flag{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;border:1px solid var(--line);border-radius:.45rem;background:var(--surface-soft);line-height:1}
.country-flag img{display:block;width:100%;height:100%;object-fit:cover}
.country-flag-sm{width:1.45rem;height:1rem;border-radius:.22rem}
.country-flag-lg{width:3.25rem;height:2.2rem;border-radius:.55rem}
.country-flag-xl{width:6rem;height:4rem;border-radius:.8rem}
.ip-country-flag{width:3.25rem!important;height:2.2rem!important;padding:.12rem;border-radius:.65rem!important;font-size:1.5rem!important}
.country-visual-flag{width:6rem!important;height:4rem!important;font-size:3rem!important;filter:drop-shadow(0 8px 16px rgba(30,41,59,.15))}
.language-menu-flag.country-flag{width:1.45rem;height:1rem;font-size:.9rem}
.ip-data-availability{margin-top:1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-soft);padding:.8rem 1rem;color:var(--muted);font-size:.78rem;line-height:1.55}
@media(max-width:760px){.country-flag-lg,.ip-country-flag{width:2.75rem!important;height:1.85rem!important}.country-flag-xl,.country-visual-flag{width:5rem!important;height:3.3rem!important}}

/* Release 7: modern visual results for all network tools. */
.tool-page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--brand) 11%,transparent),transparent 28rem),linear-gradient(180deg,var(--surface),var(--page))}.tool-page-hero-inner{display:grid;gap:1.5rem;align-items:end;padding-top:3rem;padding-bottom:3rem}.tool-page-heading{max-width:48rem}.tool-page-heading h1{margin-top:1rem;color:var(--text);font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.01;letter-spacing:-.055em;font-weight:930}.tool-page-heading p{max-width:44rem;margin-top:1.15rem;color:var(--muted-strong);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.72}.tool-privacy-note{display:flex;align-items:flex-start;gap:.8rem;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--surface) 92%,transparent);padding:1rem;box-shadow:var(--shadow-soft)}.tool-privacy-icon{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:.8rem;color:var(--brand-strong);background:var(--brand-soft)}.tool-privacy-note strong,.tool-privacy-note span{display:block}.tool-privacy-note strong{color:var(--text);font-size:.86rem}.tool-privacy-note span{margin-top:.25rem;color:var(--muted);font-size:.76rem;line-height:1.5}@media(min-width:900px){.tool-page-hero-inner{grid-template-columns:minmax(0,1fr) 21rem;gap:3rem;padding-top:4rem;padding-bottom:4rem}}
.tool-workspace-section{padding-top:2.6rem;padding-bottom:4.5rem}.tool-workspace-grid{display:grid;gap:1.4rem}.tool-main-column{min-width:0}.tool-sidebar-column{min-width:0}.tool-query-card,.tool-result-stage,.tool-sidebar-card,.tool-explainer-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft)}.tool-query-card{border-radius:1.35rem;padding:clamp(1.15rem,2.6vw,1.8rem)}.tool-query-form{display:grid;gap:1.3rem}.tool-query-copy{display:flex;align-items:flex-start;gap:.85rem}.tool-query-copy h2{color:var(--text);font-size:1.08rem;font-weight:860}.tool-query-copy p{margin-top:.3rem;color:var(--muted);font-size:.82rem;line-height:1.58}.tool-query-copy code{border-radius:.35rem;background:var(--surface-soft);padding:.12rem .34rem;color:var(--brand-strong);font-family:var(--font-mono);font-size:.78rem}.tool-query-step,.tool-result-step{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:.65rem;color:white;background:linear-gradient(135deg,var(--brand),#7c3aed);font-size:.72rem;font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 25%,transparent)}.tool-input-row{display:grid;gap:.8rem;align-items:end}.tool-input-row-stacked{align-items:stretch}.tool-input-wrap label{display:block;margin-bottom:.48rem;color:var(--muted-strong);font-size:.74rem;font-weight:800;letter-spacing:.02em}.tool-input,.tool-textarea{width:100%;border:1px solid var(--line-strong);border-radius:1rem;background:var(--surface-soft);color:var(--text);outline:none;transition:.18s ease}.tool-input{height:3.6rem;padding:0 1rem;font-family:var(--font-mono);font-size:.95rem}.tool-textarea{min-height:15rem;resize:vertical;padding:1rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.65}.tool-input:focus,.tool-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent);background:var(--surface)}.tool-run-button{display:inline-flex;min-height:3.6rem;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:1rem;padding:0 1.3rem;color:white;background:linear-gradient(135deg,var(--brand),#7c3aed);font-size:.86rem;font-weight:850;box-shadow:0 12px 30px color-mix(in srgb,var(--brand) 27%,transparent);transition:.18s ease}.tool-run-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.tool-run-button:disabled{cursor:wait;opacity:.75;transform:none}.tool-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:999px;animation:tool-spin .7s linear infinite}@keyframes tool-spin{to{transform:rotate(360deg)}}@media(min-width:720px){.tool-input-row:not(.tool-input-row-stacked){grid-template-columns:minmax(0,1fr) auto}.tool-input-row:not(.tool-input-row-stacked) .tool-run-button{min-width:10rem}}
.tool-result-stage{margin-top:1.35rem;border-radius:1.35rem;padding:clamp(1rem,2.5vw,1.65rem);scroll-margin-top:6rem}.tool-result-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.tool-result-heading>div{display:flex;align-items:center;gap:.75rem}.tool-result-kicker{color:var(--brand-strong);font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.tool-result-heading h2{margin-top:.15rem;color:var(--text);font-size:1.13rem;font-weight:900}.tool-result-live{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;background:var(--surface-soft);padding:.45rem .65rem;color:var(--muted);font-size:.7rem;font-weight:800}.tool-result-live span{width:.48rem;height:.48rem;border-radius:999px;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.tool-result-live span.is-working{background:#f59e0b;animation:tool-pulse 1s ease-in-out infinite}.tool-result-live span.is-error{background:#ef4444}@keyframes tool-pulse{50%{opacity:.35}}.tool-empty-state{display:grid;place-items:center;text-align:center;padding:3rem 1rem}.tool-empty-state.is-hidden{display:none}.tool-empty-icon{display:grid;width:4.2rem;height:4.2rem;place-items:center;border-radius:1.25rem;color:var(--brand-strong);background:var(--brand-soft)}.tool-empty-state h3{margin-top:1rem;color:var(--text);font-size:1.05rem;font-weight:860}.tool-empty-state p{max-width:34rem;margin-top:.5rem;color:var(--muted);font-size:.82rem;line-height:1.6}.tool-visual-result{display:none;padding-top:1rem}.tool-visual-result.is-visible{display:block}.visual-result-card{display:grid;gap:1rem;min-width:0}
.tool-explainer-grid{display:grid;gap:1rem;margin-top:1.35rem}.tool-explainer-card{position:relative;overflow:hidden;border-radius:1.15rem;padding:1.25rem}.tool-explainer-number{display:inline-grid;min-width:2.2rem;height:2.2rem;place-items:center;border-radius:.65rem;color:var(--brand-strong);background:var(--brand-soft);font-size:.7rem;font-weight:900}.tool-explainer-card h2{margin-top:.9rem;color:var(--text);font-size:.98rem;font-weight:850}.tool-explainer-card p{margin-top:.5rem;color:var(--muted);font-size:.8rem;line-height:1.62}@media(min-width:700px){.tool-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-sidebar-column{display:grid;align-content:start;gap:1rem}.tool-sidebar-card{border-radius:1.15rem;padding:1.15rem}.tool-sidebar-eyebrow{color:var(--brand-strong);font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tool-sidebar-card h2{margin-top:.42rem;color:var(--text);font-size:1rem;font-weight:880}.tool-related-list{display:grid;gap:.25rem;margin-top:.8rem}.tool-related-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;border-radius:.72rem;padding:.72rem;color:var(--muted-strong);font-size:.78rem;font-weight:730;transition:.18s ease}.tool-related-list a:hover{color:var(--brand-strong);background:var(--brand-soft)}.tool-sidebar-tip{display:flex;align-items:flex-start;gap:.75rem}.tool-sidebar-tip-icon{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:999px;color:var(--brand-strong);background:var(--brand-soft);font-weight:900}.tool-sidebar-tip h2{margin-top:0}.tool-sidebar-tip p{margin-top:.32rem;color:var(--muted);font-size:.75rem;line-height:1.55}@media(min-width:1024px){.tool-workspace-grid{grid-template-columns:minmax(0,1fr) 20rem;gap:1.7rem}.tool-sidebar-column{position:sticky;top:6rem;align-self:start}}
.result-identity,.result-status-hero{position:relative;display:grid;gap:.9rem;align-items:center;border:1px solid var(--line);border-radius:1.1rem;padding:1.05rem;overflow:hidden}.result-identity{grid-template-columns:auto minmax(0,1fr) auto}.result-identity-brand{background:linear-gradient(135deg,var(--brand-soft),color-mix(in srgb,var(--surface) 94%,transparent))}.result-identity-icon{display:grid;width:3.35rem;height:3.35rem;place-items:center;border-radius:1rem;color:var(--brand-strong);background:var(--surface);font-size:1.5rem;font-weight:900;box-shadow:var(--shadow-soft)}.result-flag-icon{font-size:1.8rem}.result-identity-copy{min-width:0}.result-badges{display:flex;flex-wrap:wrap;gap:.36rem}.result-identity-copy h3,.result-status-hero h3{margin-top:.55rem;color:var(--text);font-size:clamp(1.22rem,3vw,1.75rem);line-height:1.15;letter-spacing:-.025em;font-weight:900}.result-primary-mono{overflow-wrap:anywhere;font-family:var(--font-mono)}.result-break-word{overflow-wrap:anywhere}.result-identity-copy p,.result-status-hero p{margin-top:.35rem;color:var(--muted);font-size:.8rem;line-height:1.55}.result-icon-button{display:grid;width:2.55rem;height:2.55rem;place-items:center;border:1px solid var(--line);border-radius:.8rem;color:var(--muted-strong);background:var(--surface);font-size:1.1rem;transition:.18s ease}.result-icon-button:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.result-badge{display:inline-flex;align-items:center;min-height:1.55rem;border-radius:999px;padding:.28rem .5rem;font-size:.61rem;font-weight:900;letter-spacing:.025em}.result-badge-brand{color:var(--brand-strong);background:var(--brand-soft)}.result-badge-success{color:#047857;background:rgba(16,185,129,.12)}.result-badge-warning{color:#b45309;background:rgba(245,158,11,.14)}.result-badge-danger{color:#b91c1c;background:rgba(239,68,68,.12)}.result-badge-neutral{color:var(--muted-strong);background:var(--surface-soft)}[data-theme=dark] .result-badge-success{color:#6ee7b7}[data-theme=dark] .result-badge-warning{color:#fcd34d}[data-theme=dark] .result-badge-danger{color:#fca5a5}
.result-action-row{display:flex;flex-wrap:wrap;gap:.52rem}.result-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;border:1px solid var(--line);border-radius:.75rem;padding:.55rem .82rem;font-size:.7rem;font-weight:820;transition:.18s ease}.result-action-secondary{color:var(--muted-strong);background:var(--surface)}.result-action-secondary:hover{color:var(--brand-strong);border-color:color-mix(in srgb,var(--brand) 32%,var(--line));background:var(--brand-soft)}.result-action-primary{color:white;border-color:transparent;background:linear-gradient(135deg,var(--brand),#7c3aed);box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 24%,transparent)}
.result-section{min-width:0;border:1px solid var(--line);border-radius:1.05rem;background:var(--surface);padding:1rem}.result-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.result-section-heading span{color:var(--brand-strong);font-size:.61rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.result-section-heading h3{margin-top:.22rem;color:var(--text);font-size:.92rem;font-weight:870}.result-section-heading>p{color:var(--muted);font-size:.7rem}.result-section-copy{margin-top:.8rem;color:var(--muted);font-size:.78rem;line-height:1.62}.result-two-column{display:grid;gap:1rem}.result-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.result-metric-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.result-metric{min-width:0;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-soft);padding:.72rem}.result-metric dt{color:var(--muted);font-size:.59rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase}.result-metric dd{margin-top:.3rem;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:.76rem;font-weight:780;white-space:nowrap}.result-metric dd code{color:inherit;font-family:var(--font-mono);font-size:.72rem}.result-metric-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:700px){.result-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.result-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-metric-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}}
.result-progress-list{display:grid;gap:.9rem}.result-progress-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted-strong);font-size:.71rem}.result-progress-head strong{color:var(--text)}.result-progress-track{height:.48rem;margin-top:.42rem;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.result-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#8b5cf6)}.result-progress p{margin-top:.36rem;color:var(--muted);font-size:.65rem;line-height:1.45}.result-note{display:flex;align-items:flex-start;gap:.7rem;border:1px solid var(--line);border-radius:1rem;padding:.9rem}.result-note-icon{display:grid;width:1.85rem;height:1.85rem;flex:0 0 auto;place-items:center;border-radius:999px;font-size:.72rem;font-weight:900}.result-note strong{display:block;color:var(--text);font-size:.77rem}.result-note p{margin-top:.25rem;color:var(--muted);font-size:.72rem;line-height:1.55}.result-note-info{background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface))}.result-note-info .result-note-icon{color:var(--brand-strong);background:var(--brand-soft)}.result-note-success{background:rgba(16,185,129,.07)}.result-note-success .result-note-icon{color:#047857;background:rgba(16,185,129,.14)}.result-note-warning{background:rgba(245,158,11,.07)}.result-note-warning .result-note-icon{color:#b45309;background:rgba(245,158,11,.14)}.result-note-danger{background:rgba(239,68,68,.07)}.result-note-danger .result-note-icon{color:#b91c1c;background:rgba(239,68,68,.12)}
.result-status-hero{grid-template-columns:auto minmax(0,1fr)}.result-status-symbol{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:1rem;font-size:1.4rem;font-weight:950}.result-status-success{background:linear-gradient(135deg,rgba(16,185,129,.09),var(--surface))}.result-status-success .result-status-symbol{color:#047857;background:rgba(16,185,129,.14)}.result-status-warning{background:linear-gradient(135deg,rgba(245,158,11,.09),var(--surface))}.result-status-warning .result-status-symbol{color:#b45309;background:rgba(245,158,11,.14)}.result-status-danger{background:linear-gradient(135deg,rgba(239,68,68,.08),var(--surface))}.result-status-danger .result-status-symbol{color:#b91c1c;background:rgba(239,68,68,.12)}.result-status-neutral{background:var(--surface-soft)}.result-status-neutral .result-status-symbol{color:var(--muted-strong);background:var(--surface)}
.result-indicator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.result-indicator{display:flex;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:.9rem;padding:.78rem}.result-indicator-symbol{display:grid;width:1.9rem;height:1.9rem;flex:0 0 auto;place-items:center;border-radius:999px;font-size:.68rem;font-weight:950}.result-indicator strong,.result-indicator span{display:block}.result-indicator strong{color:var(--text);font-size:.73rem}.result-indicator div span{margin-top:.12rem;color:var(--muted);font-size:.64rem}.result-indicator-success .result-indicator-symbol{color:#047857;background:rgba(16,185,129,.13)}.result-indicator-danger .result-indicator-symbol{color:#b91c1c;background:rgba(239,68,68,.12)}.result-indicator-neutral .result-indicator-symbol{color:var(--muted-strong);background:var(--surface-soft)}@media(min-width:700px){.result-indicator-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.result-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.result-score-grid>div{min-width:0;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-soft);padding:.85rem}.result-score-grid span,.result-score-grid small{display:block;color:var(--muted);font-size:.61rem}.result-score-grid strong{display:block;margin-top:.35rem;color:var(--text);font-size:1.3rem;font-weight:920}.result-score-grid .result-score-text{overflow:hidden;text-overflow:ellipsis;font-size:.82rem;white-space:nowrap}.result-score-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:700px){.result-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-score-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}}
.reputation-list{display:grid;gap:.5rem}.reputation-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:.8rem;padding:.72rem}.reputation-dot{width:.58rem;height:.58rem;border-radius:999px}.reputation-dot-success{background:#10b981}.reputation-dot-warning{background:#f59e0b}.reputation-dot-danger{background:#ef4444}.reputation-row strong,.reputation-row span,.reputation-row small{display:block}.reputation-row strong{color:var(--text);font-size:.72rem}.reputation-row div>span{margin-top:.15rem;color:var(--muted);font-size:.64rem}.reputation-row div>small{margin-top:.25rem;color:var(--muted);font-size:.59rem;line-height:1.45}.reputation-score{text-align:right;color:var(--text);font-size:.85rem;font-weight:900}.reputation-score small{font-size:.55rem!important;font-weight:650!important}.result-empty-list{border:1px dashed var(--line-strong);border-radius:.85rem;background:var(--surface-soft);padding:1rem;text-align:center}.result-empty-list strong{color:var(--text);font-size:.78rem}.result-empty-list p{margin-top:.35rem;color:var(--muted);font-size:.68rem;line-height:1.5}
.result-timeline{display:grid;gap:.35rem}.timeline-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:flex-start}.timeline-row>span{width:.58rem;height:.58rem;margin-top:.28rem;border-radius:999px;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.timeline-row div{border-bottom:1px solid var(--line);padding-bottom:.55rem}.timeline-row:last-child div{border-bottom:0}.timeline-row strong{color:var(--text);font-size:.71rem;text-transform:capitalize}.timeline-row p{margin-top:.12rem;color:var(--muted);font-size:.64rem}.copy-chip-list{display:flex;flex-wrap:wrap;gap:.42rem}.copy-chip{display:inline-flex;max-width:100%;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface-soft);padding:.48rem .62rem;color:var(--text);font-family:var(--font-mono);font-size:.65rem;overflow-wrap:anywhere}.copy-chip span{color:var(--brand)}.muted-copy{color:var(--muted);font-size:.7rem}.entity-grid{display:grid;gap:.55rem}.entity-card{min-width:0;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-soft);padding:.72rem}.entity-card strong,.entity-card span,.entity-card code{display:block}.entity-card strong{color:var(--text);font-size:.73rem}.entity-card span{margin-top:.18rem;color:var(--muted);font-size:.63rem}.entity-card code{margin-top:.4rem;color:var(--brand-strong);font-family:var(--font-mono);font-size:.61rem}@media(min-width:700px){.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.address-result-grid{display:grid;gap:.65rem}.address-result-card{min-width:0;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-soft);padding:.85rem}.address-result-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem}.address-flag{font-size:1.35rem}.address-result-top div span,.address-result-top div strong{display:block}.address-result-top div span{color:var(--brand-strong);font-size:.57rem;font-weight:900}.address-result-top div strong{margin-top:.18rem;overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.7rem}.address-result-top button{color:var(--brand);font-size:.9rem}.address-result-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;margin-top:.7rem}.address-result-card .result-metric{padding:.55rem}.address-result-card>a{display:inline-block;margin-top:.7rem;color:var(--brand-strong);font-size:.65rem;font-weight:820}@media(min-width:700px){.address-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mail-timeline{position:relative;display:grid;gap:.75rem}.mail-timeline:before{content:"";position:absolute;left:.85rem;top:1rem;bottom:1rem;width:1px;background:var(--line)}.mail-hop{position:relative;display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.65rem}.mail-hop-marker{z-index:1;display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:999px;color:white;background:var(--brand);font-size:.6rem;font-weight:900}.mail-hop-card{border:1px solid var(--line);border-radius:.8rem;background:var(--surface-soft);padding:.72rem}.mail-hop-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.42rem}.mail-hop-head strong{overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.7rem}.mail-hop-head button{color:var(--brand)}.mail-hop-card p{margin-top:.35rem;color:var(--text);font-size:.68rem;font-weight:750}.mail-hop-card small{display:block;margin-top:.18rem;color:var(--muted);font-size:.59rem}
.dns-record-groups{display:grid;gap:.75rem}.dns-record-group{border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--surface)}.dns-record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);background:var(--surface-soft);padding:.85rem}.dns-record-heading>div{display:flex;align-items:flex-start;gap:.65rem}.dns-type-badge{display:grid;min-width:2.4rem;height:2.1rem;place-items:center;border-radius:.6rem;color:var(--brand-strong);background:var(--brand-soft);font-family:var(--font-mono);font-size:.65rem;font-weight:900}.dns-record-heading h3{color:var(--text);font-size:.78rem;font-weight:850}.dns-record-heading p{margin-top:.18rem;color:var(--muted);font-size:.61rem;line-height:1.4}.dns-record-heading>strong{color:var(--muted);font-size:.68rem}.dns-record-list{display:grid}.dns-record-row{display:grid;gap:.55rem;border-bottom:1px solid var(--line);padding:.8rem}.dns-record-row:last-child{border-bottom:0}.dns-record-main{min-width:0}.dns-record-main span,.dns-record-main code{display:block}.dns-record-main span{color:var(--muted);font-size:.59rem}.dns-record-main code{margin-top:.25rem;overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.7rem;line-height:1.5}.dns-record-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.dns-record-meta span{color:var(--muted);font-size:.58rem}.dns-record-meta button{border-radius:.5rem;background:var(--brand-soft);padding:.38rem .55rem;color:var(--brand-strong);font-size:.59rem;font-weight:850}@media(min-width:700px){.dns-record-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.dns-record-meta{min-width:7rem;justify-content:flex-end}}
.technical-disclosure{border:1px solid var(--line);border-radius:1rem;background:var(--surface);overflow:hidden}.technical-disclosure summary{display:flex;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem}.technical-disclosure summary::-webkit-details-marker{display:none}.technical-disclosure summary strong,.technical-disclosure summary small{display:block}.technical-disclosure summary strong{color:var(--text);font-size:.73rem}.technical-disclosure summary small{margin-top:.15rem;color:var(--muted);font-size:.6rem}.technical-chevron{color:var(--brand);font-size:1.1rem;transition:.2s ease}.technical-disclosure[open] .technical-chevron{transform:rotate(180deg)}.technical-body{border-top:1px solid var(--line)}.technical-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--surface-soft);padding:.55rem .75rem;color:var(--muted);font-size:.62rem}.technical-toolbar button{color:var(--brand-strong);font-weight:850}.technical-body pre{max-height:25rem;overflow:auto;background:#0b1020;color:#dbeafe;padding:1rem;font-family:var(--font-mono);font-size:.67rem;line-height:1.58;white-space:pre-wrap;overflow-wrap:anywhere}
.browser-dashboard{display:grid;gap:1rem}.browser-identity-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:center;border:1px solid var(--line);border-radius:1.1rem;background:linear-gradient(135deg,var(--brand-soft),var(--surface));padding:1rem}.browser-identity-icon{display:grid;width:3.4rem;height:3.4rem;place-items:center;border-radius:1rem;color:var(--brand-strong);background:var(--surface);font-size:1.5rem;font-weight:900}.browser-identity-card h2{color:var(--text);font-size:1.15rem;font-weight:900}.browser-identity-card p{margin-top:.25rem;color:var(--muted);font-size:.75rem}.browser-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.browser-info-card{min-width:0;border:1px solid var(--line);border-radius:.9rem;background:var(--surface);padding:.8rem}.browser-info-card span{display:block;color:var(--muted);font-size:.59rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.browser-info-card strong{display:block;margin-top:.35rem;overflow-wrap:anywhere;color:var(--text);font-size:.76rem}.browser-raw{border:1px solid var(--line);border-radius:.9rem;background:var(--surface-soft);padding:.85rem}.browser-raw span{display:block;color:var(--muted);font-size:.6rem}.browser-raw code{display:block;margin-top:.45rem;overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.65rem;line-height:1.55}@media(min-width:700px){.browser-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.webrtc-dashboard{display:grid;gap:1rem}.webrtc-control-card{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:1.1rem;background:var(--surface);padding:1rem}.webrtc-control-card h2{color:var(--text);font-size:1rem;font-weight:880}.webrtc-control-card p{margin-top:.3rem;color:var(--muted);font-size:.75rem;line-height:1.5}.webrtc-summary{display:flex;align-items:flex-start;gap:.7rem;border:1px solid var(--line);border-radius:1rem;padding:.9rem}.webrtc-summary>span{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:999px;font-weight:900}.webrtc-summary strong{color:var(--text);font-size:.76rem}.webrtc-summary p{margin-top:.25rem;color:var(--muted);font-size:.69rem;line-height:1.5}.webrtc-summary-success{background:rgba(16,185,129,.07)}.webrtc-summary-success>span{color:#047857;background:rgba(16,185,129,.14)}.webrtc-summary-warning{background:rgba(245,158,11,.07)}.webrtc-summary-warning>span{color:#b45309;background:rgba(245,158,11,.14)}.webrtc-results-modern{display:grid;gap:.55rem}.webrtc-result-modern{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-soft);padding:.7rem}.webrtc-result-modern code{overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.68rem}.webrtc-result-modern button{color:var(--brand-strong);font-size:.62rem;font-weight:850}@media(min-width:640px){.webrtc-control-card{flex-direction:row;align-items:center}}
.speed-dashboard{display:grid;gap:1rem}.speed-hero-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:1.25rem;background:linear-gradient(135deg,var(--brand-soft),var(--surface));padding:clamp(1.2rem,3vw,2rem);text-align:center}.speed-gauge{position:relative;display:grid;width:8rem;height:8rem;margin:auto;place-items:center;border-radius:999px;background:conic-gradient(var(--brand) 0 68%,var(--surface-soft) 68% 100%)}.speed-gauge:before{content:"";position:absolute;inset:.65rem;border-radius:inherit;background:var(--surface)}.speed-gauge span{position:relative;color:var(--brand-strong);font-size:2.1rem;font-weight:950}.speed-hero-card h2{margin-top:1.2rem;color:var(--text);font-size:1.35rem;font-weight:920}.speed-hero-card p{max-width:38rem;margin:.55rem auto 0;color:var(--muted);font-size:.8rem;line-height:1.6}.speed-tip-grid{display:grid;gap:.65rem}.speed-tip{border:1px solid var(--line);border-radius:.9rem;background:var(--surface);padding:.85rem}.speed-tip strong{color:var(--text);font-size:.76rem}.speed-tip p{margin-top:.25rem;color:var(--muted);font-size:.67rem;line-height:1.5}@media(min-width:700px){.speed-tip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.result-identity{grid-template-columns:auto minmax(0,1fr)}.result-identity .result-icon-button{grid-column:1/-1;width:100%}.result-metric-grid,.result-metric-grid-compact,.result-metric-grid-four,.result-score-grid,.result-score-grid-four{grid-template-columns:1fr}.result-indicator-grid{grid-template-columns:1fr}.tool-result-heading{align-items:flex-start}.tool-result-live{flex:0 0 auto}.result-action{flex:1 1 auto}.result-status-hero{grid-template-columns:1fr}.result-status-symbol{width:2.8rem;height:2.8rem}.technical-body pre{font-size:.61rem}.browser-card-grid{grid-template-columns:1fr}}