.lesson-page .lesson-tabs{scrollbar-width:none;overflow-x:auto}.lesson-page .lesson-tabs::-webkit-scrollbar{display:none}.lesson-page .lesson-tab{white-space:nowrap;flex:none}.lesson-interactive-heading,.roleplay-header{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.lesson-interactive-heading>div,.roleplay-header>div:first-child{max-width:720px}.lesson-interactive-heading h2,.roleplay-header h2{color:#073d35;letter-spacing:-.035em;margin:7px 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.14}.lesson-interactive-heading p,.roleplay-header p{color:#667872;margin:0;font-size:13px;line-height:1.65}.lesson-interactive-heading-icon{color:#0b7669;background:#eef8f4;border:1px solid #cfe3dc;border-radius:15px;flex:none;place-items:center;width:52px;height:52px;display:grid}.lesson-phrasebook,.lesson-pronunciation-coach,.roleplay-dialogue{padding:4px 2px}.lesson-phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.lesson-phrase-card{background:linear-gradient(150deg,#fff 54%,#f4faf7);border:1px solid #dde6e1;border-radius:15px;flex-direction:column;min-height:176px;padding:21px 22px;display:flex}.lesson-phrase-card>span{color:#0a8173;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.lesson-phrase-card>strong{color:#093f36;margin-top:15px;font-size:21px;line-height:1.4}.lesson-phrase-card>small{color:#078879;margin-top:5px;font-size:12px;font-weight:650}.lesson-phrase-card>p{color:#667771;margin:auto 0 0;padding-top:11px;font-size:12px;line-height:1.55}.pronunciation-practice-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:18px;margin-top:26px;display:grid}.pronunciation-target-list{background:#f8faf8;border:1px solid #dce6e1;border-radius:14px;gap:4px;max-height:560px;padding:7px;display:grid;overflow-y:auto}.pronunciation-target-list button{cursor:pointer;color:#4f655f;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 9px;display:grid}.pronunciation-target-list button:hover,.pronunciation-target-list button.is-active{color:#075d52;background:#e8f4f0}.pronunciation-target-list button>span{color:#0b7669;background:#fff;border:1px solid #cbded7;border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.pronunciation-target-list button>small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:690;overflow:hidden}.pronunciation-target-list button>svg{color:#0c9b83}.pronunciation-practice-card{text-align:center;background:radial-gradient(circle at 50% 0,#f1faf6 0,#fff 48%);border:1px solid #d7e2dc;border-radius:18px;flex-direction:column;align-items:center;min-height:510px;padding:34px 38px 24px;display:flex;box-shadow:0 18px 42px #1a423914}.pronunciation-step-label{color:#0b806f;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:850}.pronunciation-practice-card>strong{color:#083c34;max-width:720px;margin-top:25px;font-size:clamp(30px,4vw,46px);line-height:1.3}.pronunciation-practice-card>small{color:#058878;margin-top:10px;font-size:16px;font-weight:700}.pronunciation-practice-card>p{color:#687a74;margin:7px 0 0;font-size:13px}.pronunciation-evaluator{width:100%;margin-top:30px}.pronunciation-actions{justify-content:center;gap:10px;display:flex}.pronunciation-actions button,.pronunciation-next-row button,.roleplay-feedback>button,.roleplay-complete>button{cursor:pointer;border:1px solid #cbded7;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:0 17px;font-size:12px;font-weight:780;display:inline-flex}.pronunciation-listen{color:#087568;background:#eef8f4}.pronunciation-record{color:#fff;background:#0b6458;box-shadow:0 8px 18px #0b64582e;border-color:#0b6458!important}.pronunciation-record.is-recording{background:#b83d3d;animation:1s ease-in-out infinite alternate pronunciation-recording;border-color:#b83d3d!important}@keyframes pronunciation-recording{to{box-shadow:0 0 0 8px #b83d3d1f}}.pronunciation-actions button:disabled,.pronunciation-next-row button:disabled{cursor:not-allowed;opacity:.45}.pronunciation-error{color:#8f3934;text-align:left;background:#fff5f3;border:1px solid #efcec8;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:14px auto 0;padding:11px 13px;font-size:11px;display:flex}.pronunciation-error button{cursor:pointer;color:inherit;font:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;font-weight:750;display:inline-flex}.pronunciation-result{text-align:left;background:#f1f9f6;border:1px solid #cfe4dc;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-top:18px;padding:16px;display:grid}.pronunciation-total{color:#fff;background:#0a7668;border-radius:50%;align-content:center;place-items:center;width:68px;height:68px;display:grid}.pronunciation-total strong{font-size:24px;line-height:1}.pronunciation-total span{opacity:.75;font-size:9px}.pronunciation-feedback>strong{color:#0a5f54;font-size:12px}.pronunciation-feedback>p{color:#586c66;margin:4px 0 0;font-size:11px;line-height:1.5}.pronunciation-feedback>small{color:#9a5c27;margin-top:6px;font-size:10px;display:block}.pronunciation-dimensions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.pronunciation-dimensions>span{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;display:flex}.pronunciation-dimensions small{color:#72827d;font-size:9px}.pronunciation-dimensions strong{color:#09675c;font-size:12px}.pronunciation-next-row{border-top:1px solid #e2e9e5;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:auto;padding-top:22px;display:flex}.pronunciation-next-row>span{color:#6a7c76;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.pronunciation-next-row>button{color:#0b7064;background:#fff;min-height:37px}.lesson-content-card:has(.lesson-pronunciation-coach){border-color:color-mix(in srgb, var(--himi-red) 18%, var(--himi-line));background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--himi-orange) 12%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--himi-red) 4%, var(--himi-white)), var(--himi-white) 240px);box-shadow:0 18px 48px #22222212}.lesson-pronunciation-coach .lesson-interactive-heading h2,.lesson-pronunciation-coach .pronunciation-practice-card>strong{color:var(--himi-black)}.lesson-pronunciation-coach .lesson-interactive-heading p,.lesson-pronunciation-coach .pronunciation-practice-card>p,.lesson-pronunciation-coach .pronunciation-next-row>span{color:var(--himi-muted)}.lesson-pronunciation-coach .lesson-interactive-heading-icon{color:var(--himi-red);border-color:color-mix(in srgb, var(--himi-red) 20%, var(--himi-white));background:var(--himi-red-soft)}.lesson-pronunciation-coach .pronunciation-target-list{border-color:var(--himi-line);background:color-mix(in srgb, var(--himi-orange) 3%, var(--himi-white));scrollbar-color:color-mix(in srgb, var(--himi-red) 30%, var(--himi-white)) transparent}.lesson-pronunciation-coach .pronunciation-target-list button{color:var(--himi-muted);transition:color .18s,background-color .18s,box-shadow .18s}.lesson-pronunciation-coach .pronunciation-target-list button:hover{color:var(--himi-black);background:var(--himi-orange-soft)}.lesson-pronunciation-coach .pronunciation-target-list button.is-active{color:var(--himi-black);background:var(--himi-red-soft);box-shadow:inset 3px 0 var(--himi-red)}.lesson-pronunciation-coach .pronunciation-target-list button>span{color:var(--himi-red);border-color:color-mix(in srgb, var(--himi-red) 22%, var(--himi-white));background:var(--himi-white)}.lesson-pronunciation-coach .pronunciation-practice-card{border-color:var(--himi-line);background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--himi-orange) 12%, var(--himi-white)), var(--himi-white) 48%);box-shadow:0 18px 42px #22222214}.lesson-pronunciation-coach .pronunciation-step-label,.lesson-pronunciation-coach .pronunciation-practice-card>small{color:var(--himi-red)}.lesson-pronunciation-coach .pronunciation-actions button,.lesson-pronunciation-coach .pronunciation-next-row button{border-color:var(--himi-line)}.lesson-pronunciation-coach .pronunciation-listen{color:var(--himi-black);border-color:color-mix(in srgb, var(--himi-orange) 30%, var(--himi-white));background:var(--himi-orange-soft)}.lesson-pronunciation-coach .pronunciation-listen:hover{border-color:var(--himi-orange);background:color-mix(in srgb, var(--himi-orange) 22%, var(--himi-white))}.lesson-pronunciation-coach .pronunciation-record{color:var(--himi-on-red);background:var(--himi-red);box-shadow:0 9px 22px color-mix(in srgb, var(--himi-red) 24%, transparent);border-color:var(--himi-red)!important}.lesson-pronunciation-coach .pronunciation-record:not(:disabled):hover{background:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange));box-shadow:0 12px 26px color-mix(in srgb, var(--himi-red) 30%, transparent)}.lesson-pronunciation-coach .pronunciation-record.is-recording{background:color-mix(in srgb, var(--himi-red) 78%, var(--himi-black));border-color:color-mix(in srgb, var(--himi-red) 78%, var(--himi-black))!important}.lesson-pronunciation-coach .pronunciation-result{border-color:color-mix(in srgb, var(--himi-orange) 28%, var(--himi-white));background:var(--himi-orange-soft)}.lesson-pronunciation-coach .pronunciation-total{color:var(--himi-on-red);background:var(--himi-red)}.lesson-pronunciation-coach .pronunciation-feedback>strong{color:var(--himi-black)}.lesson-pronunciation-coach .pronunciation-feedback>p,.lesson-pronunciation-coach .pronunciation-dimensions small{color:var(--himi-muted)}.lesson-pronunciation-coach .pronunciation-dimensions strong{color:var(--himi-red)}.lesson-pronunciation-coach .pronunciation-next-row{border-color:var(--himi-line)}.lesson-pronunciation-coach .pronunciation-next-row>button{color:var(--himi-red);background:var(--himi-white)}.lesson-pronunciation-coach .pronunciation-next-row>button:not(:disabled):hover{border-color:color-mix(in srgb, var(--himi-red) 30%, var(--himi-white));background:var(--himi-red-soft)}.roleplay-header{border-bottom:1px solid #e1e8e4;padding-bottom:20px}.roleplay-live{color:#0a7668;white-space:nowrap;background:#eff8f4;border:1px solid #cfe4dc;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:780;display:inline-flex}.roleplay-live>span{background:#11a58e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #11a58e1f}.roleplay-stage{background:#f8faf8;border:1px solid #dae4df;border-radius:18px;margin-top:18px;overflow:hidden}.roleplay-conversation{background-image:radial-gradient(#dfe9e4 1px,#0000 1px);background-size:22px 22px;align-content:start;gap:16px;min-height:240px;max-height:480px;padding:25px;display:grid;overflow-y:auto}.roleplay-message{grid-template-columns:36px minmax(0,1fr) 34px;align-items:start;gap:10px;width:min(76%,680px);display:grid}.roleplay-message.is-learner{direction:rtl;grid-template-columns:36px minmax(0,1fr);margin-left:auto}.roleplay-message.is-learner>*{direction:ltr}.roleplay-avatar{color:#fff;background:#0d7467;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.roleplay-message.is-learner .roleplay-avatar{background:#d9894c}.roleplay-message>div{background:#fff;border:1px solid #dce6e1;border-radius:4px 15px 15px;gap:4px;padding:13px 15px;display:grid;box-shadow:0 7px 18px #1e423a0f}.roleplay-message.is-learner>div{background:#fff7ef;border-color:#f1d9c5;border-radius:15px 4px 15px 15px}.roleplay-message>div>small{color:#7a8a85;text-transform:uppercase;font-size:9px;font-weight:750}.roleplay-message>div>strong{color:#103f37;font-size:17px;line-height:1.45}.roleplay-message>div>span{color:#078575;font-size:11px}.roleplay-message>div>p{color:#697a75;margin:2px 0 0;font-size:10px}.roleplay-message>button{cursor:pointer;color:#0b7669;background:#fff;border:1px solid #cfe0da;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.roleplay-response-panel{background:#fff;border-top:1px solid #dfe7e3;padding:19px 24px 22px}.roleplay-instruction{color:#0b7568;align-items:center;gap:10px;display:flex}.roleplay-instruction>span{color:#71817c;gap:2px;font-size:10px;display:grid}.roleplay-instruction strong{color:#164d44;font-size:12px}.roleplay-mode-switch{background:#f5f8f6;border:1px solid #dce5e0;border-radius:10px;gap:3px;width:fit-content;margin-top:15px;padding:3px;display:inline-flex}.roleplay-mode-switch button{cursor:pointer;color:#687a74;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:0 13px;font-size:10px;font-weight:750;display:inline-flex}.roleplay-mode-switch button.is-active{color:#0a6d60;background:#fff;box-shadow:0 2px 8px #143b3314}.pronunciation-evaluator.is-compact{margin-top:14px}.pronunciation-evaluator.is-compact .pronunciation-actions{justify-content:flex-start}.roleplay-typing{margin-top:14px}.roleplay-typing>label{color:#60736d;font-size:10px;font-weight:720}.roleplay-typing>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:7px;display:grid}.roleplay-typing textarea{resize:vertical;color:#153f38;width:100%;min-height:64px;font:inherit;background:#fbfcfb;border:1px solid #cadad4;border-radius:10px;outline:none;padding:12px 13px;font-size:14px}.roleplay-typing textarea:focus{border-color:#148879;box-shadow:0 0 0 3px #1488791a}.roleplay-typing button{cursor:pointer;color:#fff;background:#0b6458;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:118px;font-size:11px;font-weight:770;display:inline-flex}.roleplay-typing button:disabled{cursor:not-allowed;opacity:.45}.roleplay-hint{color:#91703f;align-items:center;gap:7px;margin-top:12px;font-size:10px;display:flex}.roleplay-feedback{background:#eff9f5;border:1px solid #c9e2d8;border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px;margin-top:15px;padding:14px;display:grid}.roleplay-feedback.is-retry{background:#fff9ee;border-color:#ecd8b7}.roleplay-feedback>span{color:#0b8d78}.roleplay-feedback.is-retry>span{color:#b2772e}.roleplay-feedback>div>strong{color:#174b43;font-size:12px}.roleplay-feedback>div>p{color:#71817c;margin:3px 0 0;font-size:10px}.roleplay-natural{border-top:1px solid #0e6f5f24;gap:3px;margin-top:10px;padding-top:10px;display:grid}.roleplay-natural small{color:#8a7360;text-transform:uppercase;font-size:9px;font-weight:780}.roleplay-natural strong{color:#0c433a;font-size:15px}.roleplay-natural span{color:#078474;font-size:10px}.roleplay-natural p{color:#697a74;margin:0;font-size:10px}.roleplay-feedback>button,.roleplay-complete>button{color:#fff;white-space:nowrap;background:#0b6f62;border-color:#0b6f62;min-height:37px}.roleplay-complete{text-align:center;color:#0a8877;background:#fff;border-top:1px solid #dfe7e3;justify-items:center;padding:48px 24px;display:grid}.roleplay-complete .section-kicker{margin-top:12px}.roleplay-complete h3{color:#103f37;margin:7px 0 5px;font-size:22px}.roleplay-complete p{color:#697b75;margin:0;font-size:11px}.roleplay-complete>button{margin-top:18px}@media (width<=760px){.lesson-phrasebook,.lesson-pronunciation-coach,.roleplay-dialogue{padding:0}.lesson-interactive-heading,.roleplay-header{gap:14px}.lesson-interactive-heading-icon,.roleplay-live{display:none}.lesson-interactive-heading h2,.roleplay-header h2{font-size:24px}.lesson-phrase-grid{grid-template-columns:1fr}.lesson-phrase-card{min-height:160px}.pronunciation-practice-layout{grid-template-columns:1fr}.pronunciation-target-list{display:flex;overflow-x:auto}.pronunciation-target-list button{flex:none;width:150px}.pronunciation-practice-card{min-height:480px;padding:28px 18px 20px}.pronunciation-practice-card>strong{font-size:30px}.pronunciation-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.roleplay-stage{border-radius:14px;margin-inline:-12px}.roleplay-conversation,.roleplay-response-panel{padding:17px 14px}.roleplay-message{grid-template-columns:31px minmax(0,1fr) 30px;gap:7px;width:95%}.roleplay-message.is-learner{grid-template-columns:31px minmax(0,1fr)}.roleplay-avatar{border-radius:9px;width:31px;height:31px}.roleplay-message>div{padding:11px 12px}.roleplay-message>div>strong{font-size:15px}.roleplay-message>button{width:30px;height:30px}.roleplay-typing>div{grid-template-columns:1fr}.roleplay-typing button{min-height:43px}.roleplay-feedback{grid-template-columns:24px minmax(0,1fr)}.roleplay-feedback>button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.pronunciation-record.is-recording{animation:none}}