.header-account-actions{display:flex;align-items:center;gap:8px}
.account-button{min-height:40px;padding:8px 11px;border:1px solid #dce2ec;border-radius:12px;background:#fff;color:#28416a;font:600 12px/1.3 inherit;white-space:nowrap;cursor:pointer}
.account-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #e0e5ee;border-radius:22px;padding:24px;background:#fff;color:#202b40;box-shadow:0 24px 80px #142e4e33}
.account-dialog::backdrop{background:#10203966;backdrop-filter:blur(3px)}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-heading h2{margin:0;font-size:22px;letter-spacing:-.5px}
.account-dialog p{font-size:13px;line-height:1.7}.account-dialog button,.account-dialog input{box-sizing:border-box;min-height:44px;border:1px solid #dce2ec;border-radius:11px;padding:10px 12px;background:#f8f9fc;color:#283a57;font:inherit;font-size:14px}
.account-dialog button{cursor:pointer}.account-dialog button:hover{filter:brightness(.97)}.account-dialog button:focus-visible,.account-dialog input:focus-visible,.account-button:focus-visible{outline:3px solid #739bea;outline-offset:2px}
.account-dialog .account-primary{width:100%;background:#315cad;border-color:#315cad;color:#fff;font-weight:600}.account-dialog .account-heading button{font-size:24px;line-height:1;background:none}
.account-dialog label{display:block;margin:12px 0 6px;font-size:13px;font-weight:600}.account-dialog input{display:block;width:100%;background:#fff;font-size:16px}.account-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-wide{width:100%;margin-top:10px}
.account-divider{display:flex;align-items:center;gap:12px;margin:20px 0 4px;font-size:12px;color:#7c8698}.account-divider:before,.account-divider:after{content:"";height:1px;background:#e6e9f0;flex:1}
.account-dialog .account-hint{font-size:12px;color:#747e90}.account-status{display:inline-block;padding:4px 9px;border-radius:8px;background:#eff4fd;color:#315cad;margin:0 0 18px!important}.account-notice{padding:12px;border-radius:12px;background:#fff4df;margin-bottom:12px}.account-notice p{margin-top:0}
.account-dialog .account-text{border:0;background:transparent;color:#315cad;padding-left:0}.account-message{color:#8b4829;min-height:0}.account-message:empty{display:none}.account-privacy{border-top:1px solid #e9ecf2;padding-top:14px;margin-bottom:0}.account-privacy a{color:#315cad}
.account-loading #mainContent{visibility:hidden}.account-loading .deck-switcher,.account-loading .header-speed{pointer-events:none;opacity:.55}
.account-dialog [hidden]{display:none!important}
.account-locked #mainContent,.account-locked .deck-switcher,.account-locked .header-speed{display:none!important}
.signin-gate{max-width:430px;margin:clamp(40px,12vh,120px) auto;padding:24px;text-align:center;color:#243652}.signin-gate h2{font-size:28px;letter-spacing:-.6px;margin:22px 0 12px}.signin-gate p{font-size:16px;line-height:1.8;color:#657187}.gate-monogram{display:inline-grid;place-items:center;width:68px;height:68px;border:1px solid #dce5f4;border-radius:21px;background:#eef3fc;color:#315cad;font:600 28px Georgia,serif}.gate-login{width:100%;min-height:48px;margin:12px 0;border:0;border-radius:13px;background:#315cad;color:#fff;font:600 16px system-ui;cursor:pointer}.signin-gate .gate-note{font-size:13px}.signin-gate[hidden]{display:none!important}.gate-login:focus-visible{outline:3px solid #739bea;outline-offset:3px}
@media(max-width:380px){.header-account-actions{gap:5px}.account-button{padding:8px;font-size:11px}.account-dialog{padding:18px}.brand p{font-size:8px}}
:root[data-theme="dark"] .account-button{background:var(--surface);border-color:var(--line);color:var(--accent-dark)}
:root[data-theme="dark"] .account-dialog{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-lg)}
:root[data-theme="dark"] .account-dialog::backdrop{background:#0008}
:root[data-theme="dark"] .account-dialog :is(button,input){background:var(--surface-muted);border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] .account-dialog input{background:#101925}
:root[data-theme="dark"] .account-dialog input::placeholder{color:#91a0b6;opacity:1}
:root[data-theme="dark"] .account-dialog .account-primary{background:#365fac;border-color:#365fac;color:#fff}
:root[data-theme="dark"] .account-dialog .account-heading button{background:transparent}
:root[data-theme="dark"] :is(.account-divider,.account-dialog .account-hint){color:var(--muted)}
:root[data-theme="dark"] .account-divider::before,:root[data-theme="dark"] .account-divider::after{background:var(--line)}
:root[data-theme="dark"] .account-status{background:var(--accent-soft);color:var(--accent-dark)}
:root[data-theme="dark"] .account-notice{background:var(--warm-soft)}
:root[data-theme="dark"] .account-dialog .account-text{background:transparent;color:var(--accent-dark)}
:root[data-theme="dark"] .account-message{color:#f3b191}
:root[data-theme="dark"] .account-privacy{border-color:var(--line)}
:root[data-theme="dark"] .account-privacy a{color:var(--accent-dark)}
:root[data-theme="dark"] .signin-gate{color:var(--ink)}
:root[data-theme="dark"] .signin-gate p{color:var(--muted)}
:root[data-theme="dark"] .gate-monogram{border-color:var(--line);background:var(--accent-soft);color:var(--accent-dark)}
:root[data-theme="dark"] .gate-login{background:#365fac;color:#fff}
