/* Account access stays in a native, keyboard-contained CUPEC dialog. */
.account-dialog{width:min(640px,calc(100vw - 48px));max-width:640px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--rb-line,#d6d9d0);border-radius:3px;background:var(--rb-paper,#fdfcf8);color:var(--rb-ink,#373a35);box-shadow:0 24px 80px #20251c26;overflow:auto;overscroll-behavior:contain}
.account-dialog::backdrop{background:rgb(32 37 28 / 38%)}
.account-dialog-bar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:1;padding:16px 24px;border-bottom:1px solid var(--rb-line,#d6d9d0);background:var(--rb-paper,#fdfcf8)}
.account-dialog-bar img{flex:0 0 32px;width:32px;height:32px;object-fit:contain}
.account-dialog-bar h2{flex:1;min-width:0;margin:0;font:500 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.04em;overflow-wrap:anywhere}
.account-dialog-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--rb-line,#d6d9d0);border-radius:0;background:transparent;color:inherit;font:400 24px/1 Inter,Arial,sans-serif;cursor:pointer}
.account-dialog-close:hover{background:var(--rb-soft,#f0f1eb)}
.account-dialog-close:focus-visible{outline:2px solid var(--rb-ink,#373a35);outline-offset:3px}
.account-dialog-content{min-width:0;overflow-wrap:anywhere}
.account-dialog .form-page.auth-page{width:100%;max-width:none;margin:0;padding:28px 32px 32px}
.account-dialog .form-page.auth-page h1{max-width:100%;font-size:clamp(36px,4vw,48px);line-height:1.08}
.account-dialog .auth-page>.eyebrow{margin-bottom:16px}
.account-dialog .auth-page>.form-intro{margin:16px 0 24px}
.account-dialog .auth-page form,.account-dialog .auth-page .auth-switch,.account-dialog .auth-page .form-section,.account-dialog .auth-page .account-security,.account-dialog .auth-page .form-error,.account-dialog .auth-secondary-actions,.account-dialog .auth-page .onboarding-choices{width:100%;max-width:none;min-width:0}
.account-dialog .auth-page .auth-switch{margin:20px 0 24px}
.account-dialog .auth-page .field{min-width:0;margin-bottom:22px}
.account-dialog .form-page.auth-page .field input{max-width:100%;min-width:0}
.account-dialog .auth-secondary-actions{margin-top:24px;padding-top:20px}
.account-dialog .loading{padding:36px 24px}
@media(max-width:767px){
 .account-dialog{width:calc(100vw - 32px);max-width:640px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
 .account-dialog-bar{padding:12px 16px;gap:10px}
 .account-dialog-bar h2{font-size:11px}
 .account-dialog .form-page.auth-page{padding:24px 20px 28px}
 .account-dialog .form-page.auth-page h1{font-size:clamp(34px,8.5vw,44px)}
 .account-dialog .auth-page>.form-intro{font-size:13px}
 .account-dialog .auth-page .auth-switch{gap:24px}
 .account-dialog .auth-page form>.button{width:100%}
 .account-dialog .auth-secondary-actions{gap:12px 16px;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.account-dialog,.account-dialog *{scroll-behavior:auto}}