:root{--paper:#f2ede4;--paper-deep:#e5dccf;--ink:#29251f;--muted:#6f675d;--line:#c9beaf;--accent:#6e4e35;--danger:#9b352d;--success:#426648}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:var(--paper);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}.site-header{border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,72px);display:flex}.wordmark{letter-spacing:.18em;font:700 24px/1 Georgia,Times New Roman,serif;text-decoration:none}.header-note{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.page-frame{place-items:center;min-height:calc(100vh - 90px);padding:56px 24px 84px;display:grid}.auth-shell{width:min(100%,480px)}.auth-shell.wide{width:min(100%,760px)}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:700}h1,h2{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{margin:12px 0 18px;font-size:clamp(38px,7vw,58px);line-height:1.02}h2{margin:0 0 10px;font-size:26px}.lede{color:var(--muted);max-width:54ch;margin:0 0 34px;font-size:17px}.form{gap:20px;display:grid}.field{gap:8px;display:grid}.field span{letter-spacing:.04em;font-size:13px;font-weight:700}input{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;border-radius:0;outline:none;padding:13px 0}input:focus{border-color:var(--accent);box-shadow:0 1px 0 var(--accent)}input[type=checkbox]{width:auto;accent-color:var(--accent)}.checkbox{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.primary,.secondary,.danger{border:1px solid var(--ink);letter-spacing:.04em;border-radius:2px;min-height:46px;padding:11px 20px}.primary{background:var(--ink);color:var(--paper)}.secondary{color:var(--ink);background:0 0}.danger{border-color:var(--danger);color:var(--danger);background:0 0}.primary:disabled,.secondary:disabled,.danger:disabled{cursor:not-allowed;opacity:.5}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.text-link{text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.divider{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:14px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.notice,.error{border-left:2px solid;margin:0;padding:13px 15px;font-size:14px}.notice{border-color:var(--success);background:#42664812}.error{border-color:var(--danger);color:var(--danger);background:#9b352d12}.subnav{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:30px;font-size:14px;display:flex}.settings-list{border-top:1px solid var(--line);display:grid}.settings-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:24px 0;display:grid}.settings-row p{color:var(--muted);margin:4px 0 0}.passkey-list,.session-list,.backup-codes{margin:0;padding:0;list-style:none}.passkey-list li,.session-list li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:16px;padding:18px 0;display:grid}.muted{color:var(--muted)}.small{font-size:13px}.qr{background:#fff;width:220px;height:220px;padding:12px;display:block}.secret{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.backup-codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding:18px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.stack{gap:18px;display:grid}@media (max-width:560px){.site-header{padding:22px 20px}.header-note{display:none}.page-frame{place-items:start center;padding:44px 20px 64px}.settings-row,.passkey-list li,.session-list li{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.auth-shell{animation:.35s ease-out both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}}}