:root{color-scheme:dark;--bg:#0b1114;--panel:#141d22;--text:#e6edf0;--muted:#a4b4bb;--accent:#6ed0ba;--line:#34454e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}
.account-card{max-width:34rem;margin:5vh auto;padding:2rem;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.brand{font:700 12px/1.5 system-ui;letter-spacing:.12em;color:var(--accent)}.brand span{display:block;color:var(--muted);font-weight:400}
h1{font-size:1.6rem}p,footer{color:var(--muted)}label{display:block;margin:1rem 0}input:not([type=checkbox]){display:block;width:100%;margin-top:.4rem;padding:.75rem;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--text);font:inherit}
.check{display:flex;gap:.65rem;align-items:start}input[type=checkbox]{margin-top:.4rem;min-width:1rem;min-height:1rem}
button,.button{display:inline-block;min-height:44px;padding:.65rem 1rem;background:var(--accent);color:#0b1114;border:0;border-radius:4px;font:600 16px/1.5 system-ui;cursor:pointer;text-decoration:none}
a{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}footer{margin-top:2rem;font-size:.8rem}.error{color:#ffb0a4;border-left:3px solid #ffb0a4;padding:.75rem;background:#321b1b}.secret,.codes{overflow-wrap:anywhere;color:var(--text);font-family:monospace}.secret{padding:1rem;background:var(--bg);user-select:all}.codes li{margin:1rem 0}*:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.account-card{margin:0;min-height:100vh;border:0;border-radius:0;padding:1.25rem}button{width:100%}}
.totp-qr{display:block;width:240px;max-width:100%;height:auto;background:white;margin:1rem auto}details{margin:1rem 0}summary{cursor:pointer;color:var(--accent)}[data-copy-status]{display:block;color:var(--muted);margin:.5rem 0}
.passkey-entry{border:1px solid var(--line);padding:1rem;margin:1rem 0}.passkey-entry button{margin:.4rem 0}button:disabled{opacity:.5;cursor:not-allowed}