.add-passkey-screen{border:1px solid var(--color-divider);background:var(--color-canvas);border-radius:1rem;width:min(100%,25rem);margin-inline:auto;padding:clamp(1.5rem,6vw,2rem)}.add-passkey-screen__icon{fill:none;width:2rem;height:2rem;stroke:var(--color-focus);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:1.25rem}.add-passkey-screen__step{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.add-passkey-screen h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.2}.add-passkey-screen__description{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:.75rem 0 0;line-height:1.6}.add-passkey-screen__actions,.add-passkey-screen>.add-passkey-screen__button{margin-top:2rem}.add-passkey-screen__actions{gap:.5rem;display:grid}.add-passkey-screen__button{cursor:pointer;touch-action:manipulation;border:0;border-radius:.625rem;width:100%;min-height:3rem;padding:.75rem 1rem;font-weight:700}.add-passkey-screen__button--primary{color:var(--color-on-action);background:var(--color-action)}.add-passkey-screen__button--secondary{color:var(--color-text-secondary);text-underline-offset:.2em;background:0 0;text-decoration:underline}.add-passkey-screen__button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.add-passkey-screen__button--primary:hover{opacity:.82}.add-passkey-screen__button--secondary:hover{color:var(--color-text-primary)}}.enrollment-screen{border-block:1px solid var(--color-divider);width:min(100%,25rem);margin-inline:auto;padding-block:1.5rem}.enrollment-screen__label{color:var(--color-text-secondary);letter-spacing:.08em;margin:0 0 .75rem;font-size:.8125rem}.enrollment-screen h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.2}.enrollment-screen__intro{color:var(--color-text-secondary);margin:.75rem 0 0;line-height:1.6}.enrollment-form{gap:1rem;margin-top:2rem;display:grid}.enrollment-form__field{gap:.5rem;display:grid}.enrollment-form label{font-weight:600}.enrollment-form input{border:1px solid var(--color-divider);width:100%;min-height:3rem;color:var(--color-text-primary);background:var(--color-canvas);border-radius:.5rem;padding:.75rem;font-size:1rem}.enrollment-form input:focus-visible,.enrollment-form button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.enrollment-form__help,.enrollment-feedback{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.5}.enrollment-form button{min-height:3rem;color:var(--color-on-action);background:var(--color-action);cursor:pointer;border:0;border-radius:.625rem;padding:.75rem 1rem;font-weight:700}.enrollment-form button:disabled{cursor:default;opacity:.55}.enrollment-feedback--error{color:var(--color-error)}.login-screen{border-block:1px solid var(--color-divider);width:min(100%,25rem);margin-inline:auto;padding-block:1.5rem}.login-screen__label{color:var(--color-text-secondary);letter-spacing:.08em;margin:0 0 .75rem;font-size:.8125rem}.login-screen h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.2}.login-screen__intro{color:var(--color-text-secondary);margin:.75rem 0 0;line-height:1.6}.login-screen__actions{gap:1rem;margin-top:2rem;display:grid}.login-screen button{min-height:3rem;color:var(--color-on-action);background:var(--color-action);cursor:pointer;touch-action:manipulation;border:0;border-radius:.625rem;padding:.75rem 1rem;font-weight:700}.login-screen button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.login-screen button:disabled{cursor:default;opacity:.55}.login-feedback{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.5}.login-feedback--error{color:var(--color-error)}.auth-gate{border-block:1px solid var(--color-divider);width:min(100%,25rem);margin-inline:auto;padding-block:1.5rem}.auth-gate p{color:var(--color-text-secondary);margin:0;line-height:1.6}.auth-gate button{min-height:3rem;color:var(--color-on-action);background:var(--color-action);cursor:pointer;touch-action:manipulation;border:0;border-radius:.625rem;margin-top:1.5rem;padding:.75rem 1rem;font-weight:700}.auth-gate button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.logout-control{gap:1rem;margin-top:1.5rem;display:grid}.auth-gate .logout-button{margin-top:0}.logout-button:disabled{cursor:default;opacity:.55}.auth-gate .logout-feedback--error{color:var(--color-error)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-canvas:#f7f6f2;--color-text-primary:#242625;--color-text-secondary:#666a67;--color-divider:#d9dbd7;--color-action:#242625;--color-on-action:#f7f6f2;--color-error:#9b352f;--color-focus:#5f6f63;--space-page-inline:1.5rem;--space-page-block:2rem;--font-family-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-canvas:#171918;--color-text-primary:#f1f2ef;--color-text-secondary:#b2b6b1;--color-divider:#383b38;--color-action:#f1f2ef;--color-on-action:#171918;--color-error:#f1a29b;--color-focus:#a8b8ab}}*{box-sizing:border-box}html{background:var(--color-canvas);font-family:var(--font-family-ui)}body{min-width:320px;min-height:100dvh;color:var(--color-text-primary);background:var(--color-canvas);text-rendering:optimizelegibility;margin:0}button,input,textarea,select{font:inherit}.app-shell{min-height:100dvh;padding:max(var(--space-page-block), env(safe-area-inset-top)) max(var(--space-page-inline), env(safe-area-inset-right)) max(var(--space-page-block), env(safe-area-inset-bottom)) max(var(--space-page-inline), env(safe-area-inset-left));place-items:center stretch;display:grid}.skeleton-status{border-block:1px solid var(--color-divider);width:min(100%,32rem);margin-inline:auto;padding-block:1.5rem}.skeleton-status__label{color:var(--color-text-secondary);letter-spacing:.08em;margin:0 0 .75rem;font-size:.8125rem}.skeleton-status h1{margin:0;font-size:clamp(1.5rem,7vw,2.25rem);line-height:1.2}.skeleton-status p:last-child{max-width:28rem;color:var(--color-text-secondary);margin:.75rem 0 0;line-height:1.7}.route-loading{min-height:100dvh;padding:max(2rem, env(safe-area-inset-top)) max(var(--space-page-inline), env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(var(--space-page-inline), env(safe-area-inset-left));color:var(--color-text-secondary);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}