:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--fg:#111;--muted:#666;--card:#fff;--border:#e2e2e2;--accent:#111}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--fg:#f2f2f2;--muted:#999;--card:#1a1a1a;--border:#2c2c2c;--accent:#f2f2f2}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.page{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;padding:1.75rem}h1{margin:0 0 .25rem;font-size:1.35rem}p.muted{color:var(--muted);margin:0 0 1.25rem;font-size:.9rem}.row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.row:first-of-type{border-top:none}.badge{border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.badge.connected{color:#1a7f37;border-color:#1a7f37}a.button,button{border:1px solid var(--accent);background:var(--accent);color:var(--bg);cursor:pointer;border-radius:8px;padding:.5rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}input[type=text]{letter-spacing:.15em;text-transform:uppercase;text-align:center;border:1px solid var(--border);width:100%;color:var(--fg);background:0 0;border-radius:8px;margin-bottom:.75rem;padding:.65rem;font-size:1.1rem}.error{color:#c0392b;margin:.5rem 0 0;font-size:.85rem}.success{color:#1a7f37;margin:.5rem 0 0;font-size:.85rem}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.5rem 0 .25rem;font-size:.75rem}