:root{color-scheme:dark;--ink:#ededf0;--muted:#a5a7ae;--line:#34363b;--paper:#1b1d20;--bg:#121315;--green:#8bceaa;--amber:#e0bc7b;--red:#e7a1a1;background:var(--bg)}
.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:50%;flex-shrink:0}.brand{font-size:18px;letter-spacing:-.025em}.brand-sub{font-size:11px}.connection-more{margin-top:18px;border-top:1px solid #3c3e44;padding-top:13px}.connection-more summary{color:#b5b8c0;font-size:11px}.connection-more .network-facts{border-top:0;margin-top:10px;padding-top:8px}.chart-caption{font-size:10px;color:var(--muted);margin:7px 0 0}.metric-grid:not(.phase-grid){grid-template-columns:repeat(3,minmax(0,1fr))}.route-note{margin-bottom:6px}.route-note p{max-width:440px}.result-card>.hint{font-size:10px}.result-card .technical-details{margin-top:17px}.result-card>.metric-grid{row-gap:16px}.result-card .metric-grid dd{overflow-wrap:anywhere}
body{background:radial-gradient(ellipse at 70% -20%,#303237 0,transparent 55%),var(--bg)}
.diagnostic{padding-top:28px}.brand-logo{border-radius:26%}.route-plan-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:750px;margin:12px 0 0}
@media(max-width:680px){.diagnostic{padding-top:18px}.topbar .brand-sub{display:inline-block;font-size:10px;margin-left:0;padding-left:12px}.topbar .support-link{display:none}.route-plan-note{font-size:10px}}
.wrap{max-width:1140px}.topbar{border-color:#303236}.brand-mark{background:#e0e1e4;color:#24262a}.brand-sub{border-color:#4b4d52;color:#aeb0b7}.support-link{color:#aeb0b7}
.intro{padding-top:62px;padding-bottom:40px}.intro h1{font-weight:500;letter-spacing:-.055em}.lead{color:#b1b3bb}.eyebrow{color:#9b9da6;letter-spacing:.16em}
.panel{background:var(--paper);border-color:var(--line);box-shadow:0 8px 35px #00000012;border-radius:20px;padding:30px}
.connection{background:linear-gradient(125deg,#25272b,#1e2023);border-color:#41434a}.connection-heading{min-width:0}.connection h2{font-weight:550}.connection .hint{max-width:680px;line-height:1.75}
.status-dot{box-shadow:0 0 0 6px #ffffff08;background:#9598a0}.status-dot.ecl,.status-dot.direct{background:#8bceaa;box-shadow:0 0 0 6px #8bceaa0c}.status-dot.estimate{background:#e0bc7b}.connection-title.ecl,.connection-title.direct{color:var(--green)}.connection-title.estimate{color:var(--amber)}
.network-facts{border-color:#3c3e44}.network-facts strong{font-size:12px;color:#d7d9df}.network-facts span{color:#999ca6}.icon-button{background:#ffffff04;border-color:#50525a;color:#b9bcc5}.icon-button:hover{background:#ffffff10}
.test-plan{display:grid;grid-template-columns:1fr 1fr;gap:12px}.test-plan>div{position:relative;border:1px solid #3b3d43;background:#222428;border-radius:12px;padding:18px 18px 18px 60px}.test-plan strong{display:block;font-size:14px;font-weight:550}.test-plan small{color:var(--muted);display:block;font-size:11px;margin-top:4px}.plan-number{position:absolute;left:18px;top:20px;color:#8d919b;font:12px ui-monospace,monospace}
.primary{background:#d8dade;color:#1c1d20}.primary:hover:not(:disabled){background:#f6f7f9}.secondary{background:#292c31;border-color:#464951;color:var(--ink)}.button{font-size:13px;min-height:49px}.button:disabled{opacity:.4}.actions #run-status{font-size:11px}
.progress-wrap progress,.progress-wrap progress::-webkit-progress-bar{background:#373a40}.progress-wrap progress::-webkit-progress-value{background:#a7b5aa}.test-details{border-color:#35373d;font-size:12px}.test-details summary,.measurement-notes summary{font-size:12px}.check input{accent-color:#a7c5b2}.check{font-size:12px}
.results{padding-top:28px}.result-card{background:#1b1d20;border-color:#383a41;padding:26px;border-radius:18px}.rtt-value{font-size:48px;font-weight:400;letter-spacing:-.055em}.rtt-unit{font-size:13px}.result-top{margin-bottom:20px}.point-name{font-size:15px}.result-caption{font-size:11px}.quality-tag{font-size:10px;background:#303238;color:#b9bbc2}.quality-tag.good{background:#23362e;color:var(--green)}.quality-tag.warning{background:#3e3424;color:var(--amber)}.quality-tag.bad{background:#41292c;color:var(--red)}
.metric-grid{border-color:#35373d;gap:17px 12px}.metric-grid dt{font-size:10px}.metric-grid dd{font-size:13px}.sparkline{border-color:#36383f}.sparkline span{background:#8d9693}.sparkline span.failed{background:#c98282}.hint{font-size:11px;line-height:1.75}.result-bottom{font-size:10px}.speed-row{gap:30px}.speed-row strong{font-size:19px}.partial-note{color:var(--amber);font-size:11px}
.verdict{background:#202e27;border-color:#3c5747}.verdict.warning{background:#302b22;border-color:#62513a}.verdict.bad{background:#342426;border-color:#674145}.verdict.unknown{background:#25272d;border-color:#41444b}.verdict p{color:#bbc2bf;font-size:12px}.verdict strong{font-size:15px}
.route-note{border-left:2px solid #555963;padding:0 0 0 12px;margin-top:20px}.route-note.good{border-color:#7bb896}.route-note.warning{border-color:#c2a06a}.route-note strong{font-size:12px;font-weight:550;color:#d0d4db}.route-note p{font-size:11px;line-height:1.7;color:var(--muted);margin:4px 0 0}
.phase-grid{margin-top:18px}.phase-grid dd{font-size:13px}.technical-details{margin-top:20px;border-top:1px solid #383b42;padding-top:15px;font-size:11px}.technical-details summary{font-size:11px;color:#c3c6cd}.technical-details .metric-grid{margin-top:12px}.table-scroll{overflow:auto;max-height:310px;margin-top:15px;border:1px solid #3c3f47;border-radius:8px}.sample-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.sample-table th{background:#282b31;color:#babec7;text-align:left;position:sticky;top:0;font-weight:550}.sample-table td,.sample-table th{padding:7px 9px;border-bottom:1px solid #34373e}.sample-table td{color:#b9bdc5}
.message{background:#352427;color:#e9b7b7;border-color:#69464a}.report-line{background:#1c1e22;border-color:#3c3f46}.report-id{font-size:13px}.text-button{color:#bec2cb;font-size:11px}.empty-result{border-color:#454850;background:#1b1d2060}.empty-result p{font-size:12px}.footer{border-color:#34363d;color:#a3a6b0}.measurement-notes{font-size:12px;line-height:1.8}.measurement-notes a{color:#c3c8d1}:focus-visible{outline-color:#bdc9c2}
@media(min-width:850px){.intro .lead{max-width:330px;right:16px;bottom:54px;font-size:14px}}
@media(max-width:680px){.intro{padding-top:37px;padding-bottom:29px}.intro h1{font-size:42px;line-height:1.1}.panel{padding:21px}.connection h2{font-size:18px}.test-plan{gap:9px}.test-plan>div{padding:38px 12px 14px}.plan-number{left:12px;top:13px;font-size:10px}.test-plan strong{font-size:12px}.test-plan small{font-size:10px;line-height:1.6}.result-card{padding:22px}.metric-grid{gap:15px 9px}.metric-grid dd{font-size:12px}.result-caption{font-size:10px}.section-heading #mode-source{max-width:130px;font-size:9px}.actions #run-status{font-size:10px}.rtt-value{font-size:44px}.technical-details .metric-grid dd{font-size:11px}.speed-row strong{font-size:18px}}
/* RTP diagnostics reuse the existing metric grid; no redesign of the public UI. */