.auth-popup{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-s);animation:auth-in var(--dur) var(--ease)}@supports not (backdrop-filter:blur(1px)){.auth-popup{background:rgba(7,9,13,.95)}}@keyframes auth-in{from{opacity:0}to{opacity:1}}.auth-popup-content{position:relative;width:min(26rem,100%);max-height:min(90vh,44rem);overflow-y:auto;padding:var(--space-l) var(--space-m) var(--space-m);background:var(--surface-1);box-shadow:inset 0 1px 0 rgba(232,234,239,.1);--ch:1rem;clip-path:polygon(0 0,calc(100% - var(--ch)) 0,100% var(--ch),100% 100%,var(--ch) 100%,0 calc(100% - var(--ch)))}.auth-popup-title{display:block;margin-bottom:var(--space-l);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:500;text-transform:uppercase;line-height:1.1}.auth-close{position:absolute;top:var(--space-2xs);right:var(--space-2xs);display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.5rem;line-height:1;color:var(--fg-dim);cursor:pointer;transition:color var(--dur-fast) var(--ease)}.auth-close:hover{color:var(--fg)}.auth-popup-content form{display:flex;flex-direction:column;gap:var(--space-2xs)}.auth-popup-content label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-muted)}.auth-popup-content input,.auth-popup-content select{width:100%;min-height:44px}.auth-popup-content button[type=submit]{--ch:.6rem;--btn-pad:0;--btn-h:46px;margin-top:var(--space-s)}.auth-popup-content button[type=submit]:hover{background:var(--accent-2)}.auth-popup-content>div{margin-top:var(--space-s);text-align:center}.auth-popup-content>div span{font-size:var(--text-sm);color:var(--fg-muted)}#register-link,#send-new-verification-code{color:var(--accent);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}#register-link:hover,#send-new-verification-code:hover{color:var(--accent-2)}#reset-password-link{align-self:flex-start;margin-top:calc(-1 * var(--space-3xs))}#reset-password-link small{transition:color var(--dur-fast) var(--ease)}#reset-password-link:hover small{color:var(--accent)}#register-popup form>div:first-child,#register-popup form>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xs) var(--space-2xs)}#register-popup form>div:nth-child(2){grid-template-columns:2fr 1fr}#verify-popup p{margin-bottom:var(--space-m);font-size:var(--text-sm);line-height:1.5;color:var(--fg-muted);text-align:center}#verifyForm label{text-align:center}.verification-code-container{display:flex;gap:var(--space-2xs);justify-content:center;margin-block:var(--space-2xs) var(--space-s)}.verification-code-digit{flex:0 0 3rem;height:3.75rem;padding:0;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:500;text-align:center;color:var(--fg);background:var(--surface-2);border:1px solid var(--hairline-bright);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.verification-code-digit:focus{outline:0;border-color:var(--accent);background:var(--surface-3)}#verificationCode{display:none}#verify-popup .auth-close{display:none}@media (max-width:599px){.auth-popup{padding:0}.auth-popup-content{width:100%;max-height:100vh;height:100%;padding:var(--space-3xl) var(--space-m) var(--space-l);clip-path:none}.auth-close{top:var(--space-s);right:var(--space-s)}.verification-code-digit{flex:0 0 3.25rem;height:4rem}}@media (prefers-reduced-motion:reduce){.auth-popup{animation:none}}