/* Adjacent email control, no changes to Google authorization behavior. */
.hero .action:has(.email-entry){display:flex;align-items:stretch;gap:12px;width:fit-content;max-width:100%}
.hero .action:has(.email-entry)>.signin{min-width:0;flex:1 1 auto;width:auto}
.email-entry{display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;min-width:44px;min-height:52px;padding:12px;border:0;border-radius:50%;background:#191d29;color:#fafafa;cursor:pointer}
.email-entry svg{width:24px;height:24px;flex:none}
.email-entry:focus-visible,#email-auth-dialog :focus-visible{outline:2px solid #a4b8ff;outline-offset:3px}
#email-auth-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:28px;border:0;border-radius:24px;background:#111620;color:#fafafa;overflow:auto;overscroll-behavior:contain}
#email-auth-dialog::backdrop{background:rgba(0,0,0,.65)}
#email-auth-dialog h3{font:700 26px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.5px;margin:0 38px 24px 0;overflow-wrap:anywhere}
#email-auth-dialog form{display:grid;gap:20px;min-width:0;margin:0}
#email-auth-dialog label{display:grid;gap:8px;font-size:14px;line-height:1.5;min-width:0}
#email-auth-dialog input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:14px;border:0;border-radius:14px;background:#536987;color:white;font:400 16px/1.4 Arial,Helvetica,sans-serif}
#email-auth-dialog .email-modes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
#email-auth-dialog .email-modes button{flex:1;min-height:44px;border:0;border-radius:12px;padding:10px 14px;font:600 14px/1.3 Arial,Helvetica,sans-serif;background:#202837;color:inherit}
#email-auth-dialog .email-modes button[aria-pressed=true]{background:#425a7d}
#email-auth-dialog :is([data-email-next],[data-email-continue-google]){min-height:48px;border:0;border-radius:24px;padding:12px 20px;background:linear-gradient(110deg,#8311f1,#1256f5);color:white;font:600 16px/1.3 Arial,Helvetica,sans-serif;cursor:pointer}
#email-auth-dialog [data-email-unavailable]{font-size:14px;line-height:1.5;color:#b8c1d1;margin:0}
#email-auth-dialog [data-email-close]{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:14px;background:transparent;color:inherit}
#email-auth-dialog [data-email-close] svg{width:22px;height:22px}
html[data-theme=light] .email-entry{background:#e9edf3;color:#182333}
html[data-theme=light] #email-auth-dialog{background:#f7f8fb;color:#182333}
html[data-theme=light] #email-auth-dialog input,html[data-theme=light] #email-auth-dialog .email-modes button{background:#e5eaf2;color:#182333}
html[data-theme=light] #email-auth-dialog .email-modes button[aria-pressed=true]{background:#cbd9ed}
html[data-theme=light] #email-auth-dialog [data-email-unavailable]{color:#586779}
@media(max-width:480px){.hero .action:has(.email-entry){gap:8px}.email-entry{flex-basis:48px;min-height:48px}.hero .action:has(.email-entry)>.signin{font-size:16px;padding-inline:14px;gap:10px}#email-auth-dialog{padding:24px 20px max(24px,env(safe-area-inset-bottom))}#email-auth-dialog h3{font-size:24px}}
.hero .action:has(.email-entry)>.signin.auth-busy{gap:0;padding-inline:42px}

/* Only the existing dialog grows a server-code step. */
#email-auth-dialog [hidden]{display:none!important}
#email-auth-dialog button:disabled{opacity:.55;cursor:not-allowed}
#email-auth-dialog [data-email-code]{letter-spacing:.35em;font-variant-numeric:tabular-nums}
#email-auth-dialog [data-email-deadline]{font-size:13px;line-height:1.5;margin:0;color:#b8c1d1}
#email-auth-dialog [data-email-resend],#email-auth-dialog [data-email-recover],#email-auth-dialog [data-email-back],#email-auth-dialog [data-email-retry],#email-auth-dialog [data-email-google]{min-height:44px;padding:10px 14px;border:0;border-radius:12px;background:#202837;color:inherit;font:600 14px/1.3 Arial,Helvetica,sans-serif;cursor:pointer;overflow-wrap:anywhere}
html[data-theme=light] #email-auth-dialog [data-email-deadline]{color:#586779}
html[data-theme=light] #email-auth-dialog [data-email-resend],html[data-theme=light] #email-auth-dialog [data-email-recover],html[data-theme=light] #email-auth-dialog [data-email-back],html[data-theme=light] #email-auth-dialog [data-email-retry],html[data-theme=light] #email-auth-dialog [data-email-google]{background:#e5eaf2}