.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start}.studio-player{position:relative;border:1px solid #dce5da;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 16px 55px #27482b12}.studio-top{background:#1b5038;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px}.studio-top>b{font:800 12px Manrope,sans-serif;letter-spacing:1px}.studio-top small{display:block;color:#c1d9bf;font:500 7px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:5px}.studio-top>div{display:flex;gap:6px}.studio-light{background:#ffffff0a;color:#eff7e8;border:1px solid #ffffff30;border-radius:7px;padding:8px;font-size:10px}.studio-path{padding:13px 23px;border-bottom:1px solid #e6eddf;display:flex;justify-content:space-between;gap:15px;line-height:1.5;background:#fafcf6;color:#6a7c65;font-size:10px}.studio-path>span:first-child{color:#226443;font-weight:800;letter-spacing:.5px}.studio-path>span:last-child{text-align:right}.studio-arena{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px;min-height:390px;background:#fffdf3}.studio-stage{position:relative;overflow:hidden;isolation:isolate;min-height:390px}.stage-art{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;z-index:0}.landscape{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.85}.stage-text{position:relative;padding:30px 24px 100px;min-height:390px;text-align:center;background:linear-gradient(#fffdf3f5 0%,#fffdf3e6 30%,#fffdf300 100%);z-index:1;pointer-events:none}.scene-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#6d8367}.stage-text h2{font-size:clamp(21px,2.2vw,33px);line-height:1.3;letter-spacing:-.8px;margin:12px auto 25px;max-width:590px;color:#1c5238}.studio-sentence{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;line-height:1.6;opacity:0;transition:opacity .3s}.example-visible .studio-sentence{opacity:1}.studio-sentence>span{border-radius:12px;background:#fffdf6e8;border:1px solid #e3e8d7;padding:13px 14px 29px;font:800 clamp(17px,1.65vw,26px)/1.5 Manrope,sans-serif;position:relative;transition:background .25s,color .25s}.studio-sentence small{position:absolute;bottom:9px;left:0;width:100%;font:700 7px 'DM Sans',sans-serif;letter-spacing:1px;opacity:0}.focus-subject .studio-subject{background:#dfedff;color:#245f99;border-color:#94b2d5}.focus-subject .studio-subject small{opacity:1}.focus-predicate .studio-predicate{background:#d9efd9;color:#226443;border-color:#8db28f}.focus-predicate .studio-predicate small{opacity:1}.focus-verb .studio-predicate{border-bottom:4px solid #dfbf25}.stage-note{opacity:0;transition:opacity .3s;padding:9px 15px;background:#fffdf3ed;border:1px solid #dbdfc4;border-radius:10px;max-width:540px;display:inline-block;line-height:1.7;font-size:11px;margin:20px auto 0}.stage-note.is-visible{opacity:1}.studio-avatar{background:linear-gradient(150deg,#f0f5e9,#e1ecd7);border-left:1px solid #dee7d6;text-align:center;padding:16px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.studio-avatar svg{max-width:185px;width:100%;max-height:290px;overflow:visible}.studio-avatar>b{font-size:14px;color:#245535;margin:8px 0 0}.studio-avatar>b span{display:block;font-size:9px;font-weight:400;color:#6d8065;margin-top:3px}.avatar-state{font-size:10px;line-height:1.5;color:#4d7048;background:#ffffffb8;border:1px solid #d5e0cd;border-radius:15px;padding:7px 10px;margin-top:12px;min-height:30px}.avatar-eyes{animation:lina-blink 6s infinite;transform-origin:110px 117px}.avatar-mouth{opacity:0;transform-origin:111px 150px}.speaking .avatar-mouth{opacity:1;animation:lina-mouth .32s ease-in-out infinite alternate}.speaking .avatar-smile{opacity:0}.speaking .avatar-head{animation:lina-nod 2.4s ease-in-out infinite alternate;transform-origin:110px 170px}.avatar-arm{transform-origin:59px 215px}.speaking .avatar-arm{animation:lina-gesture 2s ease-in-out infinite alternate}.speech-line{padding:18px 26px;background:#f5f8ef;border-block:1px solid #e1e8d9;min-height:95px;font:500 clamp(14px,1.3vw,19px)/1.9 'DM Sans',sans-serif;color:#314f34}.speech-line span{border-radius:3px;transition:background .1s}.speech-line .current-word{background:#f8db08;color:#204c31;text-decoration:underline;text-underline-offset:4px}.studio-bottom{display:flex;align-items:center;gap:10px;padding:16px 22px}.play-round{width:42px;height:42px;border:0;border-radius:50%;background:#226443;color:#fff;font-size:17px;flex-shrink:0}.studio-timeline{flex:1;min-width:75px}.studio-timeline>div:first-child{font-size:9px;color:#7c8c73;margin-bottom:8px}.film-track{height:5px;border-radius:8px;background:#e9eedf;overflow:hidden}.film-track>div{height:100%;background:#226443;width:0;transition:width .2s}.studio-status{font-size:9px;color:#7f8c72;padding:0 23px 16px;display:flex;justify-content:space-between;gap:15px;line-height:1.7}.studio-sidebar .panel{padding:23px 13px}.studio-sidebar h2{margin:9px 8px 20px;font-size:17px}.studio-sidebar .eyebrow{margin-left:8px;font-size:8px}.studio-chapter{width:100%;display:flex;gap:11px;text-align:left;border:0;border-radius:9px;background:none;padding:11px 9px;align-items:center;font-size:11px;color:#6d7c65;line-height:1.5}.studio-chapter>span{font-size:10px;color:#91a184}.studio-chapter small{display:block;font-size:9px;color:#97a489;margin-top:3px}.studio-chapter.current{background:#e8f1df;color:#226443;font-weight:700}.studio-chapter.current>span{color:#226443}.verb-lab{display:flex;gap:10px;align-items:center;padding:10px 20px 28px;max-width:650px;z-index:2}.verb-lab>div{background:#e2edd7;border:1px solid #b8cda9;border-radius:12px;padding:17px;font-size:8px;color:#758568;font-weight:800;letter-spacing:1px;flex:1}.verb-lab b{font-size:14px;color:#2e5736;letter-spacing:0;display:block;margin-top:8px;line-height:1.8}.verb-lab em{font-style:normal;background:#f8db08;padding:2px 5px;border-radius:4px}.verb-lab>span{color:#748d60;font-size:28px}.forms-art{display:flex;align-items:center;gap:10px;padding:0 15px 30px;z-index:2;flex-wrap:wrap;justify-content:center}.forms-art div{background:#e1edfa;border:1px solid #a9c4e0;padding:17px 20px;border-radius:15px;color:#2b5c8f;font:800 19px Manrope}.forms-art small{display:block;font:400 10px 'DM Sans';color:#6d849c;margin-top:5px}.forms-art>b{color:#5f845c;font-size:25px}.method-steps{z-index:2;padding:0 20px 25px;display:grid;gap:8px;width:100%;max-width:500px}.method-steps div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:5px 11px;border:1px solid #d8e0c8;border-radius:12px;padding:10px 14px;background:#ffffffdf}.method-steps i{grid-row:span 2;border-radius:50%;width:27px;height:27px;line-height:27px;text-align:center;background:#e4efd8;color:#226443;font-style:normal;font-weight:800}.method-steps b{font-size:12px;color:#315c37}.method-steps small{font-size:10px;color:#839174}.mission-art{z-index:2;text-align:center;padding:0 30px 25px;color:#226443;max-width:450px}.mission-art>span{display:block;color:#e0c32f;font-size:55px}.mission-art>b{font:800 19px Manrope}.mission-art p{font-size:13px}.mission-art small{font-size:11px;color:#748768}.studio-stage:has(.verb-lab) .stage-note,.studio-stage:has(.forms-art) .stage-note,.studio-stage:has(.method-steps) .stage-note,.studio-stage:has(.mission-art) .stage-note{display:none}.studio-stage:has(.verb-lab) .stage-text,.studio-stage:has(.forms-art) .stage-text,.studio-stage:has(.method-steps) .stage-text{padding-bottom:160px}.studio-stage:has(.mission-art) .stage-text{padding-bottom:210px}.studio-task{padding:23px 27px;background:#fffbeb;border-top:1px solid #e8dfb9}.quiz-meta{font-size:9px;letter-spacing:1.5px;color:#8b7b3d;font-weight:800;display:flex;gap:12px;align-items:center}.quiz-meta span{font-size:9px;letter-spacing:0;font-weight:400;padding:5px 8px;background:#f3edcf;border-radius:20px}.studio-task h3{font-size:20px;margin:12px 0;line-height:1.6;color:#2a5134}.quiz-options{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 17px}.quiz-option{border:1px solid #ded6ae;border-radius:10px;background:#fffefa;padding:13px 18px;font-size:14px;color:#36533a;line-height:1.7;text-align:left}.quiz-option:disabled{opacity:.55}.quiz-option input{accent-color:#226443}.quiz-hint,.quiz-success{margin-top:18px;border-left:3px solid #d8b640;background:#fff0ca;padding:14px 17px;line-height:1.8;font-size:13px}.quiz-success{background:#e4f0db;border-color:#609958}.quiz-success+.btn{margin-top:17px}.quiz-fill-label{display:block;font-size:17px;line-height:2.5;margin:16px 0}.quiz-fill-label input{width:160px;border:0;border-bottom:2px solid #a9ba8f;border-radius:5px;background:white;padding:9px 12px;color:#226443}.quiz-match{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:10px;margin:13px 0;font-size:14px}.quiz-match select{font-size:12px}.classify-board{display:grid;gap:10px;margin:17px 0}.classify-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:#fffdf6;border:1px solid #e3ddc2;border-radius:10px}.classify-card>div{display:flex;gap:6px}.classify-card .selected{background:#226443;color:#fff}.order-sentence{padding:15px;min-height:62px;border:2px dashed #c8d5b3;border-radius:12px;background:#fffef6;font-size:13px;color:#84916e;display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:13px 0}.order-sentence button{border:1px solid #b5c99e;border-radius:8px;padding:8px 12px;background:#eaf2df;color:#2d5939;font-size:15px}.order-sentence small{font-size:12px;opacity:.6;margin-left:5px}.order-bank{display:flex;gap:8px;flex-wrap:wrap}.course-help{position:absolute;right:16px;top:16px;bottom:16px;width:min(440px,calc(100% - 32px));background:#fffef7;border:1px solid #d9e1ce;border-radius:17px;box-shadow:0 15px 80px #122a3050;z-index:50;padding:20px;display:flex;flex-direction:column;overflow:auto}.course-help[hidden]{display:none}.help-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.help-top b{font-size:15px}.help-top small{display:block;font-size:10px;color:#8c9980;margin-top:5px}.help-disclosure{font-size:10px;color:#7e896c;background:#f1f3e2;border-radius:8px;padding:10px;line-height:1.7;margin-top:14px}.help-messages{overflow:auto;flex:1;min-height:100px;padding:12px 0;font-size:13px;line-height:1.9}.help-reply{padding:14px;border-radius:0 12px 12px 12px;background:#eef3e6;margin:12px 18px 12px 0}.help-reply small{display:block;font-size:9px;color:#7a8b69;margin-top:9px}.help-question{margin:12px 0 12px 20px;background:#226443;color:#fff;padding:12px;border-radius:12px 0 12px 12px}.help-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.help-suggestions button{background:#fff;border:1px solid #d6e0ca;border-radius:20px;padding:6px 9px;color:#527044;font-size:10px}#helpForm>label{font-size:10px;color:#7d8b70;display:block;margin-bottom:7px}#helpForm>div{display:flex;gap:8px}#helpInput{width:100%;min-width:0;font-size:12px}.reference-video{aspect-ratio:16/9}.reference-video iframe{width:100%;height:100%;border:0;border-radius:12px}#dialog{max-height:88vh;overflow:auto}#dialog:has(#studioEditor),#dialog:has(.reference-video){width:790px}#studioEditor summary{font-weight:700;cursor:pointer;font-size:13px}#studioEditor details{border-top:1px solid #e3e9dc;padding:17px 0}#studioEditor textarea{width:100%;line-height:1.8;resize:vertical}#dialog>p{font-size:13px;line-height:1.9}#dialog>h3{margin-top:23px}.lesson-immersive{overflow:hidden}.lesson-immersive .studio-player{position:fixed;inset:0;z-index:60;border:0;border-radius:0;overflow:auto;display:flex;flex-direction:column}.lesson-immersive .studio-arena{flex:1;min-height:300px;grid-template-columns:minmax(0,1fr) min(25vw,280px)}.lesson-immersive .studio-stage{min-height:300px;display:flex;align-items:center;justify-content:center}.lesson-immersive .stage-text{padding:30px 40px 130px;width:100%;min-height:100%}.lesson-immersive .stage-text h2{font-size:clamp(26px,3.2vw,47px)}.lesson-immersive .studio-sentence>span{font-size:clamp(20px,2.5vw,38px)}.lesson-immersive .studio-avatar{justify-content:center}.lesson-immersive .studio-avatar svg{max-width:245px;max-height:360px}.lesson-immersive .stage-art{opacity:.9}.lesson-immersive .studio-task{max-height:48vh;overflow:auto;flex-shrink:0}.lesson-immersive .speech-line{flex-shrink:0}.lesson-immersive .studio-top,.lesson-immersive .studio-bottom,.lesson-immersive .studio-path,.lesson-immersive .studio-status{flex-shrink:0}.lesson-immersive .studio-bottom{padding-block:12px}.lesson-immersive .speech-line{padding:15px 32px;min-height:70px}.lesson-immersive .studio-status{padding-bottom:10px}.lesson-immersive .method-steps,.lesson-immersive .verb-lab,.lesson-immersive .forms-art,.lesson-immersive .mission-art{margin-bottom:0}.lesson-immersive .verb-lab{max-width:800px;width:100%;padding-bottom:25px}.lesson-immersive .verb-lab b{font-size:18px}.lesson-immersive .method-steps{max-width:650px;grid-template-columns:repeat(3,1fr);gap:10px}.lesson-immersive .method-steps>div{display:block}.lesson-immersive .method-steps b,.lesson-immersive .method-steps small{display:block;margin-top:9px}.lesson-immersive .method-steps i{display:block}.cloud{animation:cloud-motion 20s ease-in-out infinite alternate}.birds{animation:birds-motion 7s ease-in-out infinite alternate}.ripples{animation:water-motion 4s ease-in-out infinite alternate}@keyframes lina-blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.12)}}@keyframes lina-mouth{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes lina-nod{to{transform:rotate(1.3deg)}}@keyframes lina-gesture{to{transform:rotate(-7deg)}}@keyframes cloud-motion{to{transform:translateX(55px)}}@keyframes birds-motion{to{transform:translate(20px,-9px)}}@keyframes water-motion{to{transform:translateX(23px);opacity:.35}}@media(max-width:1100px){.studio-layout{grid-template-columns:1fr}.studio-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.studio-chapter{width:48%;display:inline-flex}.studio-stage{min-height:400px}.studio-arena{grid-template-columns:minmax(0,1fr) 155px}.studio-avatar svg{max-height:240px}.studio-sidebar .panel{margin-bottom:0}}@media(max-width:650px){.studio-top{padding:13px;gap:8px}.studio-top>b{font-size:10px}.studio-top small{display:none}.studio-light{padding:7px;font-size:9px}.studio-path{padding:10px 13px;font-size:8px}.studio-path>span:last-child{max-width:45%}.studio-arena{grid-template-columns:minmax(0,1fr) 100px;min-height:340px}.studio-avatar{padding:10px 5px}.studio-avatar svg{max-height:170px}.studio-avatar>b{font-size:12px}.studio-avatar>b span{font-size:8px}.avatar-state{font-size:8px;padding:5px}.stage-text{padding:23px 12px 100px;min-height:340px}.stage-text h2{font-size:21px;margin-bottom:20px}.studio-sentence>span{font-size:16px;padding:9px 9px 24px}.studio-sentence small{font-size:6px;letter-spacing:.5px}.stage-note{font-size:10px;padding:7px;margin-top:15px}.studio-bottom{gap:6px;padding:12px}.studio-bottom .btn{font-size:10px;padding:9px}.studio-timeline>div:first-child{font-size:8px}.studio-bottom>.btn:last-child{display:none}.speech-line{font-size:14px;padding:14px 16px;line-height:1.8;min-height:90px}.studio-status{padding:0 14px 12px;font-size:8px}.studio-sidebar{display:block}.studio-sidebar .panel{margin-bottom:15px}.studio-task{padding:18px 15px}.studio-task h3{font-size:16px}.quiz-option{font-size:12px;padding:11px}.quiz-match{grid-template-columns:1fr 13px 1fr;font-size:12px;gap:6px}.quiz-match select{font-size:10px;padding:8px}.classify-card{display:block}.classify-card>div{margin-top:10px}.quiz-fill-label{font-size:14px}.quiz-fill-label input{width:110px}.forms-art{padding:0 10px 20px;gap:5px}.forms-art div{font-size:12px;padding:9px}.forms-art small{font-size:8px}.verb-lab{padding:0 10px 20px;gap:5px}.verb-lab>div{padding:9px;font-size:7px}.verb-lab b{font-size:11px}.verb-lab>span{font-size:20px}.method-steps{padding:0 10px 20px}.method-steps b{font-size:10px}.method-steps small{font-size:8px}.mission-art{padding:0 15px 22px}.mission-art>b{font-size:14px}.mission-art p{font-size:11px}.mission-art small{font-size:9px}.lesson-immersive .studio-arena{grid-template-columns:minmax(0,1fr) 110px;min-height:220px}.lesson-immersive .studio-stage{min-height:220px}.lesson-immersive .studio-avatar svg{max-height:190px}.lesson-immersive .stage-text{padding:20px 12px 85px}.lesson-immersive .stage-text h2{font-size:23px}.lesson-immersive .studio-sentence>span{font-size:17px}.lesson-immersive .speech-line{padding:12px 16px;font-size:14px;min-height:70px}.lesson-immersive .method-steps{display:flex;flex-direction:column;gap:5px}.lesson-immersive .method-steps>div{display:grid;padding:7px}.lesson-immersive .method-steps i{grid-row:span 2}.lesson-immersive .method-steps b,.lesson-immersive .method-steps small{margin:0}.lesson-immersive .verb-lab b{font-size:12px}.lesson-immersive .studio-task{max-height:43vh}.course-help{padding:15px;top:8px;right:8px;bottom:8px;width:calc(100% - 16px)}}
.lesson-immersive .studio-player.has-task .studio-arena{flex:0 0 150px;min-height:150px}.lesson-immersive .studio-player.has-task .studio-stage{min-height:150px}.lesson-immersive .studio-player.has-task .stage-text{padding:14px;min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:12px}.lesson-immersive .studio-player.has-task .stage-text h2,.lesson-immersive .studio-player.has-task .stage-note,.lesson-immersive .studio-player.has-task .stage-art{display:none}.lesson-immersive .studio-player.has-task .studio-sentence>span{font-size:clamp(17px,2vw,27px)}.lesson-immersive .studio-player.has-task .studio-avatar{padding:2px;display:grid;grid-template-columns:100px 1fr;align-items:center;justify-content:center}.lesson-immersive .studio-player.has-task .studio-avatar svg{height:130px;grid-row:span 2}.lesson-immersive .studio-player.has-task .avatar-state{margin:0;font-size:9px;align-self:start}.lesson-immersive .studio-player.has-task .studio-avatar>b{align-self:end;font-size:12px}.lesson-immersive .studio-player.has-task .studio-task{flex:1;max-height:none;min-height:100px;overflow:auto}.lesson-immersive .studio-player.has-task .speech-line{min-height:55px;max-height:120px;overflow:auto;font-size:14px}.studio-player[hidden]{display:none}@media(max-width:650px){.lesson-immersive .studio-player.has-task .studio-avatar{display:flex;flex-direction:column}.lesson-immersive .studio-player.has-task .studio-avatar svg{height:100px}.lesson-immersive .studio-player.has-task .studio-avatar>b{align-self:auto;font-size:10px;margin:0}.lesson-immersive .studio-player.has-task .studio-avatar>b span,.lesson-immersive .studio-player.has-task .avatar-state{display:none}.lesson-immersive .studio-player.has-task .studio-arena{flex-basis:130px;min-height:130px}.lesson-immersive .studio-player.has-task .studio-stage,.lesson-immersive .studio-player.has-task .stage-text{min-height:130px}.lesson-immersive .studio-player.has-task .studio-sentence{gap:5px}.lesson-immersive .studio-player.has-task .studio-sentence>span{font-size:14px;padding:6px 8px 21px}.lesson-immersive .studio-player.has-task .speech-line{max-height:85px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.studio-player *{animation:none!important;transition:none!important}}