.teacher-drawer{--teacher-width:min(320px, calc(100vw - 48px));color:#173e29;height:0;font-size:14px;line-height:1.5}.teacher-drawer *,.teacher-drawer :before,.teacher-drawer :after{box-sizing:border-box}.teacher-drawer button,.teacher-drawer select,.teacher-drawer input{font:inherit}.teacher-drawer button{cursor:pointer}.teacher-drawer button:disabled{cursor:default;opacity:.5}.teacher-drawer button:focus-visible,.teacher-drawer select:focus-visible,.teacher-drawer input:focus-visible{outline-offset:3px;outline:3px solid #208442}.teacher-drawer svg{flex-shrink:0}.teacher-drawer__panel{z-index:42;width:var(--teacher-width);height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) 0;background:#fff;border-left:1px solid #d5e3d8;flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-8px 0 28px #173e2914}.teacher-drawer__header{border-bottom:1px solid #e2ebe3;align-items:center;gap:10px;padding:20px 16px;display:flex}.teacher-drawer__avatar{color:#168144;background:#eaf6ec;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.teacher-drawer__header>div{min-width:0}.teacher-drawer__header strong{font-size:15px;font-weight:750;line-height:1.3;display:block}.teacher-drawer__header span:not(.teacher-drawer__avatar){color:#687c70;margin-top:3px;font-size:12px;display:block}.teacher-drawer__close{color:#42644d;background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;width:44px;min-height:44px;margin-left:auto;padding:0;display:grid}.teacher-drawer__close:hover{background:#edf6ef}.teacher-drawer__body{overscroll-behavior:contain;flex:1;min-height:0;padding:24px 20px;overflow-y:auto}.teacher-drawer__lesson>span{color:#6b7e72;font-size:12px}.teacher-drawer__lesson h2{color:#173e29;margin:6px 0 20px;font-size:21px;font-weight:750;line-height:1.35}.teacher-drawer__progress{color:#65796d;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.teacher-drawer .teacher-progress{color:#176d37;white-space:nowrap;font-weight:650}.teacher-drawer progress{accent-color:#208442;background:#e3ebe4;border:0;border-radius:8px;width:100%;height:5px;margin:9px 0 20px;display:block;overflow:hidden}.teacher-drawer progress::-webkit-progress-bar{background:#e3ebe4}.teacher-drawer progress::-webkit-progress-value{background:#208442}.teacher-drawer .teacher-controls__actions{gap:10px;display:grid}.teacher-controls__actions>button{border:1px solid #cedfd1;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.35;display:flex}.teacher-drawer__primary{color:#fff;background:#177d40}.teacher-drawer__primary:hover{background:#126633}.teacher-drawer__secondary{color:#176d37;background:#fff}.teacher-drawer__secondary:hover{background:#f0f8f2}.teacher-drawer__settings{gap:18px;margin-top:4px;padding:24px 0;display:grid}.teacher-drawer .teacher-speed,.teacher-drawer .teacher-chapters{gap:7px;font-size:13px;font-weight:650;display:grid}.teacher-drawer select{color:#365e43;background:#fff;border:1px solid #cedfd1;border-radius:9px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:9px 10px}.teacher-drawer .teacher-mode{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin:-6px 0;font-size:13px;display:flex}.teacher-drawer .teacher-mode input{accent-color:#208442;flex-shrink:0;width:18px;height:18px;min-height:0;margin:0;padding:0}.teacher-drawer__narration{background:#f1f8f2;border:1px solid #deebdf;border-radius:12px;padding:16px}.teacher-drawer__narration>span{color:#607768;align-items:center;gap:8px;font-size:12px;display:flex}.teacher-drawer .teacher-caption{overflow-wrap:anywhere;margin:10px 0 0;font-size:16px;line-height:1.65}.teacher-drawer .teacher-notice{color:#576d5d;overflow-wrap:anywhere;margin:16px 0 0;font-size:13px}.teacher-drawer__footer{color:#65796d;background:#fafcf9;border-top:1px solid #e2ebe3;align-items:center;gap:8px;padding:16px 20px;font-size:12px;display:flex}.teacher-drawer__footer>span{background:#a0afa3;border-radius:50%;flex-shrink:0;width:6px;height:6px}.teacher-drawer__footer>span.playing{background:#208442}.teacher-drawer__edge{z-index:43;gap:6px;width:44px;display:grid;position:fixed;top:clamp(96px,22vh,200px);right:0}.teacher-drawer--expanded .teacher-drawer__edge{right:var(--teacher-width)}.teacher-drawer__edge button{color:#176d37;background:#f0f8f1;border:1px solid #c9dfce;border-right:0;border-radius:12px 0 0 12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;padding:8px 2px;display:flex;box-shadow:-3px 3px 12px #173e2910}.teacher-drawer__edge .teacher-drawer__toggle{min-height:98px}.teacher-drawer__toggle>span{font-size:10px;font-weight:750}.teacher-drawer__edge .teacher-drawer__quick{color:#fff;background:#177d40;min-height:44px}.teacher-drawer__scrim{z-index:41;background:#253c3245;position:fixed;inset:0}.page-shell:has(>.teacher-drawer){padding-right:48px}@media (width<=767px){.student-activity-page-shell:has(>.teacher-drawer) .student-activity-progress-head{width:auto}}@media (width>=1280px){.page-shell:has(>.teacher-drawer--expanded){padding-right:368px}}@media (width<=380px){.teacher-drawer__header{gap:7px;padding:16px 10px}.teacher-drawer__avatar{width:32px;height:32px}.teacher-drawer__header strong{font-size:13px}.teacher-drawer__body{padding:20px 16px}}