.auth-flow{--auth-bg-page: #121212;--auth-surface: #171717;--auth-surface-mid: #1c1c1c;--auth-input: #242424;--auth-input-hover: #2a2a2a;--auth-text: #eaeaea;--auth-text-muted: #9a9a9a;--auth-text-quiet: #6b6b6b;--auth-radius-lg: 14px;--auth-radius-md: 10px;--auth-radius-sm: 8px;--auth-space-1: 8px;--auth-space-2: 12px;--auth-space-3: 16px;--auth-space-4: 20px;--auth-space-5: 24px;--auth-space-6: 32px;--auth-max-width: 26rem;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;max-width:100%;margin:0 auto;padding:var(--auth-space-5) var(--auth-space-3);min-height:0;box-sizing:border-box}@media(min-width:480px){.auth-flow{padding:var(--auth-space-6) var(--auth-space-5)}}.auth-flow__surface{width:100%;max-width:var(--auth-max-width);margin:0 auto;background-color:var(--auth-surface);border-radius:var(--auth-radius-lg);padding:var(--auth-space-5) var(--auth-space-4) var(--auth-space-6);box-sizing:border-box}.auth-flow--hub .auth-flow__surface{max-width:28rem}.auth-flow--notice .auth-flow__surface{max-width:32rem}.auth-flow__toolbar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--auth-space-2);min-height:44px;margin:calc(var(--auth-space-1) * -1) calc(var(--auth-space-2) * -1) var(--auth-space-4);padding:var(--auth-space-1) var(--auth-space-2) 0}.auth-flow__back{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:0;border:none;border-radius:var(--auth-radius-sm);background-color:transparent;color:var(--auth-text-muted);text-decoration:none;cursor:pointer}.auth-flow__back:hover{color:var(--auth-text);background-color:var(--auth-input)}.auth-flow__back:focus-visible{outline:2px solid var(--color-rose);outline-offset:2px}.auth-flow__back-icon{display:block;flex-shrink:0}.auth-flow__aside{margin-left:auto;padding:10px 12px;font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:var(--color-rose-link);text-decoration:none;border-radius:var(--auth-radius-sm)}.auth-flow__aside:hover{color:var(--color-rose-link-emphasis-hover);text-decoration:underline}.auth-flow__intro{margin-bottom:var(--auth-space-5)}.auth-flow__intro--center{text-align:center}.auth-flow__title{margin:0 0 var(--auth-space-2);font-size:1.375rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--auth-text)}.auth-flow__lede{margin:0;font-size:.9375rem;line-height:1.55;color:var(--auth-text-muted)}.auth-flow__lede--follow{margin-top:var(--auth-space-3)}.auth-flow__inline-link{color:var(--auth-text);text-decoration:underline;text-underline-offset:2px}.auth-flow__inline-link:hover{color:#fff}.auth-flow__actions{display:flex;flex-direction:column;gap:var(--auth-space-2)}.auth-flow__action{display:block;width:100%;box-sizing:border-box;padding:15px 20px;font-size:1rem;font-weight:600;line-height:1.35;text-align:center;text-decoration:none;border-radius:var(--auth-radius-md);cursor:pointer}.auth-flow__action--primary{color:#fff;background-color:var(--color-rose)}.auth-flow__action--primary:hover{background-color:var(--color-rose-hover);color:#fff}.auth-flow__action--quiet{color:var(--auth-text);background-color:var(--auth-surface-mid)}.auth-flow__action--quiet:hover{background-color:var(--auth-input-hover);color:var(--auth-text)}.auth-flow__form{display:flex;flex-direction:column;gap:var(--auth-space-4)}.auth-flow .form-field{gap:var(--auth-space-1)}.auth-flow .form-field label{font-size:.8125rem;font-weight:500;letter-spacing:.02em;color:var(--auth-text-muted)}.auth-flow .form-field input{padding:14px 16px;font-size:1rem;background-color:var(--auth-input);color:var(--auth-text);border:none;border-radius:var(--auth-radius-sm)}.auth-flow .form-field input::placeholder{color:var(--auth-text-quiet)}.auth-flow .form-field-input-row{background-color:var(--auth-input);border-radius:var(--auth-radius-sm)}.auth-flow .form-field-input-row input.form-field-input-row-control{padding-right:12px}.auth-flow__optional{display:flex;flex-direction:column;gap:var(--auth-space-3);padding:var(--auth-space-4) var(--auth-space-3) var(--auth-space-3);margin-top:var(--auth-space-2);background-color:var(--auth-surface-mid);border-radius:var(--auth-radius-md)}.auth-flow__optional-heading{margin:0 0 var(--auth-space-2);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--auth-text-quiet)}.auth-flow__hint{margin:0}.auth-flow__error{font-size:.875rem;line-height:1.45;color:var(--color-validation-error);margin:0}.auth-flow__submit{margin-top:var(--auth-space-1)}.auth-flow__submit .btn-primary{width:100%;padding:15px 20px;font-size:1rem;font-weight:600;border-radius:var(--auth-radius-md)}.btn-primary{padding:12px 24px;font-size:1rem;font-weight:600;color:#fff;background-color:var(--color-rose);border:none;border-radius:10px;cursor:pointer}.btn-primary:hover:not(:disabled){background-color:var(--color-rose-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{padding:12px 24px;font-size:1rem;font-weight:600;color:var(--auth-text);background-color:var(--auth-surface-mid);border:none;border-radius:10px;cursor:pointer}.link-btn{display:block;width:100%;margin-top:20px;padding:0;border:none;background:transparent;color:var(--auth-text-muted);text-align:center;font-size:.875rem;cursor:pointer}.link-btn:hover{color:var(--auth-text)}.login-form{display:flex;flex-direction:column;gap:var(--auth-space-4)}.login-error{font-size:.875rem;color:var(--color-validation-error);margin:0}.login-hint{font-size:.75rem;line-height:1.5;color:var(--auth-text-quiet)}.login-panel[hidden]{display:none}.login-link{display:block;text-align:center;margin-top:20px;font-size:.875rem;color:var(--auth-text-muted);text-decoration:none}.login-link:hover{color:var(--auth-text)}.login-text-link{color:var(--auth-text);text-decoration:underline}.login-text-link:hover{color:#fff}.login-button{padding:12px 24px;font-size:1rem;font-weight:600;color:#fff;background-color:var(--color-rose);border:none;border-radius:var(--auth-radius-md, 10px);cursor:pointer;margin-top:8px}.login-button:hover:not(:disabled){background-color:var(--color-rose-hover)}.login-button:disabled{opacity:.55;cursor:not-allowed}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:.875rem;font-weight:500;color:var(--auth-text)}.login-field input{padding:12px 14px;font-size:1rem;background-color:var(--auth-input);color:var(--auth-text);border:none;border-radius:var(--auth-radius-sm)}.login-secondary-button{width:100%;padding:12px 16px;border:none;border-radius:var(--auth-radius-md);background:var(--auth-surface-mid);color:var(--auth-text);font-size:.95rem;cursor:pointer}.login-secondary-button:hover{background:var(--auth-input-hover)}.login-link-button{display:block;width:100%;margin-top:20px;padding:0;border:none;background:transparent;color:var(--auth-text-muted);text-align:center;font-size:.875rem;cursor:pointer}.login-link-button:hover{color:var(--auth-text)}.guest-username-wand{box-sizing:border-box;display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:44px;margin:0;padding:0 12px;border:none;background-color:transparent;color:#eaeaea;cursor:pointer}.guest-username-wand:hover{color:#fff}.guest-username-wand:focus-visible{outline:2px solid var(--color-rose);outline-offset:2px}.guest-username-wand-icon{display:block;flex-shrink:0}@keyframes guest-username-wand-flash{0%{color:#eaeaea}40%{color:var(--color-rose)}to{color:#eaeaea}}.guest-username-wand--flash{animation:guest-username-wand-flash .45s ease forwards}