.web-options{max-width:650px;margin:0 auto 20px;padding:18px;border:1px solid #334155;border-radius:16px;color:#cbd5e1;background:#111827}.web-options label{display:flex;align-items:center;gap:12px}.web-options select{background:#1e293b;color:white;border:1px solid #64748b;padding:10px;border-radius:8px;max-width:100%}.web-options p,.web-caption{font-size:13px;line-height:1.6;color:#94a3b8}.web-options button{background:#1e293b;color:white;border:1px solid #64748b;padding:10px;border-radius:8px}[hidden]{display:none!important}@media(max-width:600px){.web-options{margin:12px}.web-options label{flex-direction:column;align-items:flex-start}}
.is-history-view .web-options{display:none}
.app-shell .topbar{display:flex;flex-direction:column;align-items:center;gap:18px}
.app-shell .view-switch{width:min(100%,560px);grid-template-columns:repeat(3,1fr)}
.improvement-panel{width:min(100%,760px);margin:24px auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.improvement-panel h2{margin:0 0 20px;color:#fff}
.restart-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.restart-steps li{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:12px;background:rgba(255,255,255,.04);color:#e2e8f0;line-height:1.65}
.restart-steps li>span{font-size:24px}.restart-steps p{margin:0}.restart-steps strong{color:#fff}
.is-improvement-view>.speed-stage,.is-improvement-view>.web-options,.is-improvement-view>.start-button,.is-improvement-view>.report-panel,.is-improvement-view>.metrics{display:none!important}
.improvement-panel.is-hidden{display:none}
.downdetector-panel{margin:28px auto;padding:24px;width:min(100%,760px);border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}
.downdetector-panel h2{color:#fff;margin:0 0 10px}.downdetector-panel p{color:#b7becb;font-size:14px;line-height:1.6}
.downdetector-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.downdetector-links a{padding:16px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#fff;background:rgba(255,255,255,.035)}
.downdetector-links a:hover{border-color:#ffbb00}.downdetector-links span{font-size:12px;color:#bcc4d0}.downdetector-all{display:inline-block;margin-top:18px;color:#ffcf00}
.is-history-view>.downdetector-panel,.is-improvement-view>.downdetector-panel{display:none}
@media(max-width:400px){.downdetector-links{grid-template-columns:1fr}}
.monitor-legend{display:flex;flex-wrap:wrap;gap:12px;color:#94a3b8;font-size:12px;margin:18px 0}.blue{color:#38bdf8}.yellow{color:#facc15}.red{color:#f87171}
#refreshMonitor{padding:10px 16px;border:1px solid var(--line);background:#172033;color:white;border-radius:10px;cursor:pointer}.monitor-card{--monitor-color:#94a3b8;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.monitor-card.level-ok{--monitor-color:#38bdf8}.monitor-card.level-warn{--monitor-color:#facc15}.monitor-card.level-bad{--monitor-color:#f87171}.monitor-card-top{display:flex;justify-content:space-between;align-items:center;color:#fff}.monitor-dot{width:9px;height:9px;background:var(--monitor-color);border-radius:50%}.monitor-card p{color:var(--monitor-color);font-size:12px;margin:8px 0}.monitor-card svg{width:100%;height:85px}.monitor-card polyline{fill:none;stroke:var(--monitor-color);stroke-width:2}.monitor-card circle{fill:var(--monitor-color)}.monitor-axis{fill:none;stroke:#475569;stroke-width:1}.monitor-card small,.monitor-empty{font-size:11px;color:#aab4c3}.monitor-empty{display:block;min-height:85px;padding:24px 0}
.monitor-fill{fill:var(--monitor-color);opacity:.12} #monitorMessage{font-size:12px;color:#94a3b8}
.web-options{padding:0;border:0;background:transparent;margin:0 auto;text-align:center}.web-options:has(#testNotice[hidden]):has(#cancelTest[hidden]){display:none}
.monitor-card.level-ok{--monitor-color:#0bb0c5}.monitor-card svg{height:66px;display:block;margin:12px 0}.monitor-card polyline{stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}

.outage-shortcut{text-align:center;padding:20px}.downdetector-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;padding:16px 24px;border-radius:14px;background:linear-gradient(100deg,#ff3219,#ffca00);color:#fff;font-weight:800;text-decoration:none;line-height:1.4}.downdetector-button:hover{filter:brightness(1.1)}.downdetector-button:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}
.connection-info{width:min(100%,650px);margin:0 auto 24px;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.connection-info div{min-width:0;display:flex;flex-direction:column;gap:6px}.connection-info span,.connection-info small{color:#aab4c3;font-size:12px}.connection-info strong{color:#fff;font-size:16px;overflow-wrap:anywhere}.is-history-view>.connection-info,.is-improvement-view>.connection-info{display:none}@media(max-width:400px){.connection-info{grid-template-columns:1fr}}
.providers-panel{width:min(100%,760px);margin:28px auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.providers-panel h2,.providers-panel h3{color:#fff}.providers-panel p{color:#b7becb;font-size:14px;line-height:1.6}.providers-note,.provider-card small{color:#aab4c3;font-size:12px}.provider-card{padding:18px;margin:12px 0;border:1px solid var(--line);border-radius:12px}.provider-card h3{margin:0 0 8px}.provider-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.provider-links a{color:#ffcf00;font-size:13px}.providers-panel details{color:#b7becb;margin-top:20px}.providers-panel summary{cursor:pointer}.is-history-view>.providers-panel,.is-improvement-view>.providers-panel{display:none}
#enableLocation{padding:12px 20px;border:1px solid #ffca00;border-radius:12px;background:#ffca00;color:#171717;font-weight:800;cursor:pointer;margin:8px 0}#enableLocation:disabled{opacity:.6;cursor:wait}#enableLocation:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
.location-test-note{max-width:650px;margin:0 auto 14px;text-align:center;font-size:12px;color:#aab4c3;line-height:1.5}.is-history-view>.location-test-note,.is-improvement-view>.location-test-note{display:none}.provider-plans{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;color:#fff}.provider-plans p{margin:8px 0}.provider-plans small{display:block;line-height:1.5}.provider-plans a{display:inline-block;color:#ffcf00;margin-top:10px;font-size:13px}
.plan-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}.plan-mini{padding:12px 10px;border:1px solid rgba(255,202,0,.25);border-radius:10px;background:rgba(255,202,0,.045);display:flex;flex-direction:column;gap:6px}.plan-mini strong{color:#ffca00;font-size:15px}.plan-mini span{color:#fff;font-size:13px;font-weight:700}.plan-mini small{font-size:10px}
.reputation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.reputation-badge{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);text-decoration:none;min-width:0}.reputation-badge span{color:#b7becb;font-size:12px}.reputation-badge strong{color:#ffca00;font-size:15px}.reputation-badge small{color:#aab4c3;font-size:10px;line-height:1.5}.reputation-badge:hover{border-color:#ffca00}@media(max-width:360px){.reputation-grid{grid-template-columns:1fr}}
.reputation-grid{gap:6px;margin:10px 0}.reputation-badge{padding:8px 10px;gap:3px;border-radius:8px}.reputation-badge span{font-size:10px}.reputation-badge strong{font-size:12px}.reputation-badge small{display:none}.reputation-badge:focus-visible small,.reputation-badge:hover small{display:block;font-size:9px}.ranking-note{font-size:12px!important}.provider-card{padding:14px}.provider-card>h3{font-size:16px}
.providers-expand{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;margin:8px 0 16px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);color:#ffca00;font-weight:700;cursor:pointer}.providers-arrow{font-size:24px;line-height:1;transition:transform .15s}.providers-expand[aria-expanded=true] .providers-arrow{transform:rotate(180deg)}.providers-expand:focus-visible{outline:2px solid #ffca00;outline-offset:3px}
.provider-card{padding:10px 12px;margin:8px 0;border-radius:10px}.provider-card>h3{font-size:14px;margin-bottom:6px}.reputation-grid{margin:6px 0;gap:5px}.reputation-badge{padding:6px 8px}.provider-plans{margin-top:8px;padding-top:8px}.plan-mini-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px;margin:8px 0}.plan-mini{padding:8px;gap:3px}.plan-mini strong{font-size:13px}.plan-mini span{font-size:11px}.provider-plans>small{font-size:10px;line-height:1.4}.provider-links{margin-top:8px;gap:10px}.provider-links a,.provider-plans a{font-size:11px}.provider-card>p{font-size:11px;margin:6px 0}
.providers-panel .provider-provenance{margin-top:8px;font-size:10px}.provider-provenance p{font-size:10px;line-height:1.5;margin:6px 0}.reputation-badge strong{overflow-wrap:anywhere}
.help-topics{display:grid;gap:12px;margin-top:24px}.help-topics details{padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:#cbd5e1;font-size:14px;line-height:1.65}.help-topics summary{cursor:pointer;font-weight:700;color:#ffca00}.help-topics ol{padding-left:22px}.help-topics li{margin:10px 0}.help-topics code{background:#172033;padding:3px 6px;border-radius:5px;overflow-wrap:anywhere;color:#fff}.help-topics a{color:#ffca00;font-size:12px}.help-table{overflow-x:auto}.help-table table{border-collapse:collapse;width:100%;font-size:13px}.help-table th,.help-table td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.help-table th{color:#ffca00}
.help-topics .restart-steps{gap:0;margin-top:12px}.help-topics .restart-steps li{padding:10px 0;border-radius:0;background:transparent;border-bottom:1px solid var(--line);gap:12px}.help-topics .restart-steps li:last-child{border-bottom:0}.help-topics .restart-steps li>span{font-size:18px}
.help-topics ol,.help-topics .restart-steps{list-style:none;counter-reset:help-step;padding:0;margin:14px 0;display:block}.help-topics ol>li,.help-topics .restart-steps li{counter-increment:help-step;display:block;position:relative;padding:14px 0 14px 36px;margin:0;border-bottom:1px solid var(--line);background:transparent;line-height:1.65}.help-topics ol>li:last-child{border-bottom:0}.help-topics ol>li::before{content:counter(help-step);position:absolute;left:2px;top:17px;width:19px;height:19px;display:grid;place-items:center;background:#0088d9;color:white;font-size:12px;font-weight:700;line-height:1;border:1px solid #07121c}.help-topics .restart-steps li>span{display:none}.help-topics .restart-steps p{margin:0}.connection-info{grid-template-columns:1fr}.connection-info .connection-link{color:#ffca00;font-size:12px;margin-top:4px;width:fit-content}