:root{--terminal-width:775px;color-scheme:dark;--bg:#0b0e11;--panel:#101419;--line:#252b31;--muted:#939ca5;--text:#eff2f4;--lime:#cbfa72;--cyan:#7dcdd2;--red:#ff7b80;--orange:#efbb70;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input,summary{ -webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
button,input{color:inherit}
button{border:0}
button:disabled{cursor:not-allowed}
[hidden]{display:none!important}
.site-shell{max-width:1440px;margin:0 auto;padding:0 64px}
.site-header{height:101px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:55px}
.brand{display:inline-flex;align-items:center;font-size:26px;font-weight:780;letter-spacing:-1.3px;white-space:nowrap}
.brand>span{color:var(--muted);font-weight:400}
.brand svg{width:32px;height:32px;margin-right:12px;fill:none;stroke:var(--lime);stroke-width:2.5}
.brand sup{font:10px var(--mono);background:#242b21;border:1px solid #405032;color:var(--lime);padding:3px 5px;border-radius:4px;margin:-12px 0 0 10px;letter-spacing:0}
.site-header nav{display:flex;gap:30px;color:#b6bec6;font-size:13px}
.site-header nav span{margin-left:6px;color:#737d86}
.site-header a:hover,footer a:hover{color:var(--lime)}
.header-tag{margin-left:auto;font:10px var(--mono);letter-spacing:1.2px;color:var(--muted)}
i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #cbfa7240}
.hero{position:relative;text-align:center;padding:77px 0 56px;isolation:isolate;overflow:hidden}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.55;background:linear-gradient(90deg,transparent 49.8%,#202830 50%,transparent 50.2%);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.hero-grid:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#66746360 .8px,transparent .8px);background-size:26px 26px;mask-image:radial-gradient(ellipse at center,#000,transparent 67%)}
.orbit{position:absolute;left:50%;top:44%;border:1px solid #27352b;border-radius:50%;transform:translate(-50%,-50%);width:900px;height:270px;rotate:-14deg}
.orbit-two{width:1100px;height:370px;rotate:14deg}
.cross{position:absolute;font:20px var(--mono);color:#536348}
.cross-one{top:25%;left:12%}
.cross-two{right:9%;bottom:20%}
.eyebrow{font:11px var(--mono);letter-spacing:1.8px;color:var(--muted);line-height:1.6}
.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#c2cbbd;font-size:10px;letter-spacing:2px}
.tiny-square{width:5px;height:5px;background:var(--lime)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(76px,8.8vw,126px);line-height:1;letter-spacing:-8px;margin:24px 0 24px;font-weight:850}
.hero h1>span{color:var(--lime)}
.question{display:inline-block;rotate:8deg;margin-left:5px}
.hero-copy{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:33px}
.hero-copy strong{font-weight:400;color:#d5dade}
.check-form{position:relative;max-width:var(--terminal-width);margin:auto}
.input-shell{display:flex;align-items:center;padding:8px;border:1px solid #52613d;border-radius:10px;background:#14191af2;box-shadow:0 0 0 5px #b4e97704,0 16px 60px #0003}
.input-shell:focus-within{border-color:var(--lime);box-shadow:0 0 25px #cbfa7212}
.input-globe{font-size:27px;color:#798477;margin:0 16px 0 15px}
.input-shell input{background:transparent;border:0;outline:none!important;width:100%;min-width:0;font:19px var(--mono);padding:16px 0}
.input-shell input::placeholder{color:#818b86}
.check-button{background:var(--lime);color:#192410;border-radius:6px;padding:21px 23px;font:700 12px var(--mono);white-space:nowrap;display:flex;gap:30px;align-items:center}
.check-button>span:last-child{font-size:20px;line-height:12px}
.check-button:hover{background:#ddffa1;box-shadow:0 0 20px #cbfa7220}
.form-bottom{display:flex;justify-content:space-between;gap:12px;padding-top:14px;align-items:center;text-align:left}
.form-bottom p{font-size:11px;color:#8b948e;margin:0}
.form-bottom p>span{margin-right:5px}
.mode-switch{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap;color:#c3cac7;cursor:pointer}
.mode-switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch-track{height:16px;width:28px;border:1px solid #485147;border-radius:20px;position:relative;background:#222923}
.switch-track:after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;background:#828e7d;border-radius:50%;transition:transform .2s}
.mode-switch input:checked+.switch-track{background:#3c5125;border-color:#65883b}
.mode-switch input:checked+.switch-track:after{background:var(--lime);transform:translateX(12px)}
.mode-switch input:focus-visible+.switch-track{outline:2px solid var(--lime);outline-offset:3px}
.info-dot{font:9px var(--mono);border:1px solid #5f695f;border-radius:50%;width:13px;height:13px;text-align:center;color:#b5beb2}
.hero-features{display:flex;justify-content:center;gap:26px;margin-top:37px;font:10px var(--mono);color:#8f9992}
.hero-features b{color:#b4caa5;font-weight:400;margin-right:7px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.section-heading>div{display:flex;align-items:center;gap:14px}
.section-number{font:10px var(--mono);color:#707b83;letter-spacing:1px}
.section-heading h2{margin:0;font-size:22px;letter-spacing:-.7px;font-weight:600;display:flex;align-items:center;gap:15px}
.section-heading>a{font-size:11px;color:var(--muted)}
.section-heading>a span{margin-left:10px}
.live-badge{font:8px var(--mono);letter-spacing:.8px;border:1px solid #303b2b;background:#161d14;color:#becdb4;padding:5px 7px;border-radius:4px}
.live-badge i{width:4px;height:4px;margin-right:5px;box-shadow:none}
.section-description{color:var(--muted);font-size:12px;margin:11px 0 26px}
.pulse-section{padding:32px 0 0;border-top:1px solid var(--line)}
.pulse-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:linear-gradient(110deg,#12171b,#101417)}
.pulse-stats>div{padding:24px 27px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.pulse-stats>div:last-child{border:0}
.pulse-stats span{font:9px var(--mono);letter-spacing:1.2px;color:#a2adb3}
.pulse-stats strong{font:36px var(--mono);margin:15px 0 8px;font-weight:500;letter-spacing:-2px}
.pulse-stats small{font-size:10px;color:#86929a}
.pulse-note{justify-content:center}
.pulse-note svg{width:170px;height:38px;stroke:var(--lime);stroke-width:1.4;fill:none;margin-bottom:12px}
.pulse-note p{font-size:11px;color:#8d999f;line-height:1.8;margin:0}
.pulse-note strong{font:inherit!important;color:#c3ccc7;letter-spacing:0;margin:0}
.trends-panel{margin-top:20px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;border-bottom:1px solid var(--line)}
.card-heading h3{font-size:13px;font-weight:550;margin:0}
.card-heading>span{font:9px var(--mono);color:var(--muted);letter-spacing:1px}
.cyan{color:var(--cyan);margin-right:7px}
.empty-state{text-align:center;padding:33px 20px 36px}
.empty-icon{display:block;font:34px var(--mono);color:#718978;margin-bottom:8px}
.empty-state h4{font-size:13px;font-weight:450;margin:0 0 8px;color:#c3cbc7}
.empty-state p{color:#7f8c93;font-size:11px;margin:0;line-height:1.7}
.trend-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:15px;padding:19px 25px;border-bottom:1px solid #20262b;font:12px var(--mono)}
.trend-row:last-child{border:0}
.trend-row small{color:var(--muted);font-size:10px}
.trend-row .signal{font-size:9px;color:var(--orange)}
.explain-section{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;margin:60px 0 42px}
.explain-intro{padding-top:5px}
.explain-intro h2{font-size:33px;line-height:1.15;letter-spacing:-1.3px;margin:17px 0}
.explain-intro h2>span{color:#909c94}
.explain-intro p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 21px}
.text-link{font:10px var(--mono);letter-spacing:.5px;color:#d2e4c1}
.knowledge-card{position:relative;padding:25px 25px 38px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(135deg,#141a1e,#0e1216);transition:transform .2s,border-color .2s}
.knowledge-card:hover{transform:translateY(-3px);border-color:#65734e}
.card-symbol{display:block;color:#b8d0ba;font:26px var(--mono);margin-bottom:26px}
.knowledge-card .eyebrow{font-size:8px;letter-spacing:1.4px}
.knowledge-card h3{font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.5px;margin:9px 0 12px}
.knowledge-card p{font-size:11px;line-height:1.85;color:#909ca3;max-width:255px;margin:0}
.card-arrow{position:absolute;right:22px;top:25px;color:#77867d;font-size:21px}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;padding:23px 0}
.trust-strip>div{display:flex;align-items:center;gap:10px;color:#839085}
.trust-strip p{font-size:9px;color:#89959b;margin:0;line-height:1.6}
.trust-strip strong{color:#b4bfb8;font-weight:450}
footer{display:flex;align-items:center;gap:24px;padding:30px 0 33px}
footer .brand{font-size:19px;letter-spacing:-.7px}
footer>p{font-size:10px;color:#737f87;margin:0}
footer nav{display:flex;gap:18px;margin-left:auto;font-size:10px;color:#9ba5ac}
.footer-note{font:8px var(--mono);color:#59665f;letter-spacing:1px;margin-left:12px}
.checking{position:relative;overflow:hidden;padding:25px;border:1px solid #50603f;border-radius:8px;display:flex;align-items:center;gap:17px;margin:0 0 35px;background:#141b14}
.checking strong{font:12px var(--mono);color:var(--lime)}
.checking p{margin:7px 0 0;font-size:12px;color:var(--muted)}
#elapsed{margin-left:auto;font:13px var(--mono);white-space:nowrap}
.spinner{width:21px;height:21px;border:1px solid #647b45;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}
.scan{position:absolute;height:1px;background:var(--lime);width:35%;top:0;animation:scan 2s linear infinite}
.result-section{margin:12px 0 50px}
.mono{font:10px var(--mono);color:var(--muted)}
.result-overview{margin-top:23px;padding:35px;border:1px solid #3d512e;border-radius:10px;background:radial-gradient(ellipse at right top,#a9e5570c,transparent 65%),#111711;display:flex;justify-content:space-between;gap:25px}
.result-overview h3{font-size:52px;letter-spacing:-2px;margin:10px 0;color:var(--lime);overflow-wrap:anywhere}
.result-main>p:not(.eyebrow){font-size:14px;color:#b5c1b2;line-height:1.6;max-width:590px}
.result-main .text-link{display:block;margin-top:23px;font-family:inherit;font-size:11px;color:var(--muted)}
.result-main .text-link span{font:9px var(--mono);margin-left:8px;color:var(--lime)}
.result-metrics{display:flex;align-items:center;gap:34px}
.result-metrics div{display:flex;flex-direction:column;gap:14px;white-space:nowrap}
.result-metrics span{font:9px var(--mono);color:var(--muted)}
.result-metrics strong{font:30px var(--mono);font-weight:400}
.result-section[data-tone="bad"] .result-overview{border-color:#62383b;background:#1a1214}
.result-section[data-tone="bad"] #result-title{color:var(--red)}
.result-section[data-tone="warn"] .result-overview{border-color:#5c5034;background:#191710}
.result-section[data-tone="warn"] #result-title{color:var(--orange)}
.diagnostic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.diagnostic{border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:7px;min-width:0}
.diagnostic h4{font:10px var(--mono);letter-spacing:1px;color:var(--muted);margin:0 0 15px}
.diagnostic strong{display:block;color:#d2dfd0;font:15px var(--mono);overflow-wrap:anywhere}
.diagnostic p{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0 0;overflow-wrap:anywhere}
.timeline-card,.history-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);margin:16px 0}
.timeline{display:flex;align-items:center;padding:25px;gap:18px}
.timeline>div{flex:1;border-top:2px solid #536c48;padding-top:13px}
.timeline span{display:block;font:9px var(--mono);color:var(--muted);margin-bottom:7px}
.timeline strong{font:17px var(--mono);color:#c9dec1}
.fine-print{font-size:10px;color:#8d99a1;line-height:1.7}
.timeline-card>.fine-print,.history-card>.fine-print{padding:0 25px 16px;margin:0}
.technical{border:1px solid var(--line);padding:20px 25px;border-radius:8px}
.technical summary{cursor:pointer;font-size:12px}
.technical summary>span{float:right}
.technical dl{font:11px var(--mono);line-height:1.8;overflow-wrap:anywhere}
.technical dt{color:var(--cyan);margin-top:12px}
.technical dd{margin:0;color:#a3adb5}
.technical ol{padding-left:20px;line-height:2;font:12px var(--mono)}
.result-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:20px 0 30px}
.result-actions>div{display:flex;gap:8px}
.button{border:1px solid #39433a;border-radius:5px;padding:11px 15px;background:#171e19;font-size:11px;display:inline-flex;align-items:center;gap:18px}
.button:hover{border-color:#8da773;color:var(--lime)}
.primary{background:var(--lime);color:#182310;border:0;font:12px var(--mono);padding:17px 20px}
.range-tabs{display:flex;gap:5px}
.range-tabs button{background:transparent;color:#98a3ac;border-radius:3px;padding:6px 10px;font:10px var(--mono)}
.range-tabs [aria-pressed="true"]{background:#2d3927;color:var(--lime)}
.chart-bars{display:flex;height:125px;align-items:flex-end;gap:3px;margin:25px;overflow-x:auto}
.chart-bars button{flex:1;min-width:7px;max-width:25px;background:#9abd75;border-radius:2px 2px 0 0;min-height:5px;transition:opacity .15s}
.chart-bars button[data-bad="true"]{background:#ef8583}
.chart-bars button:hover{opacity:.7}
.history-tooltip{font:11px var(--mono);color:#c5d8bd;min-height:28px;padding:0 25px}
.crowd-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border:1px solid var(--line);border-radius:8px}
.crowd-card h3{font-size:18px;letter-spacing:-.3px;margin-bottom:8px}
.crowd-card p:last-child{font-size:11px;color:var(--muted);margin:0}
.crowd-card .eyebrow{font-size:9px;color:var(--cyan)}
.crowd-card>div:last-child{display:flex;gap:8px}
#feedback{padding:20px 24px;border:1px solid #7c6440;border-radius:7px;background:#241e14;margin-bottom:25px;color:#e5c995;font-size:13px;line-height:1.7}
#challenge{margin-top:20px;text-align:left}
.article{max-width:800px;margin:65px auto 100px}
.back{font-size:12px;color:var(--muted);display:block;margin-bottom:50px}
.article h1{font-size:clamp(35px,5vw,58px);letter-spacing:-2px;line-height:1.15;margin:22px 0}
.article .lead{font-size:19px;line-height:1.8;color:#b8c4bd}
.article-body{border-top:1px solid var(--line);margin:35px 0;padding-top:30px}
.article-body h2{font-size:21px}
.article-body p{font-size:16px;line-height:1.95;color:var(--muted);white-space:pre-line}
.error-page{max-width:800px;padding:100px 30px;margin:auto}
.error-page h1{margin-top:50px;font-size:40px;color:var(--orange);overflow-wrap:anywhere}
.error-page p{line-height:1.7;color:var(--muted)}
.error-page>a:last-child{display:inline-block;margin-top:20px;color:var(--lime)}
.admin{max-width:1000px;margin:60px auto;padding:20px}
.admin h1{margin-top:35px}
.admin label{display:block;margin:20px 0 6px}
.admin input{display:block;border:1px solid var(--line);background:var(--panel);padding:12px;border-radius:4px;max-width:100%;margin:8px 0 20px}
.admin table{width:100%;border-collapse:collapse;margin:25px 0}
.admin td,.admin th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}
.admin .admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.skip{position:absolute;top:-80px;left:20px;background:var(--lime);color:#000;padding:15px;z-index:9}
.skip:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noscript{text-align:center;padding:20px;color:var(--orange)}
@keyframes spin{to{transform:rotate(360deg)}
}
@keyframes scan{from{transform:translateX(-100%)}
to{transform:translateX(400%)}
}
@media(min-width:1600px){.hero{padding-top:95px;padding-bottom:70px}
}
@media(max-width:1100px){.site-shell{padding:0 35px}
.site-header{gap:30px}
.header-tag{font-size:8px}
.hero h1{letter-spacing:-6px}
.pulse-stats>div{padding:22px 19px}
.pulse-note svg{width:130px}
.footer-note{display:none}
.result-overview{flex-direction:column}
.result-metrics{padding-top:15px}
.explain-section{grid-template-columns:1fr 1fr 1fr;gap:15px}
.knowledge-card{padding:20px}
.trust-strip p{font-size:8px}
}
@media(max-width:760px){.site-shell{padding:0 22px}
.site-header{height:78px;justify-content:space-between;gap:15px}
.site-header .brand{font-size:24px}
.site-header nav{gap:18px;font-size:11px}
.header-tag{display:none}
.brand svg{width:25px;margin-right:8px}
.hero{padding:65px 0 45px}
.hero h1{font-size:80px;letter-spacing:-5px}
.hero-copy{font-size:14px}
.hero-features{gap:16px;font-size:8px;flex-wrap:wrap;row-gap:13px}
.check-button{gap:15px;padding:19px 17px;font-size:10px}
.input-shell input{font-size:16px}
.input-globe{margin:0 12px 0 8px;font-size:22px}
.form-bottom{align-items:flex-start}
.form-bottom p{font-size:10px;max-width:190px;line-height:1.6}
.section-heading h2{font-size:20px}
.live-badge{font-size:7px;padding:4px}
.section-heading>a{display:none}
.pulse-stats{grid-template-columns:1fr 1fr}
.pulse-stats>div{border-bottom:1px solid var(--line);padding:21px}
.pulse-stats>div:nth-child(2){border-right:0}
.pulse-stats>div:nth-child(3){border-bottom:0}
.pulse-stats strong{font-size:31px}
.pulse-stats small{font-size:9px}
.pulse-note svg{height:25px;width:140px}
.explain-section{grid-template-columns:1fr 1fr;margin-top:42px}
.explain-intro{grid-column:1/-1;padding-bottom:10px}
.explain-intro h2{font-size:35px}
.knowledge-card h3{font-size:18px}
.knowledge-card p{font-size:11px}
.trust-strip{flex-direction:column;gap:16px;padding:24px 0}
.trust-strip p{font-size:10px}
footer{flex-wrap:wrap;gap:13px;padding:25px 0}
footer>p{font-size:9px;margin-left:auto}
footer nav{margin-left:0;width:100%;padding:8px 0 0;gap:22px}
.diagnostic-grid{grid-template-columns:1fr 1fr}
.result-overview{padding:23px}
.result-overview h3{font-size:43px}
.result-main .text-link span{display:block;margin:8px 0 0}
.result-metrics strong{font-size:27px}
.result-actions{align-items:flex-start;flex-direction:column}
.timeline{padding:20px;gap:10px;flex-wrap:wrap}
.timeline>div{min-width:60px}
.timeline strong{font-size:14px}
.crowd-card{flex-direction:column;align-items:flex-start}
.card-heading{padding:18px;gap:10px}
.card-heading>span{font-size:8px}
.trend-row{flex-wrap:wrap;padding:17px}
.article{margin-top:45px}
.article .lead{font-size:17px}
.admin .admin-grid{grid-template-columns:1fr}
.result-section .section-heading{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:430px){.hero h1{font-size:64px;letter-spacing:-4px}
.hero{padding-top:50px}
.hero-copy{font-size:12px}
.hero-eyebrow{font-size:8px}
.input-shell{padding:5px}
.check-button{padding:20px 12px;font-size:9px;gap:9px}
.input-shell input{font-size:14px}
.input-globe{font-size:20px;margin:0 8px}
.hero-features{column-gap:17px;max-width:290px;margin-left:auto;margin-right:auto}
.hero-features>span{width:110px;text-align:left}
.live-badge{display:none}
.pulse-stats small{font-size:8px}
.pulse-stats>div{padding:20px 16px}
.pulse-note svg{width:115px}
.explain-section{grid-template-columns:1fr}
.explain-intro{grid-column:auto}
.knowledge-card{min-height:230px}
.knowledge-card .card-symbol{margin-bottom:15px}
.form-bottom p{max-width:160px;font-size:9px}
.mode-switch{font-size:10px}
.timeline{gap:10px}
.timeline>div{min-width:70px}
.range-tabs{gap:0}
.range-tabs button{padding:6px 8px}
.checking strong{font-size:10px}
.checking{padding:20px 15px}
.checking p{font-size:10px}
.crowd-card>div:last-child{flex-wrap:wrap}
.result-metrics{gap:28px}
.button{padding:11px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
}

.article-links{display:grid;gap:15px;margin:20px 0 35px}
.article-links a{padding:16px;border:1px solid var(--line);border-radius:6px;color:var(--cyan);font-size:14px}

@media(max-width:760px){.input-shell input{font-size:16px}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
footer nav a{min-height:35px;display:inline-flex;align-items:center}
.range-tabs button{min-height:36px;min-width:36px}
.check-button{font-size:10px}
}

.help-steps{padding-left:24px;font-size:16px;line-height:1.85;color:var(--muted)}
.help-steps li{padding-left:8px;margin:0 0 18px}
.help-steps li::marker{color:var(--lime);font-family:var(--mono)}

.result-actions>div{flex-wrap:wrap}
#feedback{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;width:calc(100% - 32px);max-width:650px;margin:0;box-shadow:0 12px 50px #0008}

#feedback{display:flex;align-items:center;gap:16px}
#feedback>span{flex:1;overflow-wrap:anywhere}
#feedback>button{background:transparent;color:inherit;font-size:24px;min-width:32px;min-height:32px}

.legal-notice{border:1px solid #806532;background:#251e12;padding:18px;border-radius:7px;color:var(--orange);font-size:14px;line-height:1.7}
.legal-body section{margin-bottom:35px}
.legal-body p{overflow-wrap:anywhere}
.faq-section{border-top:1px solid var(--line);padding:36px 0}
.faq-section h2{font-size:28px;letter-spacing:-.8px}
.faq-section details{border-bottom:1px solid var(--line);padding:18px 0}
.faq-section summary{cursor:pointer;font-size:15px;line-height:1.6}
.faq-section details p{max-width:850px;margin:16px 0 0;color:var(--muted);line-height:1.9;font-size:14px}
.faq-section a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}


/* Experience system: shared tokens, components, motion and responsive rules. */
:root {
  --surface-1:#10161a; --surface-2:#182126; --border-subtle:#29343b;
  --status-online:#cbfa72; --status-down:#ff9299; --status-warning:#efc07d; --status-unknown:#a8b7c6;
  --accent:#cbfa72; --info:#92dce1; --text-secondary:#aab6bd; --text-muted:#96a3ac;
  --glow-online:#cbfa7214; --glow-down:#ff929910; --shadow:0 20px 70px #0005;
  --radius-sm:6px; --radius:12px; --radius-lg:20px;
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px; --space-5:48px;
  --motion-fast:160ms; --motion-normal:260ms; --motion-reveal:480ms; --motion-ambient:12s;
  --ease:cubic-bezier(.22,1,.36,1); --blur:8px;
  --muted:var(--text-secondary); --line:var(--border-subtle); --panel:var(--surface-1);
}
body { background:radial-gradient(ellipse at 50% 0,#15201b 0,transparent 680px),var(--bg); }
::selection { background:var(--accent); color:var(--bg); }
button,a,summary { touch-action:manipulation; }
button,.button { transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast),background-color var(--motion-fast); }
button:active:not(:disabled),.button:active { transform:scale(.98); }
button:disabled { opacity:.6; }
.site-header { height:90px; }
.site-header nav a,footer nav a { display:inline-flex; align-items:center; min-height:44px; }
.brand svg { stroke-linecap:round; stroke-linejoin:round; }
.hero { padding:100px 0 48px; overflow:hidden; }
.terminal-rail { position:absolute; top:23px; left:0; right:0; display:flex; justify-content:space-between; font:9px var(--mono); letter-spacing:1.2px; color:var(--text-muted); }
.terminal-rail b { color:var(--accent); padding-left:8px; }
.hero-grid { opacity:.6; background-image:linear-gradient(#25352c40 1px,transparent 1px),linear-gradient(90deg,#25352c40 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse,#000 15%,transparent 70%); }
.hero-grid:before { background:radial-gradient(ellipse at 50% 30%,#b8f57316,transparent 55%); }
.orbit { top:39%; width:820px; height:380px; border-color:#5b775433; rotate:-18deg; }
.orbit-two { width:1050px; height:440px; rotate:18deg; }
.orbit:after { content:""; position:absolute; top:13%; left:15%; width:5px; height:5px; border-radius:50%; background:var(--accent); box-shadow:0 0 14px #cbfa7260; }
.orbit-two:after { top:auto; bottom:13%; left:auto; right:15%; background:var(--info); }
.signal-core { position:relative; width:66px; height:66px; margin:0 auto 24px; border:1px solid #cbfa722e; border-radius:50%; display:grid; place-items:center; box-shadow:0 0 0 9px #cbfa7204,0 0 0 10px #cbfa7210; }
.signal-core:before,.signal-core:after { content:""; position:absolute; border:1px solid #cbfa7228; border-radius:50%; inset:9px; }
.signal-core:after { inset:-23px; border-style:dashed; border-color:#cbfa7219; animation:spin 70s linear infinite; }
.signal-core span { width:13px; height:13px; border-radius:50%; background:var(--accent); box-shadow:0 0 25px #cbfa7240; }
.signal-core i { position:absolute; top:-3px; margin:0; width:5px; height:5px; }
.hero h1 { font-size:clamp(66px,9.5vw,138px); letter-spacing:-.075em; margin:19px 0 22px; }
.hero h1>span { text-shadow:0 0 70px #cbfa7212; }
.question { rotate:0deg; }
.hero-copy { font-size:16px; margin-bottom:30px; }
.input-shell { border-radius:var(--radius); border-color:#536347; background:#111916; padding:9px; transition:border-color var(--motion-normal),box-shadow var(--motion-normal),background-color var(--motion-normal); }
.input-shell:focus-within { background:#172019; box-shadow:0 0 0 4px #cbfa720c,0 18px 70px #0005; }
.input-globe { transition:color var(--motion-normal),transform var(--motion-normal); }
.input-shell:focus-within .input-globe { color:var(--accent); transform:rotate(45deg); }
.input-shell input::placeholder { transition:opacity var(--motion-normal); }
.input-shell input:focus::placeholder { opacity:.5; }
.check-button { position:relative; overflow:hidden; min-height:60px; border-radius:7px; }
.check-button:before { content:""; position:absolute; inset:-40% auto -40% -60%; width:30%; background:#fff4; transform:skewX(-25deg); transition:left var(--motion-reveal) var(--ease); }
.check-button:hover:before { left:140%; }
.check-button:disabled { opacity:1; color:var(--accent); background:#283622; }
.form-bottom p,.mode-switch { font-size:12px; }
.mode-switch { min-height:44px; }
.deep-hint { text-align:left; font:11px/1.7 var(--mono); color:var(--info); margin:8px 0; border-left:2px solid var(--info); padding:8px 14px; }
.domain-preview { font:10px var(--mono); color:var(--text-muted); min-height:16px; margin:8px auto 0; overflow-wrap:anywhere; }
.hero-features { margin-top:24px; font-size:10px; }
.section-number { color:var(--text-muted); }
.section-heading h2 { font-size:25px; letter-spacing:-1px; }
.section-description { font-size:13px; }
.pulse-section { position:relative; padding-top:35px; }
.pulse-updated { text-align:right; margin:0 0 14px; font-size:10px; }
.pulse-stats { border-radius:var(--radius); background:linear-gradient(110deg,#151d1d,var(--surface-1)); }
.pulse-stats strong { font-size:42px; }
.pulse-stats small { font-size:11px; line-height:1.6; }
.pulse-note svg { stroke-dasharray:240; stroke-dashoffset:0; }
.trends-panel,.timeline-card,.history-card { border-radius:var(--radius); overflow:hidden; }
.trend-row a { overflow-wrap:anywhere; min-width:0; }
.trend-row .signal { font-size:10px; }
.trend-row:hover { background:var(--surface-2); }
.empty-state { padding:38px 24px; background:radial-gradient(ellipse at center,#cbfa7204,transparent 70%); }
.empty-state h4 { font-size:16px; }
.empty-state p { font-size:13px; color:var(--text-muted); }
.checking { display:grid; grid-template-columns:auto 1fr auto; padding:28px; background:var(--surface-1); border-radius:var(--radius); }
.processing-path { grid-column:1/-1; display:flex; gap:20px; align-items:center; padding-top:15px; border-top:1px solid var(--line); font:10px var(--mono); color:var(--text-secondary); }
.processing-path b { color:var(--accent); }
.spinner { width:34px; height:34px; }
.checking p { line-height:1.7; }
.result-section { --tone:var(--status-online); scroll-margin-top:28px; }
.result-section[data-tone="bad"] { --tone:var(--status-down); }
.result-section[data-tone="warn"] { --tone:var(--status-warning); }
.result-section[data-tone="neutral"] { --tone:var(--status-unknown); }
.result-overview { position:relative; display:grid; grid-template-columns:94px minmax(0,1fr) auto; align-items:center; gap:28px; border:1px solid var(--line); border-left:3px solid var(--tone); background:radial-gradient(ellipse at 0 0,var(--glow-online),transparent 65%),var(--surface-1); border-radius:var(--radius); padding:36px; }
.result-section[data-tone] .result-overview { border-color:var(--line); border-left-color:var(--tone); background:var(--surface-1); }
.result-section[data-tone] #result-title { color:var(--tone); font-size:clamp(30px,4vw,56px); line-height:1.05; margin:7px 0 14px; letter-spacing:-.045em; }
.result-main { min-width:0; }
.result-main .eyebrow { overflow-wrap:anywhere; color:var(--text-secondary); }
.status-orb { width:84px; height:84px; border-radius:50%; border:1px solid var(--tone); display:grid; place-items:center; position:relative; opacity:.9; }
.status-orb:before,.status-orb:after { content:""; border:1px solid var(--tone); position:absolute; inset:9px; border-radius:50%; opacity:.23; }
.status-orb:after { inset:-9px; opacity:.1; }
.status-orb span { width:24px; height:24px; border-radius:50%; background:var(--tone); box-shadow:0 0 35px #cbfa7215; }
.result-verdict { font:11px var(--mono)!important; letter-spacing:1px; color:var(--tone)!important; }
.result-metrics { flex-direction:column; align-items:flex-start; gap:26px; padding-left:24px; border-left:1px solid var(--line); }
.result-metrics div { gap:8px; }
.result-metrics strong { font-size:29px; }
.result-main .text-link { background:none; padding:0; text-align:left; min-height:44px; line-height:1.6; }
.result-main .text-link span { color:var(--tone); }
.result-toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:18px 0 4px; }
.result-toolbar>div { display:flex; gap:8px; }
.freshness { font:10px/1.7 var(--mono); color:var(--text-secondary); }
.freshness[data-stale="true"] { color:var(--status-warning); }
.diagnostic { border-radius:var(--radius); transition:transform var(--motion-normal) var(--ease),border-color var(--motion-normal); }
.diagnostic:hover { transform:translateY(-3px); border-color:var(--tone); }
.diagnostic h4 { display:flex; justify-content:space-between; }
.diagnostic h4:after { content:"↗"; color:var(--tone); }
.diagnostic p { font-size:12px; }
.timeline { display:block; padding:24px; }
.timeline>div { display:grid; grid-template-columns:65px 1fr 115px; align-items:center; gap:18px; border:0; padding:9px 0; }
.timeline span { margin:0; }
.timeline strong { font-size:13px; text-align:right; color:var(--text); }
.timing-track { height:4px; background:var(--surface-2); border-radius:4px; overflow:visible; }
.timing-track b { display:block; height:100%; min-width:2px; background:var(--tone); position:relative; border-radius:4px; transform-origin:left; }
.timing-track b:after { content:""; width:6px; height:6px; border-radius:50%; background:var(--tone); position:absolute; right:0; top:-1px; }
.technical { background:var(--surface-1); padding:0; overflow:hidden; border-radius:var(--radius); }
.technical summary { padding:22px 24px; min-height:60px; }
.technical[open] summary { border-bottom:1px solid var(--line); }
.technical[open] summary>span { transform:rotate(45deg); }
#technical-content { padding:8px 24px 24px; }
.technical dl { display:grid; grid-template-columns:minmax(130px,1fr) 2fr; gap:0 24px; font-size:12px; }
.technical dt,.technical dd { margin:0; padding:12px 0; border-bottom:1px solid var(--line); }
.button { min-height:44px; border-radius:var(--radius-sm); font-size:12px; }
.range-tabs button { min-width:44px; min-height:44px; font-size:11px; }
.chart-bars { height:160px; padding-top:12px; background:repeating-linear-gradient(to top,transparent 0,transparent 39px,var(--line) 40px); gap:4px; }
.chart-bars button { flex-shrink:0; min-width:12px; max-width:32px; background:var(--status-online); }
.chart-bars button[data-tone="warn"],.uptime-strip button[data-tone="warn"] { background:var(--status-warning); }
.chart-bars button[data-tone="bad"],.uptime-strip button[data-tone="bad"] { background:var(--status-down); }
.chart-bars button[data-tone="neutral"],.uptime-strip button[data-tone="neutral"] { background:var(--status-unknown); }
.uptime-strip { display:flex; gap:4px; overflow-x:auto; padding:8px 0; margin:0 25px 16px; }
.uptime-strip button { flex:1 0 12px; max-width:32px; height:28px; border-radius:3px; background:var(--status-online); }
.history-tooltip { min-height:48px; line-height:1.8; color:var(--text-secondary); }
.history-legend { padding:0 25px; color:var(--text-secondary); font:10px/1.8 var(--mono); }
.fine-print { font-size:11px; color:var(--text-muted); }
.knowledge-card p { font-size:13px; max-width:none; }
.knowledge-card .eyebrow { font-size:10px; }
.knowledge-card { border-radius:var(--radius); }
.explain-intro p { font-size:14px; }
.trust-strip p,footer>p,footer nav { font-size:11px; }
#check-error { padding:32px; border:1px solid var(--status-warning); border-radius:var(--radius); background:var(--surface-1); margin-bottom:32px; }
#check-error h2 { font-size:clamp(26px,4vw,42px); letter-spacing:-1px; margin:14px 0; }
#check-error p { line-height:1.8; color:var(--text-secondary); }
#check-error .eyebrow { color:var(--status-warning); }
#feedback { background:var(--surface-2); color:var(--text); border-color:var(--line); }
#feedback>button { min-height:44px; min-width:44px; }
dialog { color:var(--text); background:var(--surface-1); border:1px solid #556249; border-radius:var(--radius-lg); padding:32px; width:min(580px,calc(100% - 32px)); max-height:85vh; overflow:auto; box-shadow:var(--shadow); }
dialog::backdrop { background:#05090dd9; }
.dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
dialog h2 { font-size:30px; letter-spacing:-1px; }
dialog p { color:var(--text-secondary); line-height:1.8; }
.dialog-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.share-link { width:100%; padding:14px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius-sm); font:12px var(--mono); }
.article { max-width:820px; }
.article .eyebrow { color:var(--accent); }
.article h1 { letter-spacing:-.045em; }
.article-links { grid-template-columns:1fr 1fr; }
.article-links a { line-height:1.6; background:var(--surface-1); transition:border-color var(--motion-fast); }
.article-links a:hover { border-color:var(--accent); }
.error-page { position:relative; margin-top:8vh; border:1px solid var(--line); border-top:3px solid var(--status-warning); border-radius:var(--radius); background:var(--surface-1); padding:56px; width:calc(100% - 32px); }
.error-page:before { content:"ISDOWN / SIGNAL INTERRUPTED"; display:block; margin-bottom:32px; color:var(--text-muted); font:10px var(--mono); letter-spacing:2px; }
.admin { max-width:1200px; }
.admin h1 { font-size:44px; letter-spacing:-2px; }
.admin table { font-size:12px; }
.admin td,.admin th { overflow-wrap:anywhere; }
.admin th { color:var(--text-secondary); font-weight:500; }
.admin tbody tr:hover { background:var(--surface-2); }
.admin section { min-width:0; }
.admin select { min-height:44px; padding:10px; background:var(--surface-2); color:var(--text); border:1px solid var(--line); border-radius:var(--radius-sm); }
.admin input { width:100%; max-width:440px; min-height:44px; }
.admin :focus-visible,select:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
@keyframes reveal { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes signal-reveal { from { transform:scale(.85); opacity:.2; } to { transform:scale(1); opacity:.9; } }
@keyframes draw-line { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(prefers-reduced-motion:no-preference) {
  .result-section .result-overview { animation:reveal var(--motion-reveal) var(--ease) both; }
  .status-orb { animation:signal-reveal 550ms var(--ease) both; }
  .diagnostic { animation:reveal var(--motion-reveal) var(--ease) both; }
  .diagnostic:nth-child(2) { animation-delay:50ms; }.diagnostic:nth-child(3) { animation-delay:100ms; }.diagnostic:nth-child(4) { animation-delay:150ms; }
  .timing-track b { animation:draw-line 550ms var(--ease) both; }
  dialog[open],.reveal-enter { animation:reveal var(--motion-reveal) var(--ease) both; }
}
body[data-paused="true"] *,body[data-paused="true"] *:before,body[data-paused="true"] *:after { animation-play-state:paused!important; }
@media(max-width:1100px) {
  .result-overview { grid-template-columns:75px minmax(0,1fr); }
  .status-orb { width:64px; height:64px; }
  .result-metrics { grid-column:2; flex-direction:row; border-left:0; border-top:1px solid var(--line); padding:20px 0 0; }
  .header-tag { display:none; }.site-header nav { margin-left:auto; }
}
@media(max-width:760px) {
  .site-shell { padding:0 22px; }.site-header { height:78px; }
  .hero { padding:88px 0 40px; }.terminal-rail { font-size:8px; }.terminal-rail span:last-child { display:none; }
  .signal-core { width:52px; height:52px; margin-bottom:27px; }.signal-core:after { animation:none; }
  .hero h1 { font-size:clamp(60px,12vw,90px); }.hero-copy { font-size:14px; }
  .input-shell { flex-wrap:wrap; padding:8px; }.input-shell input { flex:1; font-size:16px; min-height:54px; }
  .check-button { width:100%; justify-content:space-between; padding:16px 20px; font-size:12px; min-height:52px; }
  .form-bottom { align-items:center; }.form-bottom p { font-size:10px; }.mode-switch { font-size:11px; }
  .hero-features { font-size:9px; gap:16px; }.hero-features>span { width:auto; }
  .section-heading h2 { font-size:23px; }.pulse-stats strong { font-size:35px; }.pulse-stats small { font-size:10px; }
  .pulse-note svg { max-width:100%; }.pulse-updated { text-align:left; }
  .result-overview { padding:26px 22px; gap:24px; grid-template-columns:1fr; }
  .status-orb { width:60px; height:60px; margin:8px; }.result-metrics { grid-column:auto; }
  .result-section[data-tone] #result-title { font-size:clamp(32px,8vw,48px); }
  .result-toolbar { align-items:flex-start; flex-direction:column; }.result-toolbar>div { flex-wrap:wrap; }
  .diagnostic { padding:18px; }.diagnostic strong { font-size:13px; }
  .technical dl { display:block; }.technical dt { border:0; padding-bottom:0; }
  .timeline>div { grid-template-columns:45px 1fr 95px; gap:12px; }.timeline strong { font-size:11px; }
  .card-heading { flex-wrap:wrap; }.checking { padding:22px 18px; gap:12px; }.checking strong { font-size:11px; }
  .processing-path { gap:9px; flex-wrap:wrap; font-size:8px; }.checking p { font-size:12px; }
  .result-actions>div { gap:8px; }.crowd-card>div:last-child { flex-wrap:wrap; }
  .article-links { grid-template-columns:1fr; }.error-page { padding:28px; }
  dialog { padding:24px; }.admin { margin-top:20px; padding:16px; }.admin .pulse-stats { grid-template-columns:1fr 1fr; }
}
@media(max-width:360px) {
  .site-shell { padding:0 16px; }.site-header nav { gap:10px; font-size:10px; }.site-header .brand { font-size:21px; }.brand sup { display:none; }.brand svg { margin-right:5px; }
  .form-bottom { align-items:flex-start; flex-direction:column; gap:0; }.form-bottom p { max-width:none; }.diagnostic-grid { grid-template-columns:1fr; }
  .hero h1 { font-size:60px; }.hero-features { max-width:260px; }.pulse-stats>div { padding:18px 12px; }
  .pulse-note p { font-size:10px; }.result-metrics { gap:24px; }.result-metrics strong { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* Final layout constraints */
.check-button{flex-shrink:0}.input-shell input{flex:1;width:auto}.hero-copy strong{color:var(--text)}.check-error:focus{outline:2px solid var(--accent)}
@media(max-width:760px){.hero h1{font-size:clamp(46px,11.4vw,82px);white-space:nowrap;letter-spacing:-.075em}.hero h1>span{white-space:nowrap}.question{margin-left:1px}}
#result-title:focus{outline:none}.result-section[data-tone="bad"] .result-overview{background:radial-gradient(ellipse at 0 0,var(--glow-down),transparent 65%),var(--surface-1)}
.error-page .error-code{margin:40px 0 0;color:var(--status-warning)}.error-page h1{margin-top:18px;letter-spacing:-.04em}.error-page .button{margin:16px 8px 0 0}.chart-bars button{min-width:24px}.uptime-strip button{flex-basis:24px;height:44px}.history-tooltip{overflow-wrap:anywhere}.history-legend{margin-bottom:20px}
.article h1,.article h2{overflow-wrap:anywhere;hyphens:auto}.error-page:focus,#check-error:focus{outline:none}.admin>.eyebrow{margin-top:30px;color:var(--accent)}
.site-header nav .nav-wide{margin:0;color:inherit}.site-header nav a{white-space:nowrap}@media(max-width:430px){.site-header nav .nav-wide{display:none}.site-header nav{gap:16px}.site-header nav a{font-size:11px}}
.admin .admin-grid{margin-top:28px}.admin h2{font-size:20px}.diagnostic h4:after{content:"◦"}
/* Keep the answer in view once the first check has completed. */
body[data-view="result"] .hero{padding:28px 0 30px}body[data-view="result"] .hero h1{font-size:36px;margin:0 0 22px;letter-spacing:-2px}body[data-view="result"] .signal-core,body[data-view="result"] .terminal-rail,body[data-view="result"] .hero-eyebrow,body[data-view="result"] .hero-copy,body[data-view="result"] .hero-features{display:none}
html{scroll-behavior:auto}
.site-header nav a{column-gap:.3em}
/* Domain moderation and demand highlights */
.domain-management{margin:3rem 0;padding:2rem;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.domain-management>p{max-width:80ch;line-height:1.7}.domain-search{display:flex;align-items:end;gap:1rem}.domain-search label{flex:1}.domain-search button{margin-bottom:0}
.domain-remove{margin:1.5rem 0;padding:1rem;border:1px solid var(--line);border-radius:12px}.domain-remove summary{cursor:pointer;min-height:32px}.domain-list{display:grid;gap:12px}
.domain-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;border:1px solid var(--line);border-radius:12px;min-width:0}.domain-entry h3{overflow-wrap:anywhere;margin:0 0 10px}.domain-entry>div{min-width:0}.domain-entry form{margin:0;min-width:230px}.domain-state{font:10px var(--mono);color:var(--lime);letter-spacing:.05em}.domain-state.is-hidden{color:var(--muted)}
.admin .delete-confirm{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}.admin .delete-confirm input{width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:var(--lime)}.button.danger{border-color:#a84d57;color:#ffb4ba;background:#321c23}.button.danger:hover{background:#4a242d}.domain-pagination{display:flex;gap:12px;margin-top:20px}
.attention-section{margin:48px 0;padding:30px;border:1px solid #454b38;border-radius:22px;background:linear-gradient(130deg,#1b221a,#131719 60%)}
.attention-section .section-heading{align-items:center;gap:20px}.attention-section h2{font-size:clamp(24px,3vw,36px);margin:8px 0 0;line-height:1.15;letter-spacing:-.04em}.attention-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;margin-top:24px}.attention-card{padding:24px;border-radius:16px;border:1px solid #46513a;background:#1c241b;min-width:0;position:relative;overflow:hidden}.attention-outage{border-color:#76503a;background:linear-gradient(150deg,#35251e,#1d1d1a)}.attention-label{font:10px var(--mono);letter-spacing:.1em;color:#cffb85}.attention-outage .attention-label{color:#ffbd8a}.attention-card h3{font-size:clamp(22px,3vw,30px);letter-spacing:-.04em;margin:16px 0;overflow-wrap:anywhere}.attention-card h3 a{color:var(--text);text-decoration:none}.attention-metric{display:flex;align-items:center;gap:14px}.attention-metric strong{font:600 44px var(--mono);color:#d7ff94}.attention-outage .attention-metric strong{color:#ffbd8a}.attention-metric span{font-size:11px;max-width:150px;color:#c2c6bb}.attention-card>p:not(.attention-metric){font-size:14px;line-height:1.65;color:#d2d3cc}.attention-card small{display:block;font-size:11px;line-height:1.6;color:#b6b8ae}.attention-action{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;color:#e0edca;font-size:13px}.attention-section>.fine-print{margin:20px 0 0;max-width:100ch;line-height:1.7}
@media(max-width:600px){.domain-management{padding:16px}.domain-entry{display:block;padding:16px}.domain-entry form{min-width:0;margin-top:16px}.domain-search{align-items:stretch;flex-direction:column}.attention-section{padding:18px;margin:32px 0}.attention-section .section-heading{align-items:start;flex-direction:column}.attention-card{padding:20px}}

.attention-section .section-heading>div{display:block}

.admin .domain-search{max-width:680px;margin:24px 0}.admin .domain-search label{margin:0;min-width:0}.admin .domain-search input{max-width:none;margin:8px 0 0}.admin .delete-confirm input{margin:0}

/* Connection identity: long IPv6 addresses remain readable on small screens. */
.connection-tag{position:relative;display:flex;align-items:center;gap:16px;margin:24px auto;max-width:var(--terminal-width);padding:16px 20px;border:1px solid #24414a;border-radius:12px;background:linear-gradient(115deg,#10252a99,#10151a99);text-align:left;min-width:0}
.connection-symbol{color:#52e4cf;font-size:28px;flex-shrink:0}.connection-tag>div{min-width:0;flex:1}.connection-label{display:block;color:#8eabb2;font:10px/1.5 monospace;letter-spacing:1.4px}.connection-label b{display:inline-block;margin-left:8px;padding:1px 6px;border:1px solid #31535b;border-radius:4px;color:#65e8d5;font-weight:400;letter-spacing:0}.connection-tag strong{display:block;margin-top:4px;color:#e2f6f4;font:600 17px/1.5 monospace;overflow-wrap:anywhere}.connection-caption{color:#91a1ac;font-size:11px;line-height:1.7}.target-connection{max-width:none;margin:18px 0 0}.target-connection strong{font-size:20px}@media(max-width:600px){.connection-tag{gap:12px;padding:14px;flex-wrap:wrap}.connection-caption{flex-basis:100%;padding-left:40px}.connection-tag strong,.target-connection strong{font-size:15px}}

.trend-row>small,.trend-row>.signal{min-width:0;overflow-wrap:anywhere;text-align:left}@media(max-width:600px){.trend-row{grid-template-columns:minmax(0,1fr);gap:8px}}

/* Shared navigation accommodates the knowledge areas at every width. */
footer{flex-wrap:wrap}footer nav{flex-wrap:wrap;line-height:1.8}