:root{color-scheme:light dark;--bg: #ffffff;--surface: #ffffff;--surface-2: #f5f5f5;--surface-3: #eef2f0;--ink: #0c1411;--muted: #5d6b64;--faint: #8a958e;--line: #e4e9e6;--line-strong: #d3dbd6;--green: #11b878;--green-dark: #057451;--green-strong: #0d9c63;--green-soft: #e7f7ef;--on-green: #ffffff;--button-primary-bg: #171717;--button-primary-fg: #ffffff;--button-secondary-bg: #ffffff;--button-secondary-fg: #171717;--button-accent-bg: var(--green);--button-accent-fg: var(--on-green);--danger: #c1342b;--danger-soft: #fdecec;--dotgrid: #dfe6e2;--radius-sm: 6px;--radius: 12px;--radius-lg: 1rem;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--green) 35%, transparent);--rail: #061011;--rail-text: #aab4ae;--rail-text-strong: #f3f7f5;--rail-active: #0f2420;--surface-line: #fff;--green-soft: #e8f7f0}@media(prefers-color-scheme:dark){:root{--bg: #000;--surface: #060706;--surface-2: #121212;--surface-3: #1c241f;--ink: #f3f7f5;--muted: #93a09a;--faint: #6e7a74;--line: #232c27;--line-strong: #2d3832;--green: #18c98a;--green-strong: #14b87a;--green-soft: color-mix(in srgb, var(--green) 16%, transparent);--on-green: #04130c;--button-primary-bg: var(--rail-active);--button-primary-fg: var(--rail-text-strong);--button-secondary-bg: #171717;--button-secondary-fg: #000000;--button-accent-bg: var(--green);--button-accent-fg: var(--on-green);--danger: #5a1c18;--danger-soft: color-mix(in srgb, var(--danger) 14%, transparent);--dotgrid: #232d27;--surface-line: #3b3b3b}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;color:var(--ink);background:var(--bg);font-family:Hanken Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ul,dl{margin:0}button{font:inherit}a{color:inherit}:where(button,a,input):focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}button{display:inline-flex;justify-content:center;align-items:center;min-height:2.75rem;gap:.5rem;border:none;background:none;padding:0 1.1rem;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:transform .15s ease,border-color .15s ease,background-color .15s ease,color .15s ease}button.primary{background-color:var(--button-primary-bg);color:var(--button-primary-fg)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding-bottom:2rem}.page-header .page-heading h1{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;letter-spacing:-.02em}.page-header .page-heading p{margin-top:.25rem;color:var(--muted)}.page-header .topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-left:auto}.page-header .primary{border-radius:6px}@media(max-width:560px){.page-header{flex-direction:column;align-items:stretch;gap:1rem;padding-bottom:1.25rem}.page-header .topbar-actions{justify-content:flex-end;margin-left:0}}@media(max-width:480px){.page-header .topbar-actions{gap:.75rem}}.passkey-offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:1.25rem;padding:1rem 1.1rem;border-radius:.9rem;background:var(--green-soft)}.passkey-offer-copy{display:grid;gap:.25rem;max-width:26rem}.passkey-offer-copy small{opacity:.75;font-size:.82rem;line-height:1.4}.passkey-offer-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;color:#fff;background:var(--button-primary-bg);border:0;border-radius:.6rem;font:inherit;font-weight:600;cursor:pointer}.passkey-offer-btn:disabled{opacity:.6;cursor:not-allowed}.passkey-offer-done{display:inline-flex;align-items:center;gap:.4rem;color:var(--green, #009667)}