.auth-options { display:flex; flex-wrap:wrap; gap:10px; }
.auth-options button { min-height:48px; padding:10px 16px; font-size:15px; font-weight:700; border-radius:6px; }
.auth-google { color:#202124; background:#fff; border:1px solid #dadce0; }
.auth-google:hover { background:#edf2f6; }
#auth-user { font-size:14px; overflow-wrap:anywhere; max-width:100%; }
#auth-dialog { width:min(440px,calc(100% - 24px)); max-height:calc(100dvh - 24px); padding:24px; overflow:auto; }
#auth-dialog h2 { font-size:24px; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; margin:20px 0; border-bottom:1px solid var(--line); }
.auth-tabs button { background:none; border:0; border-bottom:3px solid transparent; color:var(--muted); padding:12px 4px; min-height:46px; font-size:15px; font-weight:700; }
.auth-tabs [aria-selected=true] { border-color:var(--green); color:var(--green); }
#auth-form { display:grid; gap:18px; }
#auth-form input { height:50px; font-size:16px; }
#auth-form .primary,.auth-verification-actions button { min-height:50px; font-size:16px; width:100%; }
.auth-feedback { min-height:24px; margin:16px 0 0; line-height:1.5; color:var(--red); font-size:14px; overflow-wrap:anywhere; }
.auth-feedback.success { color:var(--green); }
#auth-verification p { line-height:1.6; color:var(--muted); overflow-wrap:anywhere; }
.auth-verification-actions { display:grid; gap:12px; }
@media(max-width:480px) { .auth-options { width:100%; display:grid; grid-template-columns:1fr; } #auth-dialog { padding:20px; } }