.lesson-panel{position:fixed;right:20px;top:20px;width:310px;max-height:75dvh;overflow:auto;background:#fff8ecf5;color:#27483e;border:1px solid #ddd2bf;border-radius:16px;box-shadow:0 8px 28px #0002}.lesson-panel summary{padding:16px;cursor:pointer;font-weight:650}.lesson-panel summary span{float:right}.lesson-inner{padding:0 16px 16px}.lesson-panel button{margin:4px 3px 0 0}.lesson-panel ol{padding-left:24px;line-height:2}.lesson-panel .complete{color:#39764f}.lesson-panel .complete::after{content:' ✓'}.mia-guide{display:flex;gap:10px;align-items:center}.mia-guide img{width:52px;height:64px;object-fit:cover;border-radius:24px}.mia-guide p{line-height:1.6;margin:0}.lesson-panel select{min-height:44px;border:1px solid #9ba99d;border-radius:8px;padding:6px;background:#fff8ec;color:inherit}#lesson-words{display:flex;flex-wrap:wrap;margin:10px 0}#lesson-words button{font-size:14px;padding:7px 10px;background:#f0eddf}#lesson-status{line-height:1.6}.teacher-tools{margin-top:14px;border-top:1px solid #dcd3c2}.teacher-tools summary{font-size:12px;padding:12px 0}.teacher-tools p{font-size:12px}.lesson-picture{position:fixed;left:22px;bottom:140px;margin:0;padding:12px;width:210px;background:#fff8ec;color:#27483e;border-radius:14px;box-shadow:0 5px 25px #0003}.lesson-picture img{width:100%;max-height:180px;object-fit:contain}.lesson-picture button{position:absolute;right:0;top:0;background:#fff8ec}.lesson-picture figcaption{font-size:14px;line-height:1.5;margin-top:8px}.lesson-voice{position:fixed;inset:25px 25px 25px auto;width:min(460px,95vw);background:#fff8ec;color:#27483e;border-radius:14px;box-shadow:0 10px 60px #0006;z-index:20;padding:10px;display:flex;flex-direction:column}.lesson-voice>div{display:flex;justify-content:space-between;align-items:center}.lesson-voice>p{padding:6px 0;line-height:1.5}.lesson-voice iframe{width:100%;flex:1;min-height:0;border:0;border-radius:8px}@media(max-width:700px){.lesson-panel{top:12px;right:10px;width:260px;max-height:44dvh}.lesson-panel summary{padding:12px}.lesson-picture{left:10px;bottom:165px;width:170px}.lesson-voice{inset:10px;width:auto}header{max-width:40vw}.lesson-panel button{font-size:12px}}
#words{display:flex;flex-wrap:wrap;margin:10px 0}#words button{padding:6px 10px}button.primary{background:#234f43;color:#fff;width:100%;margin-top:12px}.record-choice{display:block;font-size:12px;line-height:1.6;margin:12px 0}.record-choice input{width:18px;height:18px;vertical-align:middle}.live-caption{position:fixed;left:50%;bottom:150px;transform:translateX(-50%);max-width:min(650px,90vw);padding:12px 18px;background:#182e28e8;border-radius:14px;color:#fff8ec;font-size:17px;line-height:1.5;text-align:center;pointer-events:none}#download{display:block;color:#234f43;padding:12px 0}#download[hidden]{display:none}@media(max-width:700px){.live-caption{bottom:155px;font-size:15px}.lesson-panel{max-height:48dvh}}