:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#f4f4f2;--surface:#fff;--text:#101010;--muted:#676767;--border:#deded9;--inverse:#fff;--primary:#111;--danger:#a21d1d;--danger-surface:#fff1f1;--success:#176437;--success-surface:#edf8f1;--focus:#4169e1}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#0d0d0d;--surface:#171717;--text:#f3f3f1;--muted:#a4a4a0;--border:#343432;--inverse:#101010;--primary:#f2f2ef;--danger:#ff8e8e;--danger-surface:#351717;--success:#8bddaa;--success-surface:#142a1d;--focus:#8ea7ff}}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{color:var(--text);background:var(--background);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.page-shell{width:min(100% - 32px,720px);min-height:100svh;margin:0 auto;padding:28px 0 48px}.brand-header{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:clamp(48px,11vh,112px);font-size:.82rem;display:flex}.wordmark{color:var(--text);letter-spacing:-.04em;text-transform:none;font-size:1.25rem;font-weight:800;text-decoration:none}.card{border:1px solid var(--border);background:var(--surface);border-radius:18px;width:min(100%,460px);margin:0 auto;padding:clamp(24px,6vw,42px);box-shadow:0 18px 45px #0000000f}.wide-card{width:min(100%,660px)}.stack{gap:22px;display:grid}.wide-stack{gap:30px}h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,7vw,2.35rem);line-height:1.08}p{margin:0}.muted{color:var(--muted);margin-top:10px}.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:700}.fine-print{color:var(--muted);text-align:center;font-size:.78rem}label{gap:8px;font-size:.88rem;font-weight:650;display:grid}input{width:100%;min-height:48px;color:var(--text);border:1px solid var(--border);background:var(--background);border-radius:10px;outline:none;padding:11px 13px}input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 24%, transparent)}.code-input{letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:1.3rem;font-weight:750}.button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:50px;padding:12px 18px;font-weight:750;text-decoration:none;display:inline-flex}.button:focus-visible,.text-button:focus-visible,.wordmark:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button:disabled{cursor:wait;opacity:.55}.button.primary{color:var(--inverse);background:var(--primary)}.button.secondary{color:var(--text);border-color:var(--border);background:0 0}.button.danger{color:#fff;background:#8f1b1b}.text-button{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:3px;text-decoration:underline}.danger-text{color:var(--danger)}.alert{border-radius:9px;padding:12px 14px;font-size:.88rem}.alert.error{color:var(--danger);background:var(--danger-surface)}.alert.success{color:var(--success);background:var(--success-surface)}.action-grid{gap:10px;display:grid}.code-block{border:1px solid var(--border);text-align:center;border-radius:12px;gap:5px;padding:18px;display:grid}.code-block span{color:var(--muted);text-transform:uppercase;font-size:.78rem}.code-block strong{letter-spacing:.13em;font-size:clamp(1.6rem,8vw,2.25rem)}.status-panel{text-align:center}.status-mark{width:52px;height:52px;color:var(--success);background:var(--success-surface);border-radius:50%;place-items:center;margin:0 auto;font-size:1.5rem;display:grid}.status-mark.neutral{color:var(--muted);background:var(--background)}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.passkey-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.passkey-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.passkey-list li div{gap:3px;display:grid}.passkey-list span{color:var(--muted);font-size:.82rem}.empty-state{color:var(--muted);border:1px dashed var(--border);text-align:center;border-radius:10px;padding:22px}@media (max-width:540px){.page-shell{width:min(100% - 24px,720px);padding-top:20px}.brand-header{margin-bottom:40px}.card{border-radius:14px;padding:24px 20px}.inline-form{grid-template-columns:1fr}.passkey-list li{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}