:root{color-scheme:dark;--bg:#0c1118;--surface:#151d28;--border:#2a384a;--text:#e5ecf4;--muted:#9aadc1;--accent:#93c9ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,sans-serif}header,main,footer{max-width:1280px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);gap:24px}nav,.toolbar,.person-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}a{color:var(--accent);text-underline-offset:4px}h1{font-size:clamp(32px,5vw,48px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0}h2{font-size:21px;margin:0 0 12px}h3{font-size:16px}.eyebrow{color:#8eb2d8;letter-spacing:2px;font-size:12px;font-weight:700}.intro{max-width:720px;color:var(--muted);font-size:18px;margin-bottom:32px}section,.person{background:var(--surface);border:1px solid var(--border);padding:24px;margin:20px 0;border-radius:12px}p{max-width:900px}.muted,.toolbar,footer{color:var(--muted);font-size:13px}button,.button{border:1px solid #44617f;background:#1c3046;color:#d6eaff;padding:9px 15px;border-radius:6px;font:inherit;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#294765}button:disabled{opacity:.5;cursor:wait}label{display:block;color:var(--muted)}input{background:#0d1520;border:1px solid #54667d;border-radius:5px;color:var(--text);font:inherit;padding:10px;margin:6px 8px 14px 0;max-width:100%;width:440px}.person-head{justify-content:space-between}.person-head h2{margin:0}.devices{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.device{padding:16px;border:1px solid var(--border);border-radius:8px}.provider{border-top:1px solid var(--border);margin-top:16px;padding-top:8px}.meter{width:100%;height:14px;accent-color:#6ebeff}.window{margin:12px 0}.window small{display:block;color:var(--muted)}.state{border:1px solid #536b86;border-radius:16px;font-size:12px;padding:3px 9px}.warning{color:#ffd399}.good{color:#9cdfc5}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted)}pre{padding:16px;background:#0c1420;border:1px solid var(--border);overflow-x:auto;border-radius:6px}code{color:#b9dbff}.narrow{max-width:850px}dialog{max-width:600px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px}dialog::backdrop{background:#000b}#status{color:#ffd399}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a9d9ff;outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:20px 16px}header{flex-direction:column}.devices{grid-template-columns:1fr}section,.person{padding:16px}.intro{font-size:16px}}

.person-actions{display:flex;gap:8px;flex-wrap:wrap}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.provider h3{margin:8px 0}.provider p{margin:8px 0}.window{margin:10px 0}.window strong{font-size:13px}@media(max-width:650px){.provider-grid{grid-template-columns:1fr;gap:8px}}
label:has(input[type="checkbox"]){display:flex;align-items:flex-start;gap:.65rem}input[type="checkbox"]{width:auto;margin:.25rem 0 0;flex:none}#providers>div{padding:1rem 0;border-bottom:1px solid var(--border,#293d50);margin-bottom:1rem}#check{margin-top:.75rem}
