dialog{background:#121219;border:1px solid rgba(255,255,255,.14);border-radius:24px;color:var(--ink);max-width:440px;padding:34px;width:calc(100% - 32px)}
dialog::backdrop{background:rgba(3,3,7,.8);backdrop-filter:blur(8px)}
dialog h2{font-size:2rem;margin:10px 0}.dialog-close{background:transparent;color:var(--muted);font-size:1.6rem;padding:6px;position:absolute;right:18px;top:12px}.dialog-intro,.safe-note,#account-summary p{color:var(--muted);line-height:1.5}
form{display:grid;gap:18px;margin-top:26px}label{display:grid;font-size:.82rem;font-weight:700;gap:8px}input{background:#09090d;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:var(--ink);font:inherit;padding:13px 14px}input:focus{border-color:var(--gold);outline:2px solid rgba(242,184,75,.16)}
.submit{width:100%}.form-message{color:#ff8a8a;font-size:.82rem;min-height:1.2em;margin:0}.secondary{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--ink);margin-top:14px}.safe-note{font-size:.82rem}#account-email{display:block;overflow-wrap:anywhere}
.dialog-account-link{display:block;margin-top:20px;text-align:center}.dialog-account-link+.secondary{width:100%}
.auth-tabs{background:#09090d;border:1px solid rgba(255,255,255,.12);border-radius:999px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin:22px 0 14px;padding:4px}.auth-tabs button{background:transparent;color:var(--muted);font-size:.76rem;padding:10px}.auth-tabs button.active{background:rgba(255,255,255,.09);color:var(--ink)}
.google-auth{align-items:center;background:#fff;color:#242128;display:flex;gap:12px;justify-content:center;width:100%}.google-auth span{align-items:center;border:1px solid #ddd;border-radius:50%;color:#4285f4;display:flex;font-family:Arial,sans-serif;height:24px;justify-content:center;width:24px}
.auth-divider{align-items:center;color:var(--muted);display:flex;font-size:.7rem;gap:12px;margin:18px 0 0}.auth-divider::before,.auth-divider::after{background:rgba(255,255,255,.1);content:"";height:1px;flex:1}.auth-divider span{white-space:nowrap}
#auth-choices+form{margin-top:18px}
#account-summary .submit{margin-top:20px}
@media(max-width:560px){dialog{border-radius:18px;padding:20px;width:calc(100% - 18px)}dialog h2{font-size:1.6rem;margin:7px 0}.dialog-close{font-size:1.35rem;right:11px;top:8px}form{gap:14px;margin-top:18px}label{gap:6px}input{padding:11px 12px}.auth-tabs{margin:17px 0 11px}.auth-tabs button{min-height:38px;padding:8px}.auth-divider{margin-top:14px}.dialog-account-link{margin-top:16px}}