.auth-forms{display:grid;gap:10px;margin-top:14px}.auth-form{display:grid;gap:7px;padding:11px;border:1px solid #ececf3;border-radius:11px;background:#fafaff}.auth-form h4{margin:0 0 3px;font-size:11px;color:#44475a}.auth-form label{display:grid;gap:4px;color:#777b8d;font-size:10px}.auth-form input{width:100%;min-height:34px;padding:7px 9px;border:1px solid #e0e1e9;border-radius:7px;background:white;font:inherit}.auth-form button{min-height:34px;border:1px solid #ddd9fa;border-radius:7px;background:#f2f0ff;color:#6655cf;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.auth-form button:disabled{opacity:.55}.auth-reset-form{grid-template-columns:1fr auto;align-items:end;background:transparent;border:0;padding:0}.auth-reset-form label{min-width:0}.auth-reset-form button{white-space:nowrap}.login-note[data-error="1"]{color:#a33b35}.login-note[data-error="0"]{color:#4a8b6e}.apple-button{width:100%;min-height:40px;margin-top:8px;border:1px solid #17171c;border-radius:8px;background:#17171c;color:#fff;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.apple-button:hover{background:#2b2b32}.apple-logo{font-family:Arial,sans-serif;font-size:17px;line-height:0;margin-right:5px}.mobile-auth-tabs{display:none}@media(max-width:780px){.auth-reset-form{grid-template-columns:1fr}.auth-reset-form button{width:100%}}
@media(max-width:700px){
  body:has(#welcome:not(.hidden)) .mobile-auth-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 10px;padding:3px;border:1px solid #e8e8f0;border-radius:10px;background:#f5f5fa}
  body:has(#welcome:not(.hidden)) .mobile-auth-tab{min-height:32px;padding:0 4px;border:0;border-radius:7px;color:#76798a;background:transparent;font:600 10px 'DM Sans',sans-serif;cursor:pointer}
  body:has(#welcome:not(.hidden)) .mobile-auth-tab.active{color:#fff;background:#6857d5;box-shadow:0 3px 8px rgba(104,87,213,.24)}
  body:has(#welcome:not(.hidden)) .login-card:not(.auth-register-open):not(.auth-reset-open) #password-register-form,
  body:has(#welcome:not(.hidden)) .login-card:not(.auth-register-open):not(.auth-reset-open) #password-reset-form,
  body:has(#welcome:not(.hidden)) .login-card.auth-register-open #password-login-form,
  body:has(#welcome:not(.hidden)) .login-card.auth-register-open #password-reset-form,
  body:has(#welcome:not(.hidden)) .login-card.auth-reset-open #password-login-form,
  body:has(#welcome:not(.hidden)) .login-card.auth-reset-open #password-register-form{display:none}
  body:has(#welcome:not(.hidden)) .auth-forms{gap:0;margin-top:0}
  body:has(#welcome:not(.hidden)) .auth-form{gap:8px;padding:12px;border-radius:10px}
  body:has(#welcome:not(.hidden)) .auth-form h4{font-size:12px}
  body:has(#welcome:not(.hidden)) .auth-form input{min-height:39px;font-size:13px}
  body:has(#welcome:not(.hidden)) .auth-form button{min-height:40px;font-size:11px}
  body:has(#welcome:not(.hidden)) .auth-reset-form{padding:0;gap:8px}
}