/* Same live portrait/player, temporarily hosted in a mobile floating window. */
.floating-teacher{position:fixed;z-index:30;width:104px;border:1px solid #a8c7bf;border-radius:16px;background:#fcf5e8;box-shadow:0 5px 22px #173f4030;overflow:hidden;contain:layout paint}.floating-teacher-tools{display:flex;background:#eef6f3;justify-content:space-between}.floating-teacher-tools button{min-width:44px;height:44px;padding:4px;border:0;border-radius:0;background:transparent;color:#174d48;font-size:20px}.floating-teacher-tools [data-move]{touch-action:none;cursor:grab}.floating-teacher-face{height:112px;position:relative;overflow:hidden}.floating-teacher-face .teacher-portrait{position:absolute;inset:0}.floating-teacher-face .teacher-portrait canvas,.floating-teacher-face .teacher-fallback{height:245%;top:-56%;left:50%;transform:translateX(-50%);max-width:none}.floating-teacher.is-collapsed .floating-teacher-face{display:none}.floating-teacher.is-collapsed [data-fold]{font-size:13px}.floating-teacher-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:740px){body:has(.floating-teacher:not([hidden])){padding-bottom:180px}html{scroll-padding-bottom:180px}}

.focus-toolbar,.focus-entry{display:none}
@media(max-width:740px){
 .focus-entry{display:inline-block;margin:8px 0}body.study-focus{overflow:hidden!important;padding-bottom:0!important}
 .is-study-focus{position:fixed!important;inset:0!important;z-index:25;background:#f5f8fa;margin:0!important;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom))!important;height:100dvh;display:flex;flex-direction:column;gap:6px;overflow:hidden;box-sizing:border-box}
 .is-study-focus>.focus-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;min-height:124px}
 .focus-toolbar h2{font-size:19px!important;margin:0 0 10px!important}.focus-toolbar button{font-size:12px;padding:8px;min-height:44px;border:1px solid #bbceca;border-radius:8px;background:white;color:#213a40}.focus-toolbar button+button{margin-left:5px}
 #focusTeacherSlot{width:104px;flex-shrink:0;min-height:124px}.floating-teacher.is-docked{position:relative;left:auto!important;top:auto!important;box-shadow:none}.is-docked .floating-teacher-tools{justify-content:flex-end}.is-docked .floating-teacher-face{height:80px}
 .is-study-focus>h2,.is-study-focus>p:not(#sentenceProgress),.is-study-focus>.course-controls,.is-study-focus>.focus-entry,.is-study-focus>.lesson-actions,.is-study-focus>.lesson-pack-menu,.is-study-focus>label{display:none!important}
 .is-study-focus>#sentenceProgress{font-size:11px;margin:0;flex-shrink:0}
 .is-study-focus>.vocabulary-card{flex:1;min-height:0;margin:0;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;border:1px solid #d6dfd6;border-radius:12px;background:white}
 .is-study-focus .vocabulary-card>p{margin:0;font-size:14px}.is-study-focus .vocabulary-card>small{font-size:11px}.is-study-focus .sentence-instruction{font-size:15px;font-weight:600}.is-study-focus .vocabulary-card>button{flex-shrink:0;min-height:44px;padding:8px}
 .is-study-focus .meaning-choices{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;margin:0}.is-study-focus .meaning-choices button{font-size:15px;text-align:left;min-height:44px;padding:10px}
 .is-study-focus .is-answered>.meaning-choices{display:none!important}.is-study-focus .vocabulary-card>.muted,.is-study-focus .vocabulary-card>.corpus-attribution{display:none}
 .is-study-focus .answer-feedback{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0;margin:0}.is-study-focus .answer-details{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.is-study-focus .answer-details p{margin:7px 0;font-size:14px}.is-study-focus .answer-details [lang]{font-size:21px;line-height:1.5}
 .is-study-focus .answer-feedback>.lesson-actions{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:8px;margin:0}.is-study-focus .lesson-actions button{min-height:44px;padding:8px;font-size:13px}.is-study-focus .answer-feedback>.lesson-actions>:last-child{grid-column:1/-1;font-size:12px;text-align:center}
}
@media(max-width:740px) and (max-height:560px){.is-study-focus>.focus-toolbar{min-height:60px}#focusTeacherSlot{min-height:60px}.is-docked .floating-teacher-tools{position:absolute;z-index:1;right:0;background:#eef6f3dd}.is-docked .floating-teacher-face{height:60px}.focus-toolbar h2{font-size:15px!important;margin-bottom:3px!important}}

@media(max-width:740px){.is-study-focus>:not(.focus-toolbar):not(.vocabulary-card):not(#sentenceProgress):not([role=alert]):not(.focus-empty):not(.course-save-status){display:none!important}.is-study-focus>[role=alert]{display:block!important;max-height:64px;overflow:auto;margin:0;font-size:12px}.floating-teacher-face .teacher-portrait{position:absolute;inset:0;overflow:hidden}.floating-teacher-face canvas{position:absolute;width:auto;aspect-ratio:2/3;max-width:none}.is-study-focus .vocabulary-card>strong{font-size:15px}.is-study-focus .vocabulary-card>.lesson-actions:not(.meaning-choices){margin:0;flex-shrink:0}.is-study-focus .vocabulary-card>.lesson-actions>button{width:100%}}

@media(max-width:740px){.is-study-focus .quiz-feedback{padding:8px;margin:0 0 6px;gap:6px;border-width:1px;border-radius:8px}.is-study-focus .quiz-feedback .quiz-result-icon{display:none}.is-study-focus .quiz-feedback strong{font-size:14px}.is-study-focus .quiz-feedback p{font-size:12px;margin:3px 0}.is-study-focus .quiz-feedback .quiz-answer{padding:5px}.floating-teacher-face .japanese-floating-portrait canvas{height:360%;top:-30%}}

@media(max-width:740px){.is-study-focus>.focus-empty{display:block!important;font-size:15px;padding:16px;background:white;border-radius:12px}}

@media(max-width:740px){.is-study-focus>.course-save-status{display:block!important;margin:0;font-size:13px}.is-study-focus>.course-recovery{max-height:45dvh;flex-shrink:0;padding:8px;border:1px solid #c77777;border-radius:8px;background:#fff}.course-recovery p{margin:0 0 6px}.course-recovery button,.focus-empty button{min-height:44px;margin:4px;padding:8px}}

.understanding-grades{display:flex;flex-wrap:wrap;gap:8px}.understanding-grade{display:inline-flex!important;min-width:104px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.understanding-grade b{font-size:25px;line-height:1}.understanding-grade span{font-size:12px}.answer-feedback>.understanding-grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.answer-feedback>.understanding-grades>:last-child{grid-column:1/-1}@media(max-width:560px){.answer-feedback>.understanding-grades{grid-template-columns:repeat(3,minmax(82px,1fr));overflow-x:auto}.understanding-grade{min-width:82px;padding-inline:4px!important}}