.auth-shell{background:rgb(var(--color-bg));color:rgb(var(--color-ink));justify-content:center;align-items:center;font-family:Sohne,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.auth-shell--immersive{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;background:#000;align-items:flex-end}.auth-artwork{border:0;width:100%;height:100%;position:fixed;inset:0}.auth-panel{z-index:1;flex-shrink:0;width:min(440px,100%);padding:36px 24px;position:relative}.auth-shell--immersive .auth-panel{padding-top:64px;padding-bottom:max(32px,env(safe-area-inset-bottom));margin-bottom:3vh}.auth-header-logo{object-fit:contain;width:180px;height:50px;margin:0 auto 36px;display:block}:root[data-theme=dark] .auth-header-logo{filter:invert()}:root[data-theme] .auth-shell--immersive .auth-header-logo{filter:none}.auth-theme-toggle{position:absolute;top:24px;right:24px}.auth-content{width:100%}.auth-eyebrow{color:rgb(var(--color-muted));text-align:center;margin-bottom:12px;font-size:12px}.auth-title{letter-spacing:-.7px;text-align:center;margin:0 0 16px;font-size:28px;font-weight:600;line-height:1.2}.auth-body{color:rgb(var(--color-muted));text-align:center;overflow-wrap:anywhere;margin:0 0 20px;font-size:14px;line-height:1.6}.auth-form,.auth-options{gap:12px;animation:.28s ease-out auth-step-in;display:grid}.auth-provider-button,.auth-primary-button,.auth-secondary-button,.auth-tertiary-button{font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;padding:16px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:flex}.auth-provider-button,.auth-primary-button{background:rgb(var(--color-action));color:rgb(var(--color-action-ink))}.auth-shell--immersive .auth-provider-button{color:#080808;background:#fff}.auth-secondary-button{background:rgb(var(--color-surface));color:rgb(var(--color-ink))}.auth-shell--immersive .auth-secondary-button{color:#fff;background:#282828}.auth-tertiary-button{color:rgb(var(--color-muted));background:0 0;min-height:44px;padding:10px;font-size:14px;font-weight:400}.auth-provider-icon{object-fit:contain;width:22px;height:22px}.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{color:rgb(var(--color-muted));font-size:14px}.auth-input{border:1px solid rgb(var(--color-line));background:rgb(var(--color-surface));width:100%;min-height:56px;color:rgb(var(--color-ink));font:inherit;border-radius:16px;outline:none;padding:16px 18px;font-size:16px}.auth-input:focus{border-color:#a87af1;box-shadow:0 0 0 2px #a87af122}.auth-code-field{height:58px;position:relative}.auth-code-boxes{pointer-events:none;gap:10px;height:100%;display:flex}.auth-code-box{border:1px solid rgb(var(--color-line));background:rgb(var(--color-surface));font-variant-numeric:tabular-nums;border-radius:14px;flex:1;justify-content:center;align-items:center;min-width:0;font-size:26px;font-weight:600;display:flex}.auth-code-field:focus-within .auth-code-box--active{border-color:#a87af1}.auth-code-input{opacity:0;cursor:text;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.auth-error{color:#ff8585;text-align:center;margin:16px 0;font-size:14px;line-height:1.5}.auth-footer{color:rgb(var(--color-muted));text-align:center;margin-top:24px;font-size:13px;line-height:1.5}@keyframes auth-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (height<=700px){.auth-shell--immersive .auth-panel{margin-bottom:0;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}}