@font-face{font-family:ApfelAccount;src:url('/fonts/apfel-grotezk/ApfelGrotezk-Regular.woff2') format('woff2');font-display:swap}
#account-dialog{font-family:ApfelAccount,Arial,sans-serif;box-sizing:border-box;border:1px solid #cdd7e5;border-radius:28px;background:#f3f5f9 url('/quiz-assets/sky-texture.png') center/cover;width:min(650px,calc(100% - 24px));max-height:calc(100dvh - 36px);padding:48px 28px 28px;color:#252b35;box-shadow:0 25px 100px #1b234338;overflow:auto}
#account-dialog::backdrop,.quiz-availability-dialog::backdrop{background:#34415f66;backdrop-filter:blur(4px)}
#account-dialog *{box-sizing:border-box}#account-dialog h2{font-size:30px;line-height:1.2;margin:0 0 20px}#account-dialog p{font-size:18px;line-height:1.5;margin:16px 0 22px}
#account-dialog button{font:inherit;cursor:pointer;border:0;min-height:44px}#account-dialog .close{position:absolute;right:12px;top:8px;min-width:44px;font-size:30px;background:transparent;color:#304f91}#account-dialog .primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#405bcb;color:white;padding:15px 20px;border-radius:28px;font-size:19px;margin-top:24px}#account-dialog .text-button{background:transparent;color:#304f91;padding:10px 0;font-size:18px}#account-dialog button:disabled{opacity:.55;cursor:wait}#account-dialog :focus-visible,.quiz-public-footer :focus-visible,.quiz-availability-dialog :focus-visible{outline:3px solid #405bcb;outline-offset:3px}
#account-dialog .account-error{color:#8a3038;font-size:17px}
#account-dialog a{font-size:18px;color:#304f91}#account-dialog .trove-auth{max-width:100%}
.quiz-public-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px 28px;padding:30px 22px;font:18px ApfelAccount,Arial,sans-serif}.quiz-public-footer a,.quiz-public-footer button{color:#304f91;min-height:44px;display:inline-flex;align-items:center}.quiz-public-footer button{border:0;background:transparent;font:inherit;cursor:pointer;padding:0}
.quiz-availability-dialog{font:18px/1.5 ApfelAccount,Arial,sans-serif;border:1px solid #cdd7e5;border-radius:20px;padding:28px;width:min(440px,calc(100% - 40px));color:#252b35;background:#f2f5fa}.quiz-availability-dialog h2{font-size:28px;line-height:1.25;margin-top:0}.quiz-availability-dialog button{font:inherit;min-height:48px;border:0;border-radius:26px;padding:12px 20px;background:#405bcb;color:white;cursor:pointer}
@media(max-width:380px){#account-dialog{padding:48px 20px 24px}#account-dialog h2{font-size:27px}}

@font-face{font-family:ApfelGrotezkRegular;src:url('/fonts/apfel-grotezk/ApfelGrotezk-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:ApfelGrotezkMittel;src:url('/fonts/apfel-grotezk/ApfelGrotezk-Mittel.woff2') format('woff2');font-display:swap}
#account-dialog.app-screen-dialog{padding:0;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;background:#f2f5fa;overflow:hidden}
#account-dialog.app-screen-dialog>.close{display:none}
#account-dialog.app-screen-dialog .account-panel,#account-dialog .app-screen{height:100%;display:flex;flex-direction:column}
#account-dialog.app-screen-dialog .account-panel{font:initial}