html.mobile-study-active{scroll-behavior:auto!important;overflow-anchor:none}
/* R121: content-first study screens, fixed controls and stable answer geometry. */
html.mobile-study-active #app #main-content{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
html.mobile-study-active #app .session-progress{display:none!important}
#app .mobile-study-session{width:100%;min-width:0;overflow-anchor:none}
.mobile-study-header{display:grid!important;grid-template-columns:36px minmax(0,1fr) 36px!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important;padding:0!important;min-height:48px!important;background:none!important;border:0!important;box-shadow:none!important}
.mobile-study-header .back,.mobile-study-header .top-actions button{width:36px!important;height:38px!important;min-width:0!important;min-height:0!important;padding:8px!important;margin:0!important;font-size:0!important;border-radius:10px!important}
.mobile-study-header .back svg,.mobile-study-header button svg{width:20px!important;height:20px!important}
.mobile-study-heading{min-width:0;display:flex;flex-direction:column;gap:2px}
.mobile-study-heading strong{font-size:15px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ink)}
.mobile-study-heading small{font-size:11px;line-height:1.25;color:var(--muted)}
.mobile-study-header .top-actions{display:flex!important;gap:0!important;margin:0!important}
.mobile-study-toolbar{display:grid!important;grid-template-columns:minmax(48px,1.1fr) minmax(44px,1fr) repeat(3,minmax(30px,.7fr)) minmax(56px,1.2fr)!important;align-items:center!important;gap:4px!important;padding:5px!important;margin:0 0 9px!important;min-height:48px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel,var(--field))!important;box-shadow:none!important;position:sticky!important;top:env(safe-area-inset-top,0px);z-index:20}
.mobile-study-toolbar button,.mobile-study-toolbar select{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;min-width:0!important;max-width:none!important;height:36px!important;min-height:36px!important;padding:4px!important;margin:0!important;font-size:12px!important;line-height:1!important;border-radius:8px!important;border:1px solid var(--line)!important;box-shadow:none!important;background:var(--field)!important;color:var(--ink)!important;transform:none!important}
.mobile-study-toolbar button svg{width:17px!important;height:17px!important;flex-shrink:0}
.mobile-study-toolbar select{padding:4px 1px!important;text-align:center;font-size:16px!important;appearance:none;-webkit-appearance:none}
.mobile-study-toolbar .notes-toggle>span{display:none!important}
.mobile-study-toolbar .notes-toggle.is-on{background:var(--accent-soft,var(--good-bg))!important}
.mobile-study-toolbar .timer{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;height:36px!important;min-height:36px!important;padding:3px!important;border-radius:8px!important;font-size:12px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;margin:0!important;animation:none!important;font-variant-numeric:tabular-nums}
.mobile-study-toolbar .timer.urgent{color:var(--bad,#a1324a)!important;background:var(--bad-bg,#fbe9eb)!important}
.mobile-study-toolbar .session-voice-status,.mobile-study-toolbar [data-memory-phase-label],.mobile-study-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#app .mobile-study-session .memory-steps{margin:0 0 9px!important;padding:0!important;gap:8px!important;min-height:25px!important;border:0!important}
#app .mobile-study-session .memory-step{font-size:10px!important;line-height:1.2!important;padding:0!important}
#app .mobile-study-session .memory-step-label{gap:3px!important;margin-bottom:4px!important}
#app .mobile-study-session .memory-step-track{height:3px!important;border-radius:3px!important}
#app .mobile-study-session .memory-workspace{display:block!important;margin:0!important}
#app .mobile-study-session .memory-prompt{padding:13px!important;margin:0 0 10px!important;min-height:0!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel,var(--field))!important;box-shadow:none!important}
#app .mobile-study-session .memory-prompt .question{padding:0!important;margin:0!important;min-height:0!important;border:0!important;box-shadow:none!important}
#app .mobile-study-session>.question{padding:13px!important;margin:0 0 10px!important;min-height:0!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important}
#app .mobile-study-session .answers,#app .mobile-study-session .memory-options{display:flex!important;flex-direction:column!important;gap:9px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#app .mobile-study-session .memory-response-pane{padding:0!important;border:0!important;background:none!important}
html #app .mobile-study-session .answer,html #app .mobile-study-session .memory-choice,
html[data-platform="android"] #app .mobile-study-session .memory-choice,
html[data-platform="android"] #app .mobile-study-session .memory-choice[data-state="correct"],
html[data-platform="android"] #app .mobile-study-session .memory-choice[data-state="wrong"]{
 display:grid!important;grid-template-columns:27px minmax(0,1fr) 16px!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important;min-height:var(--memory-card-height,56px)!important;
 padding:12px 10px!important;margin:0!important;position:relative!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--field)!important;color:var(--custom-option-color,var(--ink))!important;
 font-size:calc(16px * var(--option-scale,1))!important;font-weight:600!important;line-height:1.45!important;text-align:left!important;text-shadow:none!important;box-shadow:none!important;opacity:1!important;overflow-wrap:anywhere!important;
 transition:background-color .12s,border-color .12s!important;overflow-anchor:none!important
}
html #app .mobile-study-session .memory-choice,html[data-platform="android"] #app .mobile-study-session .memory-choice,html[data-platform="android"] #app .mobile-study-session .memory-choice[data-state="correct"],html[data-platform="android"] #app .mobile-study-session .memory-choice[data-state="wrong"]{font-size:calc(16px * var(--memoryAnswer-scale,1.1))!important;color:var(--custom-memory-color,var(--ink))!important}
html #app .mobile-study-session .answer:not(.memory-shuffling),html #app .mobile-study-session .memory-choice:not(.memory-shuffling){transform:none!important}
html #app .mobile-study-session .answer>span:not(.letter):not(.choice-indicator),html #app .mobile-study-session .memory-option-copy{font:inherit!important;line-height:inherit!important;color:inherit;min-width:0!important;letter-spacing:inherit!important}
html #app .mobile-study-session .answer .letter,html #app .mobile-study-session .memory-letter{width:27px!important;height:29px!important;min-width:27px!important;min-height:29px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;font-size:13px!important;line-height:1!important;align-self:center!important}
html #app .mobile-study-session .choice-indicator{display:block!important;width:16px!important;min-width:16px!important;min-height:16px!important;line-height:16px!important;font-size:14px!important;font-weight:800!important;text-align:center!important;grid-column:3!important;color:var(--good,#287652)!important}
html #app .mobile-study-session .answer.correct,html #app .mobile-study-session .memory-choice[data-state="correct"]{background:var(--good-bg,#e7f2e9)!important;border-color:var(--good,#287652)!important;box-shadow:inset 0 0 0 1px var(--good,#287652)!important}
html #app .mobile-study-session .answer.wrong,html #app .mobile-study-session .memory-choice[data-state="wrong"]{background:var(--bad-bg,#fbe9eb)!important;border-color:var(--bad,#a1324a)!important;box-shadow:inset 0 0 0 1px var(--bad,#a1324a)!important}
html #app .mobile-study-session .answer.wrong .choice-indicator,html #app .mobile-study-session .memory-choice[data-state="wrong"] .choice-indicator{color:var(--bad,#a1324a)!important}
html #app .mobile-study-session :is(.answer,.memory-option-copy) :is(mark.study-marker,.answer-edge){padding:0!important;margin:0!important;font:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
.mobile-study-footer{position:fixed!important;inset:auto 0 0!important;display:flex!important;gap:8px!important;align-items:center!important;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;z-index:50!important;background:var(--panel,var(--field))!important;border-top:1px solid var(--line)!important;box-shadow:0 -3px 14px #2037440a!important;min-height:64px!important}
.mobile-study-footer>button{height:46px!important;min-height:46px!important;flex:1!important;margin:0!important;font-size:14px!important;border-radius:11px!important;padding:10px 14px!important;justify-content:center!important;transform:none!important}
.mobile-study-footer .mobile-study-prev{flex:0 0 80px!important}
.mobile-study-footer button:disabled{opacity:.48!important}
#app .mobile-study-session .mobile-question-dots{margin:12px 0 0;font-size:12px;color:var(--muted)}
#app .mobile-study-session .mobile-study-result-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Reading keeps its controls compact without changing reading or speech. */
.reader-toolbar{min-height:48px!important;padding:8px!important;gap:6px!important}
.reader-toolbar strong{font-size:16px!important}.reader-toolbar small{font-size:10px!important}
.reader-toolbar button{min-width:32px!important;width:32px!important;min-height:34px!important;height:34px!important;padding:7px!important}
.reader-voice-tools{padding:7px!important;gap:6px!important;margin:0 0 8px!important;border-radius:11px!important}

.reader-voice-tools select{font-size:16px!important}

html #app .mobile-study-session .answer.chosen{background:var(--accent-soft,#edf2f7)!important;border-color:var(--brand,#386d79)!important;box-shadow:inset 0 0 0 1px var(--brand,#386d79)!important}
html #app .mobile-study-session .answer.chosen .choice-indicator{color:var(--brand,#386d79)!important}

html #app .reader-voice-actions{display:grid!important;grid-template-columns:minmax(88px,1.4fr) minmax(50px,.8fr) minmax(62px,1fr) minmax(40px,.7fr)!important;align-items:center!important;gap:6px!important;width:100%!important}
html #app .reader-voice-actions button,html #app .reader-voice-actions select{width:100%!important;min-width:0!important;min-height:36px!important;height:36px!important;margin:0!important;padding:5px!important;font-size:13px!important;border-radius:8px!important}
html #app .reader-voice-actions label{font-size:0!important;line-height:1!important;margin:0!important;padding:0!important}
html #app .reader-voice-actions select{font-size:16px!important;appearance:none;-webkit-appearance:none;text-align:center}
html #app .reader-voice-actions .notes-toggle>span{display:none!important}
html #app .reader-voice-actions .notes-toggle svg{width:18px!important;height:18px!important}
html #app [data-reader-voice-status]:empty{display:none!important}

/* Keep install/update notices available when leaving the study screen. */
html.mobile-study-active .pwa-statusbar,body.reader-view .pwa-statusbar{display:none!important}