.auth-card{max-width:26rem;padding:var(--space-8);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);margin-inline:auto}.auth-form{gap:var(--space-2);display:grid}.auth-form label{font-family:var(--font-body);font-size:var(--text-base);font-weight:700}.auth-form input{width:100%;min-height:var(--tap-target);padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-lg);color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:var(--r-md)}.auth-form input:focus-visible{outline:2px solid var(--action);outline-offset:2px}.auth-form input[aria-invalid=true]{border-color:var(--danger)}.auth-code-input{font-size:var(--text-2xl);letter-spacing:.3em;text-align:center;font-weight:700}.auth-hint{font-size:var(--text-sm);color:var(--ink-soft)}.auth-submit,.auth-social{width:100%;min-height:var(--tap-target);margin-top:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);text-align:center;border-radius:var(--r-btn);cursor:pointer;transition:background-color var(--duration-fast) ease;font-weight:700;display:block}.auth-submit{color:var(--on-action);background:var(--action);border:1px solid var(--action)}.auth-submit:hover:not(:disabled){background:var(--action-hover)}a.auth-submit{text-decoration:none}.auth-social{color:var(--ink);background:var(--ground);border:1px solid var(--ink)}.auth-social:hover:not(:disabled){background:var(--surface-sunken)}.auth-submit:disabled,.auth-social:disabled,.auth-actions button:disabled{opacity:.55;cursor:not-allowed}.auth-submit:focus-visible,.auth-social:focus-visible,.auth-actions button:focus-visible,.auth-signout:focus-visible{outline:2px solid var(--action);outline-offset:2px}.auth-divider{margin-block:var(--space-4);font-size:var(--text-sm);color:var(--ink-soft);text-align:center}.auth-actions{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.auth-actions button{font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.auth-actions button:hover:not(:disabled){color:var(--ink)}.auth-note,.auth-error{margin-top:var(--space-4);font-size:var(--text-sm)}.auth-note{color:var(--ink-soft)}.auth-error{padding:var(--space-3);color:var(--ink);background:var(--highlight-soft);border-inline-start:3px solid var(--danger);border-radius:var(--r-sm)}.auth-details{gap:var(--space-2) var(--space-4);margin-bottom:var(--space-6);grid-template-columns:auto 1fr;display:grid}.auth-details dt{font-size:var(--text-sm);color:var(--ink-soft)}.auth-details dd{font-size:var(--text-base);word-break:break-word}.auth-signout{min-height:var(--tap-target);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--ground);border:1px solid var(--ink);border-radius:var(--r-btn);cursor:pointer;font-weight:700}.auth-signout:hover{background:var(--surface-sunken)}.auth-section,.auth-danger{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--line)}.auth-section h2,.auth-danger h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.auth-secondary-link{margin-top:var(--space-3);color:var(--ink);font-weight:700;display:inline-block}.auth-danger-button{min-height:var(--tap-target);margin-top:var(--space-3);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);color:var(--danger);background:var(--ground);border:1px solid var(--danger);border-radius:var(--r-btn);cursor:pointer;font-weight:700}.auth-danger-button:hover:not(:disabled){color:var(--on-action);background:var(--danger)}.auth-danger-button:disabled{opacity:.55;cursor:not-allowed}.auth-danger-button:focus-visible{outline:2px solid var(--danger);outline-offset:2px}.auth-confirm-question{margin-top:var(--space-4);font-weight:700}