.email-card:has(#clerk-auth){min-width:0;min-height:706px}
#account-loading{display:none}
body[data-account-state=loading] #account-loading{display:grid;gap:20px;align-content:start;min-height:411px;margin-top:22px}
#account-loading p{margin:0;color:var(--muted);font-size:13px}
.account-placeholder{display:block;min-height:48px;border-radius:12px;background:var(--surface-2)}
.account-placeholder-field{min-height:68px}
body[data-account-state=loading] :is(#account-title,#account-description,#welcome-title,#account-story-description){visibility:hidden}
body[data-account-state=loading] :is(#clerk-auth,#account-session){display:none!important}
#clerk-auth{width:100%;margin-top:22px}
#clerk-auth input,#clerk-auth select{max-width:100%;font-size:16px}
#clerk-auth [hidden]{display:none!important}
#account-status:empty{display:none}
#clerk-auth button{letter-spacing:normal}
#account-switches button{min-height:44px}
#account-factor{display:block;width:100%;min-height:48px;margin-top:7px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit}
#account-code{letter-spacing:.18em;font-variant-numeric:tabular-nums}
#clerk-captcha:not(:empty){margin:14px 0}
#clerk-auth button:disabled{opacity:.55;cursor:wait}
#clerk-auth button:focus-visible{outline:2px solid var(--brand-ink-accent);outline-offset:3px}
html[data-theme=dark] #clerk-auth .account-primary{background:#b29af7;color:#1e1433}
html[data-theme=dark] #clerk-auth .account-primary:hover:not(:disabled){background:#c4b0ff}
#account-settings{margin-top:12px}
#google-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:12px 20px;border:1px solid #747775;border-radius:12px;background:#fff;color:#1f1f1f;font:500 15px/1.4 system-ui,sans-serif;cursor:pointer}
#google-login:hover:not(:disabled){background:#f5f6f8}
#google-login img{width:20px;height:20px;object-fit:contain}
#google-login:disabled{cursor:not-allowed}
.account-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:var(--muted);font-size:13px}
.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:var(--line)}
#account-oauth-progress{padding:18px 0;line-height:1.7}
#account-oauth-back{text-decoration:underline;text-underline-offset:3px}
#account-task .cl-rootBox,#account-task .cl-cardBox{width:100%;max-width:100%}
#account-task .cl-card{box-shadow:none;border:0;padding:12px 0;background:transparent}
html[data-theme=dark] #google-login{background:#131314;color:#e3e3e3;border-color:#8e918f}
html[data-theme=dark] #google-login:hover:not(:disabled){background:#202124}
.email-card .account-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.email-card:has(#clerk-auth){padding:24px 18px}.brand44 #email-form input{font-size:16px}}