:root{--bg:#f7f7f5;--surface:#fff;--text:#1d1d1b;--muted:#6b6b66;--border:#dcdcd6;--accent:#2f5d50;--accent-text:#fff;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161615;--surface:#20201e;--text:#ecece8;--muted:#a3a39c;--border:#3a3a36;--accent:#7fb8a6;--accent-text:#10201b;--danger:#f2b8b5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#161615;--surface:#20201e;--text:#ecece8;--muted:#a3a39c;--border:#3a3a36;--accent:#7fb8a6;--accent-text:#10201b;--danger:#f2b8b5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;margin:0;padding:16px;font-family:system-ui,sans-serif;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:360px;padding:24px}.card form{gap:8px;display:grid}.card input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.card button{font:inherit;color:var(--accent-text);background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:8px 12px}.card button:disabled{opacity:.6}.error{color:var(--danger)}.card .qr{background:#fff;border-radius:8px;width:180px;height:180px;margin:8px auto;padding:8px;display:block}.card .secret{overflow-wrap:anywhere;color:var(--muted);margin-top:4px;display:block}.card button.link{color:var(--muted);background:0 0;margin-top:16px;padding:0;text-decoration:underline}