@media (max-width: 1180px){html body.lesson-page{height:100vh;height:100dvh;height:var(--vph, 100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden;background-attachment:scroll}body.lesson-page header.topbar{flex:0 0 auto;position:static;padding:5px 10px;min-height:0;gap:8px}body.lesson-page header.topbar h1{font-size:15px}body.lesson-page header.topbar .sub{display:none}body.lesson-page header.topbar a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}body.lesson-page main{flex:1 1 auto;min-height:0;max-width:none;margin:0;padding:6px;display:grid;gap:6px}body.lesson-page main>.card,body.lesson-page .lesson-grid>.card{margin:0;min-width:0}body.lesson-page .card{padding:8px 10px;border-radius:12px}body.lesson-page .lesson-extras{display:none}body.lesson-page .lesson-avatar{min-height:0;display:flex;align-items:center;gap:10px;overflow:hidden}body.lesson-page #stage{width:auto!important;height:100%!important;aspect-ratio:360 / 420;flex:0 0 auto;max-width:46%;margin:0;border-radius:10px}body.lesson-page .teacher-side{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}body.lesson-page .teacher-side .tname{font-weight:700;font-size:15px;line-height:1.2}body.lesson-page .lesson-board{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:6px}body.lesson-page .lesson-board .board-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body.lesson-page #board{width:100%!important;max-width:none!important;height:auto!important;box-shadow:none;border-radius:8px}body.lesson-page .board-overlay{padding:8px;gap:8px}body.lesson-page .speech-now{flex:0 0 auto;margin-top:4px;padding-top:4px}body.lesson-page .speech-now .muted{font-size:14px}body.lesson-page #subtitle{height:2.6em;font-size:15px;line-height:1.3;overflow-y:auto}body.lesson-page .lesson-student{min-height:0;display:flex;flex-direction:column;gap:6px;padding-bottom:max(8px,env(safe-area-inset-bottom))}body.lesson-page .lesson-student .row{gap:6px;flex-wrap:wrap}body.lesson-page #micBtn{flex:1 1 100%;min-height:56px;font-size:17px}body.lesson-page #answer{flex:1 1 55%;min-width:120px;font-size:16px;min-height:46px}body.lesson-page #sendBtn{flex:0 0 auto;min-height:46px}body.lesson-page #hearing{flex:1 1 100%}body.lesson-page .kid-tools{display:flex;gap:6px;margin-top:0}body.lesson-page .kid-tools button{flex:1 1 0;min-height:44px;font-size:14px;padding:8px 4px}body.lesson-page .lesson-student .handsfree-label{display:none!important}body.lesson-page .lesson-head{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}body.lesson-page .lesson-head .head-left{min-width:0;flex:1 1 0;overflow:hidden}body.lesson-page .lesson-head h2{font-size:15px;line-height:1.25;white-space:normal;overflow:hidden}body.lesson-page .lesson-head #title{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.lesson-page .lesson-head .row{flex:0 1 auto;min-width:0;gap:6px;flex-wrap:nowrap}body.lesson-page .lesson-head #status{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.lesson-page .lesson-head #startBtn{flex:0 0 auto;white-space:nowrap;padding:11px 13px;font-size:14px;min-height:44px}.mob-exit{display:none}body.lesson-page #modelBadge,body.lesson-page #verifiedBadge{font-size:14px;padding:2px 7px}body.lesson-page .pill,body.lesson-page #hearing{font-size:14px}}@media (max-width: 760px) and (orientation: portrait){body.lesson-page main{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "teacher" "board" "child";grid-template-rows:auto minmax(96px,var(--fr-teacher, 1fr)) minmax(120px,var(--fr-board, 1.45fr)) auto}body.lesson-page .lesson-grid{display:contents}body.lesson-page .lesson-head{grid-area:head}body.lesson-page .lesson-avatar{grid-area:teacher}body.lesson-page .lesson-board{grid-area:board}body.lesson-page .lesson-student{grid-area:child}body.lesson-page main.board-heavy{--fr-teacher: .58;--fr-board: 2.1}body.lesson-page main.board-heavy #stage{max-width:30%}body.lesson-page header.topbar{display:none}body.lesson-page .lesson-head #status,body.lesson-page .lesson-head #teacherName{display:none}body.lesson-page .lesson-head #startBtn:disabled{display:none}body.lesson-page .mob-exit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;margin-right:2px;font-size:20px;text-decoration:none;color:var(--muted)}}@media (max-width: 760px) and (orientation: portrait){body.lesson-page.kb-open main{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "board" "child";grid-template-rows:auto minmax(90px,1fr) auto}body.lesson-page.kb-open .lesson-avatar,body.lesson-page.kb-open #micBtn,body.lesson-page.kb-open .kid-tools,body.lesson-page.kb-open .speech-now{display:none}}@media (max-width: 1180px) and (orientation: landscape){body.lesson-page.kb-open main{grid-template-columns:minmax(0,1fr);grid-template-areas:"board" "child";grid-template-rows:minmax(60px,1fr) auto}body.lesson-page.kb-open .lesson-avatar,body.lesson-page.kb-open .lesson-head,body.lesson-page.kb-open .speech-now,body.lesson-page.kb-open #micBtn,body.lesson-page.kb-open .kid-tools{display:none}}@media (max-width: 1180px) and (orientation: landscape){body.lesson-page main{grid-template-columns:minmax(150px,30%) minmax(0,1fr);grid-template-areas:"head head" "teacher board" "child child";grid-template-rows:auto minmax(0,1fr) auto}body.lesson-page .lesson-grid{display:contents}body.lesson-page .lesson-head{grid-area:head}body.lesson-page .lesson-avatar{grid-area:teacher;flex-direction:column}body.lesson-page .lesson-board{grid-area:board}body.lesson-page .lesson-student{grid-area:child}body.lesson-page #stage{max-width:100%;height:auto!important;max-height:68%}body.lesson-page .teacher-side{flex:0 0 auto;width:100%;text-align:center}body.lesson-page .lesson-student{flex-direction:row;align-items:center;flex-wrap:wrap}body.lesson-page #micBtn{width:auto;flex:0 0 auto;min-height:46px}body.lesson-page .kid-tools{flex:0 0 auto}body.lesson-page .kid-tools button{min-width:44px}}@media (min-width: 761px) and (max-width: 1180px) and (orientation: portrait){body.lesson-page main{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"head head" "teacher board" "child child";grid-template-rows:auto minmax(0,1fr) auto}body.lesson-page .lesson-grid{display:contents}body.lesson-page .lesson-head{grid-area:head}body.lesson-page .lesson-avatar{grid-area:teacher;flex-direction:column;align-items:stretch}body.lesson-page .lesson-board{grid-area:board}body.lesson-page .lesson-student{grid-area:child}body.lesson-page #stage{max-width:100%;height:auto!important;max-height:60%;margin:0 auto}body.lesson-page .teacher-side{flex:0 0 auto}body.lesson-page #micBtn{width:auto;flex:0 0 auto}body.lesson-page .lesson-student{flex-direction:row;flex-wrap:wrap;align-items:center}}.tstate{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:3px 10px;border-radius:999px;font-size:14px;font-weight:600;background:var(--line);color:var(--muted);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tstate:before{content:"•";font-size:16px;line-height:1;flex:0 0 auto}.tstate.speak{background:#6c8cff29;color:#3552c0}.tstate.listen{background:#33a86a29;color:#1a7f46}.tstate.think{background:#f0a93c2e;color:#8a5a00}.tstate.off{background:#f4526b1f;color:var(--err)}.pause-gate{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:#1418308c}.pause-card{background:var(--panel);border-radius:20px;padding:26px 22px;text-align:center;max-width:380px;box-shadow:0 12px 40px #2d376938}.pause-card h2{margin:8px 0;font-size:20px}.pause-card button{min-height:52px;width:100%;margin-top:14px;font-size:17px}.echo-hint{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:70;background:#fff8ec;border:1px solid #f0c98a;border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.4;color:var(--text);box-shadow:0 8px 24px #2d37692e}.echo-hint button{min-height:44px;font-size:14px;padding:8px 12px}@media (min-width: 761px){.echo-hint{left:auto;right:16px;bottom:16px;max-width:420px}}.sheet[hidden]{display:none}.sheet{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;background:#14183073}.sheet-card{background:var(--panel);width:100%;max-height:82%;overflow-y:auto;border-radius:18px 18px 0 0;padding:14px 14px max(14px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px #2d376938}.sheet-card h3{margin:0 0 10px;font-size:17px}.sheet-close{width:100%;min-height:48px;margin-top:12px}@media (min-width: 761px){.sheet{align-items:center;justify-content:center}.sheet-card{max-width:560px;border-radius:18px;max-height:80%}}@media (max-width: 760px) and (orientation: portrait){body.lesson-page .lesson-head h2{display:none}body.lesson-page .lesson-head #title{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}body.lesson-page .head-badges{margin-top:6px;gap:6px}}