:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f4f5f7)var(--lightningcss-dark,#111316);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1d21);--border:var(--lightningcss-light,#dfe2e7)var(--lightningcss-dark,#2c3138);--text:var(--lightningcss-light,#15181d)var(--lightningcss-dark,#e8eaed);--muted:var(--lightningcss-light,#667080)var(--lightningcss-dark,#939caa);--accent:var(--lightningcss-light,#0f7a3d)var(--lightningcss-dark,#3ecf7a);--accent-text:var(--lightningcss-light,#fff)var(--lightningcss-dark,#07210f);--danger:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#ff8a80);--mono:ui-monospace, SFMono-Regular, Menlo, monospace;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{margin:0}h1{font-size:1.1rem}h1 span{color:var(--accent);font-weight:500}h2{font-size:1.15rem}h3{font-size:1.25rem;font-family:var(--mono)}code{font-family:var(--mono)}.muted{color:var(--muted);font-size:.875rem}[role=alert]{color:var(--danger);font-size:.9rem}.topbar{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.user{align-items:center;gap:.75rem;min-width:0;font-size:.875rem;display:flex}.user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}main{max-width:1100px;margin:0 auto;padding:1.25rem 1rem}.heading{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.live{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.15rem .55rem;font-size:.75rem}.live.on{color:var(--accent);border-color:var(--accent)}.live.on:before{content:"● "}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.card.center{text-align:center;max-width:420px;margin:4rem auto}.devices{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1rem;display:grid}.device header{justify-content:space-between;align-items:start;gap:.75rem;margin-bottom:1rem;display:flex}.device header .muted{font-family:var(--mono);margin-top:.2rem;font-size:.75rem;display:block}button{font:inherit;border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:7px;padding:.45rem .9rem}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);padding:.7rem 1.4rem;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.badge{border:1px solid var(--border);color:var(--muted);text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.badge.online{color:var(--accent);border-color:var(--accent)}.badge.offline{color:var(--danger);border-color:var(--danger)}.relay{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.relay strong,.relay .muted{display:block}.switch{background:var(--border);border:none;border-radius:999px;flex-shrink:0;width:56px;height:32px;padding:0;transition:background .15s;position:relative}.switch span{background:#fff;border-radius:50%;width:26px;height:26px;transition:translate .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch.on{background:var(--accent)}.switch.on span{translate:24px}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.meter{margin-top:1rem;transition:opacity .2s}.meter.stale{opacity:.55}dl{gap:.75rem;margin:0;display:grid}dl.primary{grid-template-columns:repeat(2,1fr)}dl.rest{grid-template-columns:repeat(2,1fr);margin-top:.75rem}dt{color:var(--muted);font-size:.75rem}dd{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:0}dl.primary dd{font-size:1.35rem;font-weight:600}details{margin-top:.9rem}summary{cursor:pointer;color:var(--muted);font-size:.875rem}.updated{margin:.75rem 0 0;font-size:.75rem}