.auth-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{background:var(--color-surface);width:100%;max-width:420px;box-shadow:12px 12px 30px #00000026, -12px -12px 30px var(--color-text-primary);border-radius:20px;padding:2.5rem;position:relative}.auth-close{background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:10px;padding:.5rem;transition:all .2s;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #0003}.auth-close:hover{color:var(--color-text-primary);box-shadow:0 4px 16px #0000004d}.auth-title{text-align:center;color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{background:var(--color-surface);border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex;box-shadow:inset 1px 1px 4px #0003}.auth-field svg{color:var(--color-text-muted);flex-shrink:0}.auth-field input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.auth-field input::placeholder{color:var(--color-text-muted)}.auth-field-error{color:#ef4444;margin-top:-.75rem;padding-left:.25rem;font-size:.75rem}.auth-submit{width:100%;color:var(--color-text-primary);cursor:pointer;box-shadow:4px 4px 15px #6366f14d, -3px -3px 10px var(--color-border-strong);background:linear-gradient(145deg,#0071e3,#005bb5);border:none;border-radius:12px;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s}.auth-submit:hover{box-shadow:6px 6px 20px #6366f166, -4px -4px 12px var(--color-border-strong);transform:translateY(-2px)}.auth-submit:active{transform:translateY(0)}.auth-error{color:#ef4444;text-align:center;background:linear-gradient(145deg,#fef2f2,#fee2e2);border-radius:10px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.auth-divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-divider span{color:var(--color-text-muted);font-size:.8125rem}.auth-social{gap:.75rem;display:flex}.auth-social-btn{cursor:pointer;background:var(--color-surface);color:var(--color-text-secondary);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #0003}.auth-social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.auth-social-btn:active{transform:translateY(0);box-shadow:inset 1px 1px 4px #0003}.auth-social-btn.apple{color:var(--color-text-primary);background:linear-gradient(145deg,#1a1a1a,#000)}.auth-social-btn.google{background:var(--color-surface);color:#333}.auth-switch{text-align:center;color:var(--color-text-secondary);margin-top:1.5rem;font-size:.875rem}.auth-switch button{color:#0071e3;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:600}.auth-switch button:hover{text-decoration:underline}