.accountAuthDialog { box-sizing: border-box; width: min(440px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow: auto; padding: 26px; border: 1px solid #7b93b6; border-radius: 17px; background: linear-gradient(145deg,#1b293f,#111925); color: #eef4ff; box-shadow: 0 24px 100px #000a; font: 13px/1.55 system-ui; color-scheme: dark; }
.accountAuthDialog::backdrop { background: #050a13c4; backdrop-filter: blur(5px); }
.accountAuthDialog * { box-sizing: border-box; }
.accountAuthDialog h2 { margin: 5px 0 10px; font: 650 25px/1.2 system-ui; color: #f1f6ff; }
.accountAuthDialog p { margin: 0 0 14px; color: #bacee6; }
.accountAuthDialog form { display: grid; gap: 13px; }
.accountAuthDialog label { display: grid; gap: 6px; font-weight: 600; color: #d4e1f3; }
.accountAuthDialog input { width: 100%; min-height: 43px; padding: 10px 12px; border: 1px solid #546e91; border-radius: 8px; background: #0d1625; color: #f4f7ff; font: 16px/1.4 system-ui; }
.accountAuthDialog small { color: #aabed8; font-size: 11px; line-height: 1.5; }
.accountAuthDialog button, .accountAuthLinks button { min-height: 36px; margin: 0; padding: 8px 11px; border: 1px solid #7896bb; border-radius: 8px; background: #304d70; color: #f0f6ff; font: 650 12px/1.4 system-ui; cursor: pointer; }
.accountAuthDialog button:hover { background: #3e638e; }
.accountAuthDialog button:disabled { opacity: .5; cursor: progress; }
.accountAuthDialog :is(input,button):focus-visible, .accountAuthLinks button:focus-visible { outline: 2px solid #c4ddff; outline-offset: 3px; }
.accountAuthActions { display: flex; flex-wrap: wrap; gap: 8px; }
.accountAuthActions button[type=button] { background: #1e2c41; color: #bdd0e8; border-color: #536b8a; }
.accountAuthDialog .accountAuthFeedback { margin: 0; min-height: 0; color: #eddbab; overflow-wrap: anywhere; font-size: 12px; }
.accountAuthFeedback.error { color: #ffc2cd !important; }
.accountAuthFeedback.success { color: #b1e1c3 !important; }
.accountAuthDialog [hidden], .accountAuthLinks [hidden], #guestAccountNotice[hidden], #accountSessionNotice[hidden] { display: none !important; }
.accountAuthLinks { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 10px; }
.accountCaptchaMount { min-width: 0; max-width: 100%; overflow-x: auto; margin: 10px 0; }
.accountCaptchaMount[hidden] { display: none !important; }
.accountAuthLinks button { padding: 4px 0; background: transparent; border: 0; min-height: 28px; color: #c1d8ff; font-size: 12px; text-align: left; text-decoration: underline; text-underline-offset: 3px; }
.accountAuthHint { display: block; color: #b4c6df; font-size: 11px; line-height: 1.5; margin-top: 12px; }
.accountIdentityNotice { display: grid; gap: 8px; padding: 12px; border: 1px solid #697455; border-radius: 11px; background: #2a352b6e; color: #e3eedc; }
.accountIdentityNotice strong { font: 650 13px/1.4 system-ui; color: #e1eace; }
.accountIdentityNotice p, .accountIdentityNotice small { margin: 0; font: 11px/1.5 system-ui; color: #becbb9; }
.accountIdentityNotice button { justify-self: start; background: #394d34; border-color: #8ba17d; color: #eff8e5; }
.accountSessionNotice { margin: 8px 0; padding: 9px 11px; border: 1px solid #977343; border-radius: 8px; background: #392d1f; color: #f2d5a6; font: 11px/1.5 system-ui; }
.accountSessionNotice button { display: block; margin: 8px 0 0; padding: 6px 10px; border: 1px solid #b6a070; border-radius: 7px; background: #5c4930; color: #fff0ca; font: 650 11px/1.4 system-ui; cursor: pointer; }
body:has(.accountAuthDialog[open]) #wizardAudioControls { visibility: hidden; pointer-events: none; }
@media(max-width: 520px) { .accountAuthDialog { padding: 20px; } .accountAuthDialog h2 { font-size: 23px; } }