.auth-shell{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:rgb(var(--color-bg));color:rgb(var(--color-ink));font-family:Sohne,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-shell--immersive{background:#000;color:#fff;--color-ink:255 255 255;--color-muted:163 163 163;--color-line:65 65 65;--color-surface:23 23 23;--color-action:255 255 255;--color-action-ink:11 11 11 }.auth-panel{position:relative;width:min(440px,100%);padding:36px 24px;z-index:1;flex-shrink:0}.auth-shell--immersive .auth-panel{padding-top:64px;padding-bottom:max(32px,env(safe-area-inset-bottom))}.auth-header-logo{display:block;width:180px;height:50px;object-fit:contain;margin:0 auto 36px}:root[data-theme=dark] .auth-header-logo{filter:invert(1)}:root[data-theme] .auth-shell--immersive .auth-header-logo{filter:none}.auth-theme-toggle{position:absolute;top:24px;right:24px}.auth-content{position:relative;width:100%}.auth-content>.auth-loading{position:absolute;top:-28px;left:0;right:0;margin:0}.auth-eyebrow{font-size:12px;color:rgb(var(--color-muted));margin-bottom:12px;text-align:center}.auth-title{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.7px;margin:0 0 16px;text-align:center}.auth-body{font-size:14px;line-height:1.6;color:rgb(var(--color-muted));text-align:center;margin:0 0 20px;overflow-wrap:anywhere}.auth-form,.auth-options{display:grid;gap:12px;animation:auth-step-in .28s ease-out}.auth-provider-button,.auth-primary-button,.auth-secondary-button,.auth-tertiary-button{font:inherit;font-size:16px;font-weight:600;border-radius:999px;min-height:56px;padding:16px 22px;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;transition:opacity .15s,transform .15s;border:0;text-decoration:none;width:100%}.auth-provider-button,.auth-primary-button{background:rgb(var(--color-action));color:rgb(var(--color-action-ink))}.auth-shell--immersive .auth-provider-button{background:#fff;color:#080808}.auth-secondary-button{background:rgb(var(--color-surface));color:rgb(var(--color-ink))}.auth-shell--immersive .auth-secondary-button{background:#282828;color:#fff}.auth-tertiary-button{background:transparent;color:rgb(var(--color-muted));font-weight:400;font-size:14px;min-height:44px;padding:10px}.auth-provider-icon{width:22px;height:22px;object-fit:contain}.auth-provider-button:hover:not(:disabled),.auth-primary-button:hover:not(:disabled),.auth-secondary-button:hover:not(:disabled){opacity:.85}.auth-provider-button:active:not(:disabled),.auth-primary-button:active:not(:disabled){transform:scale(.99)}.auth-provider-button:disabled,.auth-primary-button:disabled,.auth-secondary-button:disabled,.auth-tertiary-button:disabled{opacity:.45;cursor:default}.auth-label{font-size:14px;color:rgb(var(--color-muted))}.auth-input{width:100%;min-height:56px;border:1px solid rgb(var(--color-line));border-radius:16px;background:rgb(var(--color-surface));color:rgb(var(--color-ink));font:inherit;font-size:16px;padding:16px 18px;outline:none}.auth-input:focus{border-color:#a87af1;box-shadow:0 0 0 2px #a87af122}.auth-code-field{position:relative;height:58px}.auth-code-boxes{display:flex;gap:10px;height:100%}.auth-code-box{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgb(var(--color-line));background:rgb(var(--color-surface));font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;padding:0;width:0;cursor:text;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.auth-code-field:focus-within .auth-code-box--active{border-color:#a87af1}.auth-error{font-size:14px;line-height:1.5;color:#ff8585;margin:16px 0;text-align:center}.auth-footer{font-size:13px;line-height:1.5;color:rgb(var(--color-muted));margin-top:24px;text-align:center}@keyframes auth-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-height:700px){.auth-shell--immersive .auth-panel{padding-bottom:20px}.auth-header-logo{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.auth-form,.auth-options{animation:none}.auth-provider-button,.auth-primary-button,.auth-secondary-button{transition:none}}.vault-lock-overlay{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;background:rgb(var(--color-canvas) / 62%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.vault-checking-overlay{position:fixed;z-index:999;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-canvas) / 48%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.vault-lock-dialog{width:min(380px,calc(100vw - 56px));padding:24px;border:1px solid rgb(var(--color-line));border-radius:24px;background:rgb(var(--color-bg))}.vault-lock-eyebrow{margin-bottom:10px;color:rgb(var(--color-muted));font-size:11px;font-weight:600;text-transform:uppercase}.vault-lock-dialog h2{margin:0 0 8px;color:rgb(var(--color-ink));font-size:26px;font-weight:650}.vault-lock-dialog>p:not(.auth-error){margin:0 0 22px;color:rgb(var(--color-muted));font-size:14px;line-height:1.5}.action-passkey-notice{position:fixed;z-index:1100;top:24px;left:24px;display:flex;width:min(390px,calc(100vw - 48px));align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgb(var(--color-line));border-radius:24px;background:rgb(var(--color-bg))}.action-passkey-notice div{display:grid;gap:3px}.action-passkey-notice strong{color:rgb(var(--color-ink));font-size:13px;font-weight:650}.action-passkey-notice span{color:rgb(var(--color-muted));font-size:12px}.action-passkey-notice button{border:0;background:transparent;color:rgb(var(--color-muted));font:inherit;font-size:12px;cursor:pointer}.action-passkey-notice button:hover{color:rgb(var(--color-ink))}:root{color-scheme:light;background:#fdfdfc;-webkit-text-size-adjust:100%;text-size-adjust:100%;--color-canvas: 253 253 252;--color-bg: 253 253 252;--color-ink: 17 17 18;--color-muted: 109 109 104;--color-faint: 136 136 126;--color-line: 224 223 216;--color-bad: 155 41 41;font-family:Tab Sans,-apple-system,BlinkMacSystemFont,sans-serif}body{margin:0}button,input{font:inherit}button{cursor:pointer}
