.jfr-animated-lesson{padding:0!important;background:#f4f9fa!important;color:#14394a;border:1px solid #d8e7ea;border-radius:22px;overflow:hidden}.jfr-lesson-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 22px;background:white;border-bottom:1px solid #d8e7ea}.jfr-lesson-top>span{font-size:10px;font-weight:800;letter-spacing:2px;color:#27778a}.jfr-lesson-top button{font-size:12px}.jfr-lesson-grid{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.3fr);min-height:450px}.jfr-avatar-stage{--jaw:.35;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 43%,#f9fffc 0,#ddf2eb 45%,#bbdedc 100%);overflow:hidden;padding:22px 15px 18px}.jfr-teacher-label{align-self:flex-start;z-index:1;padding-left:5px}.jfr-teacher-label b{display:block;color:#17485a;font-size:18px}.jfr-teacher-label span{display:block;margin-top:4px;color:#4d747b;font-size:10px}.jfr-teacher{display:block;width:min(100%,310px);height:auto;max-height:360px;overflow:visible}.teacher-breathe{transform-origin:180px 380px;animation:jfrTeacherBreathe 5s ease-in-out infinite}.teacher-eyes{transform-box:fill-box;transform-origin:center;animation:jfrTeacherBlink 6s infinite}.teacher-mouth{transform-box:fill-box;transform-origin:center;transform:scaleY(var(--jaw));opacity:0}.teacher-smile{opacity:1}.is-speaking .teacher-mouth{opacity:1}.is-speaking .teacher-smile{opacity:0}.is-speaking .teacher-breathe{animation:jfrTeacherBreathe 2.8s ease-in-out infinite}.jfr-teacher-status{z-index:1;font-size:11px;line-height:1.6;color:#184f5c;text-align:center;min-height:32px;max-width:280px}.jfr-lesson-board{padding:38px 30px;background:#0c3546;display:flex;flex-direction:column;justify-content:center;color:#f3faf9}.jfr-lesson-board>small{color:#8bcec7;letter-spacing:1.2px;font-size:10px}.jfr-lesson-board h2{color:#fff!important;font-size:27px;line-height:1.5;margin:18px 0}.jfr-lesson-board>p{font-size:17px;line-height:2;color:#ecf6f7;white-space:pre-wrap;overflow-wrap:anywhere}.jfr-lesson-tip{margin-top:22px;padding:14px 16px;background:#ffffff09;border-left:3px solid #6dbbb0;font-size:12px;line-height:1.9;color:#b6d9df}.jfr-animated-lesson .video-progress{margin:0;height:5px;border-radius:0;background:#cfe3e7}.jfr-animated-lesson .video-progress i{background:#16959b}.jfr-animated-lesson .video-controls{padding:18px;background:white;display:flex;gap:8px;flex-wrap:wrap}.jfr-animated-lesson .video-controls button{font-size:12px;min-height:40px}.jfr-animated-lesson button[hidden]{display:none!important}.jfr-lesson-voice{z-index:5200!important}.jfr-lesson-voice .voice-mode-card{max-height:94vh;overflow:auto}.jfr-lesson-voice .voice-orb{width:180px;height:210px;margin:8px auto;box-shadow:none;background:transparent;border:0;animation:none}.jfr-lesson-voice .voice-orb:before,.jfr-lesson-voice .voice-orb:after{display:none}.jfr-lesson-voice .voice-orb .jfr-avatar-stage{padding:0;border-radius:28px;width:180px;height:210px}.jfr-lesson-voice .jfr-teacher{width:175px;height:205px}.jfr-lesson-voice.speaking .teacher-mouth{animation:jfrTeacherTalk .19s infinite alternate}.jfr-lesson-voice .voice-mode-actions{flex-wrap:wrap}
@keyframes jfrTeacherBreathe{50%{transform:translateY(-3px) rotate(.6deg)}}@keyframes jfrTeacherBlink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.08)}}@keyframes jfrTeacherTalk{from{transform:scaleY(.25)}to{transform:scaleY(1)}}@media(max-width:680px){.jfr-lesson-grid{grid-template-columns:1fr}.jfr-avatar-stage{padding:12px;min-height:235px}.jfr-avatar-stage .jfr-teacher{height:230px}.jfr-teacher-label{position:absolute;top:14px;left:12px}.jfr-teacher-label b{font-size:14px}.jfr-teacher-label span{max-width:110px}.jfr-lesson-board{padding:24px}.jfr-lesson-board h2{font-size:23px}.jfr-lesson-board>p{font-size:16px}.jfr-lesson-top{padding:12px;flex-wrap:wrap}.jfr-teacher-status{font-size:10px}.jfr-animated-lesson .video-controls{padding:12px}}
@media(prefers-reduced-motion:reduce){.teacher-breathe,.teacher-eyes,.jfr-lesson-voice.speaking .teacher-mouth{animation:none!important}}
