:root{--bg:#EEF0F4;--fg:#111214;--muted:#5B606B;--card:rgba(255,255,255,.82);--hair:rgba(17,18,20,.1);--ember:#B44744;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--bg:#0E0F12;--fg:#F2F2F4;--muted:#A3A7B0;--card:rgba(34,36,42,.9);--hair:rgba(255,255,255,.12);--ember:#EE8580}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:var(--bg);color:var(--fg);font:16px -apple-system,BlinkMacSystemFont,"Manrope",system-ui,sans-serif;padding:20px}
main{width:100%;max-width:408px;background:var(--card);border:1px solid var(--hair);border-radius:28px;padding:28px;display:grid;gap:18px;box-shadow:0 10px 40px rgba(0,0,0,.1)}img{width:48px;height:48px;border-radius:12px}h1{margin:0;font-size:25px;letter-spacing:-.7px}p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}button,input{font:inherit;min-height:46px;width:100%}button{font-weight:600;padding:12px 18px;border-radius:999px;border:0;background:var(--fg);color:var(--bg);cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--ember);outline-offset:4px}input{padding:12px 14px;border-radius:14px;border:1px solid var(--hair);background:transparent;color:var(--fg)}details{border-top:1px solid var(--hair);padding-top:18px}summary{cursor:pointer;color:var(--muted);font-size:13px}form{display:grid;gap:12px;padding-top:18px}label{font-size:13px;font-weight:600}.err{color:var(--ember);font-size:13px}.err:empty{display:none}small{font-size:12px;line-height:1.5;color:var(--muted)}a{color:var(--fg);text-underline-offset:3px;font-size:14px}#passkey-message:empty{display:none}.key{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-right:7px}