.auth-page{--auth-bg:var(--color-chrome,#1a0e0e);--auth-surface:#241616;--auth-surface-raised:#2d1c1c;--auth-text:#f4efe7;--auth-muted:#c7bbb2;--auth-border:#3d2626;--auth-border-subtle:#301d1d;--auth-input:#150b0b;--auth-input-border:#442a2a;--auth-burgundy:#6b2936;--auth-burgundy-hover:#54202b;--auth-crimson-soft:#8a3b4c;--color-brand-accent:var(--auth-burgundy);--color-brand-accent-hover:var(--auth-burgundy-hover);background-color:var(--auth-bg);background-image:radial-gradient(circle at 50% 12%,#6b293629 0%,#0000 55%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem 1rem;display:flex}.auth-container{width:100%;max-width:460px}.auth-card{background:var(--auth-surface);border:1px solid var(--auth-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:0 16px 40px #00000073}.auth-header{text-align:center;margin-bottom:1.25rem}.auth-brand-icon{border:1px solid var(--auth-border);border-radius:var(--radius);background:#140b0b;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 8px;display:flex}.auth-brand-icon svg{color:#f4efe7;width:24px;height:24px}.auth-title{font-family:var(--font-wordmark);font-size:var(--text-2xl);color:var(--auth-text);letter-spacing:-.03em;margin:0;font-weight:700}.auth-subtitle{font-size:var(--text-sm);color:var(--auth-muted);margin:3px 0 0}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form .form-group{flex-direction:column;gap:4px;display:flex}.auth-form label{font-size:var(--text-sm);color:var(--auth-muted);font-weight:500}.input-field-wrap{background:var(--auth-input);border:1px solid var(--auth-input-border);border-radius:var(--radius);height:40px;transition:border-color .12s var(--ease-out), box-shadow .12s var(--ease-out);align-items:center;gap:8px;padding:0 10px;display:flex}.input-field-wrap:focus-within{border-color:#8a3848;box-shadow:0 0 0 1px #8a3848}.input-field-wrap .field-icon{color:#8c7a73;transition:color .12s var(--ease-out);flex-shrink:0}.input-field-wrap:focus-within .field-icon{color:#e5b8c0}.input-field-wrap input{width:100%;font-size:var(--text-base);color:var(--auth-text);flex:1;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.input-field-wrap input:-webkit-autofill{-webkit-text-fill-color:var(--auth-text);-webkit-box-shadow:0 0 0 1000px var(--auth-input) inset;box-shadow:0 0 0 1000px var(--auth-input) inset;transition:background-color 600000s,color 600000s}.input-field-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:var(--auth-text);-webkit-box-shadow:0 0 0 1000px var(--auth-input) inset;box-shadow:0 0 0 1000px var(--auth-input) inset;transition:background-color 600000s,color 600000s}.input-field-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--auth-text);-webkit-box-shadow:0 0 0 1000px var(--auth-input) inset;box-shadow:0 0 0 1000px var(--auth-input) inset;transition:background-color 600000s,color 600000s}.input-field-wrap input::placeholder{color:#8c7a73;font-size:var(--text-sm)}.input-field-wrap input#password::placeholder{color:#8c7a73;font-size:var(--text-xs)}.auth-field-hint{border-left:2px solid var(--auth-burgundy);border-radius:0 var(--radius) var(--radius) 0;color:var(--auth-muted);font-size:var(--text-sm);background:#190f0f;margin:5px 0 0;padding:8px 10px;line-height:1.5}.password-toggle-btn{color:#8c7a73;cursor:pointer;transition:color .12s var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.password-toggle-btn:hover{color:var(--auth-text)}.auth-submit-btn{width:100%;min-height:44px;font-size:var(--text-base);background:var(--auth-burgundy);color:#fff;border:1px solid var(--auth-burgundy);border-radius:var(--radius);cursor:pointer;transition:background-color .12s var(--ease-out), border-color .12s var(--ease-out);justify-content:center;align-items:center;margin-top:4px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #0000004d}.auth-submit-btn:active,.auth-submit-btn:hover{background:var(--auth-burgundy-hover);border-color:var(--auth-burgundy-hover)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error-box{border-radius:var(--radius);color:#fca5a5;font-size:var(--text-sm);animation:authShake .22s var(--ease-fast);background:#a3413f29;border:1px solid #a3413f61;align-items:center;gap:8px;padding:8px 12px;display:flex}.auth-error-box[hidden]{display:none}.auth-success-box{border-radius:var(--radius);color:#86efac;font-size:var(--text-sm);background:#1e6b432e;border:1px solid #a2ceb159;align-items:center;gap:8px;padding:8px 12px;display:flex}.auth-success-box[hidden]{display:none}.auth-footer{border-top:1px solid var(--auth-border);text-align:center;font-size:var(--text-xs);color:var(--auth-muted);margin-top:1rem;padding-top:.75rem}.auth-forgot-link,.auth-back-link{-webkit-tap-highlight-color:transparent;color:#d99ca8;transition:color var(--ease-out);margin-top:.8rem;text-decoration:none}.auth-forgot-link:hover,.auth-back-link:hover{color:#f0c3cc}.signup-preset-group{gap:5px!important}.signup-preset-group>div{width:100%}.signup-preset-hint{color:var(--auth-muted);font-size:var(--text-xs);margin:0;line-height:1.4}.signup-preset-dropdown{width:100%;position:relative}.signup-preset-dropdown .lean-dropdown-trigger{border:1px solid var(--auth-input-border);border-radius:var(--radius);background:var(--auth-input);width:100%;min-height:40px;color:var(--auth-text);font:inherit;font-size:var(--text-sm);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:0 11px;display:flex}.signup-preset-dropdown .lean-dropdown-trigger:focus-visible,.signup-preset-dropdown.is-open .lean-dropdown-trigger{border-color:#8a3848;outline:none}.signup-preset-dropdown.is-empty .lean-dropdown-label{color:#8c7a73}.signup-preset-dropdown .lean-dropdown-menu{z-index:20;border:1px solid var(--auth-border);border-radius:var(--radius);background:var(--auth-surface);padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 12px 28px #00000073}.signup-preset-dropdown .lean-dropdown-panel{flex-direction:column;gap:2px;display:flex}.signup-preset-dropdown .lean-dropdown-item{width:100%;color:var(--auth-text);text-align:left;font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.signup-preset-dropdown .lean-dropdown-item:hover,.signup-preset-dropdown .lean-dropdown-item:focus-visible,.signup-preset-dropdown .lean-dropdown-item.is-selected{background:#331f22;outline:none}.signup-preset-dropdown .lean-dropdown-check{opacity:0}.signup-preset-dropdown .lean-dropdown-item.is-selected .lean-dropdown-check{opacity:1}.signup-preset-dropdown.is-disabled .lean-dropdown-trigger{opacity:.58;cursor:not-allowed}.auth-submit-btn.is-loading{cursor:progress}.auth-submit-btn.is-loading:before{content:"";width:14px;height:14px;margin-right:var(--space-2);border:2px solid;border-right-color:#0000;border-radius:50%;animation:.7s linear infinite spin}.auth-submit-btn:focus-visible,.auth-forgot-link:focus-visible,.auth-back-link:focus-visible{outline:2px solid var(--auth-burgundy);outline-offset:3px}@media (width<=480px){.auth-page{padding:var(--space-4) var(--space-3)}.auth-card{padding:var(--space-6) var(--space-4)}}.auth-signup-link{font-size:var(--text-sm);font-weight:500;display:inline-block}.auth-legal-link{font-size:var(--text-xs);color:var(--auth-muted);text-decoration:underline}.auth-page .toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:.8rem;width:min(38rem,100vw - 3.2rem);display:flex;position:fixed;top:2rem;right:2rem}.auth-page .toast{border:1px solid var(--auth-border);border-left:3px solid var(--auth-border);border-radius:var(--radius);background:var(--auth-surface);width:100%;color:var(--auth-text);font-size:var(--text-sm);pointer-events:auto;animation:toastFadeIn .18s var(--ease-fast) forwards;transition:opacity .15s var(--ease-fast), transform .15s var(--ease-fast);align-items:center;gap:1rem;padding:1.2rem 1.4rem;font-weight:500;display:flex;box-shadow:0 8px 24px #4123261f}.auth-page .toast-icon{flex-shrink:0;width:16px;height:16px}.auth-page .toast-message{flex:1;line-height:1.45}.auth-page .toast-close{color:var(--auth-muted);font:inherit;font-size:var(--text-md);cursor:pointer;background:0 0;border:0;padding:0 .3rem;line-height:1}.auth-page .toast-success{border-left-color:var(--color-success-solid)}.auth-page .toast-success .toast-icon{color:var(--color-success-solid)}.auth-page .toast-error{border-left-color:var(--color-danger-solid)}.auth-page .toast-error .toast-icon{color:var(--color-danger-solid)}.auth-page .toast-warning{border-left-color:var(--color-warning-solid)}.auth-page .toast-warning .toast-icon{color:var(--color-warning-solid)}.auth-page .toast-info{border-left-color:var(--auth-burgundy)}.auth-page .toast-info .toast-icon{color:var(--auth-burgundy)}.auth-page .toast-hiding{opacity:0;transform:translateY(-.6rem)}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-.8rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.auth-page .toast-container{width:calc(100vw - 2rem);top:1rem;right:1rem}}