:root{--bg:#f5f6f8;--surface:#fff;--text:#16181d;--muted:#5b6270;--border:#d9dde4;--accent:#3b5bdb;--accent-text:#fff;--danger:#c92a2a;--danger-bg:#fff0f0;--success:#2b8a3e;--success-bg:#ebfbee;--radius:8px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111318;--surface:#1a1d24;--text:#e8eaef;--muted:#9aa1ae;--border:#2c313b;--accent:#5c7cfa;--danger:#ff8787;--danger-bg:#2a1618;--success:#69db7c;--success-bg:#17261a}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0 0 1rem;font-size:1.35rem}code{word-break:break-all;font-family:ui-monospace,Consolas,monospace}.brand{letter-spacing:.12em;color:var(--accent);margin:0;font-weight:700}.hint{color:var(--muted)}.loading{color:var(--muted);padding:2rem}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:2rem}.card form{flex-direction:column;gap:.4rem;margin-top:1rem;display:flex}label{margin-top:.6rem;font-size:.9rem;font-weight:600}input{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:.6rem .7rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{font:inherit;border-radius:var(--radius);background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;margin-top:1rem;padding:.65rem 1rem;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0;margin:0}.alert{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius);margin:1rem 0 0;padding:.6rem .8rem}.alert-success{background:var(--success-bg);color:var(--success)}.field-error{color:var(--danger);margin:0;font-size:.85rem}.qr{border-radius:var(--radius);background:#fff;max-width:100%;height:auto;margin:.5rem auto;padding:8px;display:block}.secret{color:var(--muted);font-size:.85rem}.passkey-login{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.divider{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:.75rem 16px;display:flex}.nav{gap:1rem;display:flex}.nav-link{color:var(--muted);border-bottom:2px solid #0000;padding-bottom:2px;font-size:.9rem;text-decoration:none}.nav-link.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.spacer{flex:1}.user{color:var(--muted);text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.content{max-width:1100px;margin:0 auto;padding:2rem 16px}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);padding:2rem}.passkey-list{flex-direction:column;gap:.75rem;margin:1rem 0;padding:0;list-style:none;display:flex}.passkey-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.passkey-name{margin:0;font-weight:600}.passkey-form{flex-direction:column;gap:.4rem;max-width:400px;margin-top:1rem;display:flex}.btn-danger{color:var(--danger);border-color:var(--danger)}