/* One lesson = one viewport. No scrolling is required to answer. */
.assessment-age{width:min(560px,100%);margin:14px auto;padding:13px;border-radius:18px;background:#fffaf0}.assessment-age>b{display:block;margin-bottom:9px}.assessment-age>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.assessment-age button{min-height:48px;border:2px solid #e1d8ca;border-radius:14px;background:#fff;font-weight:850}.assessment-age button.active{border-color:var(--primary);background:#fff0e6}
body.lesson-mode{overflow:hidden!important;overscroll-behavior:none!important}
body.lesson-mode .app{height:100dvh!important;min-height:0!important;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;overflow:hidden!important}
.question-screen{position:fixed!important;z-index:20;inset:0!important;width:100%!important;height:100dvh!important;min-height:0!important;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:7px!important;background:#fff7e8!important;overflow:hidden!important}
.question-screen .topbar{margin:0!important;min-height:46px!important}.question-screen .brand-mark{width:42px!important;height:42px!important}.question-screen .icon-btn{min-width:42px!important;min-height:42px!important}
.question-screen .lesson-head{min-height:24px!important;margin:0!important}
.question-screen .question-card{min-height:0!important;height:100%!important;margin:0!important;padding:clamp(9px,1.5vh,16px)!important;overflow:hidden!important;display:flex!important;justify-content:flex-start!important}
.question-screen .question-media{min-height:0!important;max-height:27dvh!important;overflow:hidden!important;flex:0 1 auto!important}
.question-screen .story-bubble{min-height:0!important;margin:0 auto 5px!important;padding:5px 10px!important;border-radius:14px!important}.question-screen .story-character{font-size:0!important}.question-screen .story-character img{width:42px!important;height:42px!important;object-fit:contain!important}.question-screen .story-bubble p{font-size:clamp(11px,1.6vh,14px)!important;line-height:1.25!important}
.question-screen .question-photo,.question-screen .attention-context-image{height:min(18dvh,155px)!important;max-height:18dvh!important;margin:0 auto 4px!important;object-fit:contain!important}
.question-screen .question-visual{font-size:clamp(48px,12vh,94px)!important;min-height:0!important;max-height:17dvh!important}
.question-screen .count-scene,.question-screen .math-scene,.question-screen .number-sequence,.question-screen .shape-sample,.question-screen .shape-object-card,.question-screen .word-card{min-height:0!important;max-height:17dvh!important;margin:0 auto 4px!important;padding:7px!important;overflow:hidden!important}
.question-screen .count-scene img,.question-screen .math-scene img{width:clamp(30px,5vh,48px)!important;height:clamp(30px,5vh,48px)!important}
.question-screen .question-title{flex:0 0 auto!important;font-size:clamp(19px,3.2vh,31px)!important;line-height:1.12!important;margin:4px auto!important}
.question-screen .question-sub{display:none!important}
.question-screen .voice-row{flex:0 0 auto!important;margin:3px 0 7px!important;gap:6px!important;flex-wrap:nowrap!important}.question-screen .voice-btn{min-height:38px!important;padding:7px 10px!important;font-size:clamp(11px,1.6vh,14px)!important;white-space:nowrap!important}
.question-screen .answer-grid{flex:1 1 auto!important;min-height:0!important;max-width:900px!important;margin:0 auto!important;gap:8px!important;align-items:stretch!important}
.question-screen .answer-wrap{min-height:0!important;grid-template-rows:minmax(0,1fr) auto!important;gap:3px!important}.question-screen .answer{min-height:0!important;height:100%!important;padding:6px!important;border-radius:17px!important;font-size:clamp(14px,2vh,18px)!important;overflow:hidden!important}.question-screen .answer img{height:min(13dvh,105px)!important;max-height:13dvh!important;object-fit:contain!important}.question-screen .answer .big{font-size:clamp(34px,7vh,58px)!important}.question-screen .answer-audio{min-height:34px!important;padding:5px!important}
.question-screen .feedback{flex:0 0 auto!important;min-height:23px!important;max-height:34px!important;margin:4px 0 0!important;padding:0!important;font-size:13px!important;overflow:hidden!important}
.question-screen .harvest-field{flex:1 1 auto!important;min-height:0!important;margin:5px auto!important;gap:6px!important}.question-screen .harvest-item{min-height:0!important;height:100%!important;max-height:82px!important}.question-screen .bakery-host{margin:0!important}.question-screen .basket-status{font-size:20px!important}
.question-screen .speaking-question-card{max-width:900px!important}.question-screen .speaking-visual img{max-height:22dvh!important}.question-screen .speaking-controls{margin-top:auto!important}
.question-screen.poem-reading-screen .poem-reader{min-height:0!important;height:100%!important;overflow:hidden!important;padding:12px!important}.question-screen .poem-full-lines{min-height:0!important;overflow:hidden!important}.question-screen .poem-full-line{padding:5px 9px!important;font-size:clamp(14px,2.1vh,19px)!important}
@media(max-height:650px){
 .question-screen{gap:3px!important;padding-top:4px!important;padding-bottom:4px!important}.question-screen .topbar{min-height:38px!important}.question-screen .brand-mark,.question-screen .icon-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.question-screen .brand small,.question-screen .about-tab{display:none!important}
 .question-screen .question-media{max-height:20dvh!important}.question-screen .story-bubble{display:none!important}.question-screen .question-photo,.question-screen .attention-context-image{height:14dvh!important}.question-screen .question-title{font-size:clamp(17px,3.5vh,24px)!important}.question-screen .voice-row{margin:1px 0 4px!important}.question-screen .voice-btn{min-height:32px!important;padding:5px 8px!important}.question-screen .answer img{height:10dvh!important}.question-screen .answer-audio{min-height:28px!important}.question-screen .feedback{min-height:18px!important}
}
@media(max-width:560px){
 .question-screen{padding-left:7px!important;padding-right:7px!important}.question-screen .top-actions .about-tab,.question-screen .guest-register-top{display:none!important}.question-screen .brand{font-size:13px!important}.question-screen .lesson-dots i{width:6px!important;height:6px!important}
 .question-screen .question-card{padding:8px!important}.question-screen .voice-btn{font-size:0!important;min-width:43px!important}.question-screen .voice-btn:before{font-size:18px!important}.question-screen #listenBtn:before{content:'🔊'}.question-screen #listenAllBtn:before{content:'🎧'}.question-screen #hintBtn:before{content:'💡'}
 .question-screen .answer-grid.options-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.question-screen .answer{border-radius:14px!important}.question-screen .answer img{width:100%!important}.question-screen .answer-wrap .answer>span:last-child{font-size:12px!important}
}