.auth-signout{flex-shrink:0;padding:8px 14px;font-size:10px}body:has(.auth-page){height:100dvh;max-height:100dvh;overflow:hidden}:is(body:has(.auth-page) .playground-nav-shell,body:has(.auth-page) .site-footer){display:none!important}.auth-page{height:100dvh;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;justify-content:center;align-items:center;display:flex;overflow:hidden}.not-found-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.not-found-card{text-align:center;width:100%;max-width:480px}.not-found-code{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);opacity:.92;margin:8px 0 4px;font-size:clamp(72px,18vw,112px);font-weight:800;line-height:1}.not-found-card .page-title{margin-bottom:8px}.not-found-card .section-subtitle{margin-bottom:0}.not-found-actions{flex-direction:column;align-items:center;gap:12px;margin-top:28px;display:flex}.not-found-actions .btn-primary,.not-found-actions .btn-secondary{text-align:center;justify-content:center;align-items:center;width:100%;max-width:220px;text-decoration:none;display:inline-flex}.auth-card{width:100%;max-width:420px}.auth-form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.auth-page .input-text{font-size:16px}.auth-error{color:#c23d68;font-size:13px}.auth-link-error-banner{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.auth-link-error-copy{flex-direction:column;gap:6px;display:flex}.auth-link-error-title{color:#fca5a5;font-size:14px;font-weight:600}.auth-link-error-message{color:#fca5a5;margin:0;font-size:13px;line-height:1.5}.auth-callback-page{justify-content:center;align-items:center;min-height:60vh;padding:24px;display:flex}.auth-callback-card{width:100%;max-width:420px}.auth-callback-help{color:var(--text-secondary);margin:16px 0 0;font-size:14px;line-height:1.6}.auth-success{color:var(--text-primary);margin-top:16px;font-size:14px;line-height:1.6}.auth-card .section-subtitle{margin-top:12px}.auth-optional-hint{color:var(--text-secondary);opacity:.8;font-weight:400}.auth-redirect-hint{color:var(--text-secondary);opacity:.75;margin-top:8px;font-size:.85rem}.auth-switch{color:var(--text-secondary);margin-top:18px;font-size:13px}.auth-switch a{color:var(--text-primary);font-weight:600}.auth-verification-actions{justify-content:flex-end;margin-top:20px;display:flex}
