.auth-modal{z-index:1000;background:#14102073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal .dialog{z-index:1001;width:100%;max-width:420px;padding:24px 22px 26px;position:relative}.auth-modal .close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:10px;right:12px}.auth-modal .tabs{background:var(--surface-muted);border-radius:var(--radius-sm);gap:4px;margin-bottom:18px;padding:3px;display:flex}.auth-modal .tab{cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 10px;font-size:.8125rem}.auth-modal .tab.active{background:var(--card-bg);color:var(--main-color);font-weight:600}.auth-modal .title{margin-bottom:6px;font-size:1.125rem;font-weight:700}.auth-modal .lead{color:var(--text-secondary);margin-bottom:18px;font-size:.8125rem;line-height:1.5}.auth-modal .form{gap:14px;display:grid}.auth-modal .field{gap:6px;display:grid}.auth-modal .label{font-size:.8125rem;font-weight:600}.auth-modal .form-error{color:#c62828;font-size:.75rem}.auth-modal .form-error.global{margin-top:-4px}.auth-modal .submit-btn{width:100%;margin-top:4px}.auth-modal .link-btn{color:var(--main-color-light);cursor:pointer;background:0 0;border:none;justify-self:start;padding:0;font-size:.8125rem;text-decoration:underline}.auth-modal .code-hint{color:var(--text-secondary);background:var(--surface-color);border-radius:var(--radius-md);padding:10px 12px;font-size:.8125rem;line-height:1.5}.auth-modal .code-hint strong{color:var(--main-color);letter-spacing:.15em}.auth-modal .actions-row{gap:8px;display:flex}.auth-modal .actions-row .submit-btn{flex:1}.auth-modal .code-input{letter-spacing:.25em;text-align:center;font-size:1.125rem}.auth-modal .social-auth{border-top:1px solid var(--border-color);margin-top:18px;padding-top:18px}.auth-modal .social-label{color:var(--text-muted);text-align:center;margin-bottom:10px;font-size:.8125rem}.auth-modal .social-buttons{gap:8px;display:flex}.auth-modal .social-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-muted);color:var(--text-muted);cursor:not-allowed;flex:1;padding:10px 12px;font-size:.8125rem;font-weight:600}.auth-modal .social-note{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.75rem;line-height:1.45}@media only screen and (width>=1200px){.auth-modal .title{font-size:1.25rem}.auth-modal .label,.auth-modal .lead{font-size:.875rem}}