:root{--paper:#faf9f5;--white:#fff;--ink:#263e36;--muted:#708079;--green:#275346;--green-light:#eaf0e5;--line:#e5e9df;--gold:#ba883f;--peach:#fae9db;--radius:22px;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:var(--green)}button,a,input,textarea,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bb913f}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,3.3vw,49px);line-height:1.13;letter-spacing:-1.8px;font-weight:750;margin-bottom:17px}h1 em{font-style:normal;color:#66806a}h2{font-size:25px;letter-spacing:-.75px;line-height:1.25}h3{font-size:20px;letter-spacing:-.45px;line-height:1.3}p{line-height:1.65}small,.small{font-size:12px;line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;line-height:1.5;margin:0 0 13px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:12px;top:-100px;padding:12px;background:white;z-index:30}.skip:focus{top:12px}.loading{max-width:640px;margin:14vh auto;padding:30px;text-align:center}.loading .brand-mark{display:inline-grid;place-items:center;width:60px;height:60px;background:var(--green);color:white;border-radius:19px;font-size:45px;margin-bottom:20px}
.sidebar{position:fixed;inset:0 auto 0 0;width:237px;background:#fffefa;border-right:1px solid var(--line);padding:35px 20px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;font-size:29px;font-weight:760;letter-spacing:-1.6px;border:0;background:none;padding:0 7px}.brand img{margin-right:10px}.brand-dot{color:var(--gold)}.sidebar-label{font-size:11px;letter-spacing:.2px;color:var(--muted);padding:14px 10px 0;margin-bottom:36px}.sidebar nav{display:grid;gap:9px}.nav-item{display:flex;align-items:center;gap:13px;padding:14px 15px;min-height:48px;border:0;border-radius:12px;background:transparent;text-align:left;width:100%;font-size:13px;font-weight:550;color:#78847a}.nav-item.active{background:#eaf0e4;color:#2e5544;font-weight:700}.nav-item:hover{background:#f0f3ea}.nav-item .icon{width:20px;height:20px}.count{background:#fff;border-radius:7px;min-width:21px;padding:2px 5px;text-align:center;margin-left:auto;font-size:11px}.sidebar-coach{margin:36px 12px 24px;text-align:center;padding:0 12px 18px;border-radius:18px;background:#f3f4e9}.sidebar-coach img{width:132px;height:127px;display:block;margin:-13px auto 0}.sidebar-coach p{font-size:13px;line-height:1.5;margin:4px 0 7px;color:#627359}.sidebar-coach strong{color:var(--ink)}.sidebar-coach span{font-size:10px;color:var(--muted)}.sidebar-bottom{margin-top:auto}.local-state{font-size:10px;display:flex;align-items:center;gap:7px;margin:17px 10px 0;color:#849080}.local-state i{height:6px;width:6px;background:#86a26e;border-radius:50%}.workspace{margin-left:237px}.topbar{height:96px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeee7;gap:20px}.track-label{font-size:10px;letter-spacing:1.6px;font-weight:650;color:#879086}.track-label>span{color:#c6ccbf;margin:0 11px}.top-stats{display:flex;align-items:center;gap:24px;font-size:12px;color:#76816f}.top-stats>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.top-stats .icon{color:#c0974f;width:19px;height:19px}.top-stats b{color:#465340}.profile{width:36px;height:36px;border-radius:50%;border:3px solid white;background:#e9eddf;color:#657057;font-size:10px;font-weight:750;box-shadow:0 0 0 1px #e4e8dc}.stat-word{margin-left:-3px}#main{padding:35px 48px 45px;max-width:1260px;margin:auto;min-height:calc(100vh - 161px)}#main:focus{outline:none}footer{display:flex;justify-content:space-between;gap:14px;max-width:1260px;margin:auto;padding:16px 48px 24px;font-size:10px;color:#949b90}footer span{color:#a0a69a}.page-heading .muted{max-width:580px;font-size:14px;margin-bottom:0}.page-heading{margin-bottom:28px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:264px;margin-bottom:29px}.welcome>.page-heading{flex:1}.welcome .page-heading{margin:0 0 23px}.welcome .page-heading .muted{max-width:390px;line-height:1.8}.welcome-coach{width:273px;flex-shrink:0;align-self:end;text-align:center;position:relative;padding-top:29px;margin-top:18px}.welcome-coach img{display:block;width:248px;margin:auto}.coach-bubble{position:absolute;top:-9px;left:13px;z-index:1;border:1px solid #e2e8db;background:#fffefa;font-size:12px;line-height:1.6;padding:12px 19px;border-radius:16px 16px 16px 3px;box-shadow:0 3px 0 #eceee2;transform:rotate(-3deg);color:#698268}.tag-row{display:flex;flex-wrap:wrap;gap:9px}.pill{font-size:10px;display:inline-flex;gap:6px;align-items:center;background:#efefe6;color:#7a836b;border-radius:6px;padding:6px 9px}.pill .icon{width:13px;height:13px}.home-panels{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:21px;margin-bottom:40px}.next-lesson{position:relative;overflow:hidden;background:#2c5748;border-radius:var(--radius);padding:28px 29px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fffef2}.next-lesson .eyebrow{color:#b7c9a5;font-size:9px;margin-bottom:14px}.next-lesson h2{font-size:26px;max-width:300px;margin-bottom:9px}.next-lesson p:not(.eyebrow){font-size:12px;color:#c2d0bf;margin-bottom:23px}.lesson-doodle{display:flex;flex-direction:column;align-items:center;transform:rotate(8deg);color:#bdd0a3;flex-shrink:0;margin:0 8px}.lesson-doodle>.icon{width:70px;height:70px;stroke-width:1}.lesson-doodle span{font-size:10px;line-height:1.5;text-align:center;margin-top:14px;color:#afc5a5}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;border:1px solid var(--green);border-radius:11px;background:var(--green);color:white;padding:12px 21px;font-size:12px;font-weight:650;text-decoration:none;box-shadow:0 3px 0 #193e32;transition:transform .12s,box-shadow .12s}.button:hover{transform:translateY(-1px);filter:brightness(1.04)}.button:active{transform:translateY(2px);box-shadow:none}.button:disabled{opacity:.45;box-shadow:none;transform:none}.button .icon{width:17px;height:17px}.button.light{background:#f0f1d7;color:#335745;border-color:#f0f1d7;box-shadow:0 3px 0 #183e32}.button.secondary{background:#f4f5ee;border-color:#e1e6d8;color:var(--green);box-shadow:0 2px 0 #dbe1d1}.daily-card{border:1px solid var(--line);background:#fffefb;border-radius:var(--radius);padding:23px 26px}.card-heading{display:flex;gap:10px;align-items:center;margin-bottom:14px}.card-heading .eyebrow{font-size:9px;margin:0;color:#92947d}.card-heading .icon-tile{width:29px;height:29px;border-radius:9px}.card-heading .icon{width:16px;height:16px}.daily-card h3{font-size:18px;margin-bottom:5px}.daily-card p{font-size:11px;color:var(--muted);margin-bottom:17px}.daily-card small{font-size:10px;color:#9b9d8b}.goal-numbers{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#879078;margin-bottom:9px}.goal-numbers strong{font-size:15px;color:#52623e}.goal-numbers strong span{font-size:10px;color:#a2a68e;font-weight:500}progress{appearance:none;width:100%;height:8px;display:block;border:0;border-radius:20px;background:#edf0e5;margin-bottom:10px;overflow:hidden}progress::-webkit-progress-bar{background:#edf0e5;border-radius:20px}progress::-webkit-progress-value{background:#90a66f;border-radius:20px;transition:width .3s}progress::-moz-progress-bar{background:#90a66f;border-radius:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 21px}.section-heading .eyebrow{font-size:9px;color:#919b88;margin-bottom:7px}.section-heading h2{font-size:25px;margin:0}.subtle-chip{font-size:10px;color:#86917c;background:#f0f1e9;border-radius:7px;padding:8px 10px;white-space:nowrap}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.scenario-card{background:#fffefa;border:1px solid #e4e8dc;border-radius:17px;padding:20px 22px 0;text-align:left;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;min-height:211px}.scenario-card:hover{transform:translateY(-4px);box-shadow:0 7px 16px #2d533909;border-color:#bccaae}.scenario-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.icon-tile{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#edf0e3;color:#688460;flex-shrink:0}.icon-tile.gold{background:#f8eedb;color:#b39154}.tone-1 .icon-tile{background:#edf0e5;color:#899257}.tone-2 .icon-tile{background:#e9f0ec;color:#60877d}.tone-3 .icon-tile{background:#f8ece0;color:#bd9876}.tone-4 .icon-tile{background:#f1edf4;color:#9b89ab}.tone-5 .icon-tile{background:#f5efe0;color:#b29b65}.lesson-number{font-size:10px;color:#9da48f;display:flex;align-items:center;gap:3px}.lesson-number .icon{width:13px;height:13px}.scenario-card h3{font-size:16px;margin-bottom:7px;font-weight:650}.scenario-card>p{font-size:11px;color:#909586;line-height:1.6;min-height:34px;margin-bottom:15px}.scenario-bottom{display:flex;align-items:center;justify-content:space-between;padding:13px 0;margin-top:auto;border-top:1px solid #f0f0e9;color:#9b9f8e;font-size:9px}.scenario-bottom .icon{width:16px;height:16px;color:#879777}.soft-note{display:flex;align-items:center;gap:15px;background:#f0f2e8;padding:18px 22px;border-radius:13px;margin-top:25px;color:#869077}.soft-note>.icon{color:#80966c}.soft-note p{font-size:11px;margin:0;line-height:1.7}.soft-note strong{font-weight:650;color:#64775b}.text-button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:#6a805f;font-size:12px;padding:12px 0;min-height:40px}.text-button:hover{color:#28583d}.text-button .icon{width:17px;height:17px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e4e8dc;border-radius:12px;background:#fffefb;color:#7c8c6f;flex-shrink:0}.icon-button:hover{background:#eef1e6}.icon-button .icon{width:19px;height:19px}.is-saved{color:#b98e44;background:#faf0d9}.panel{background:#fffefb;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.panel h2{font-size:21px}.panel p{font-size:13px}.panel label{display:block;font-size:12px;font-weight:600;margin:18px 0 9px}.detail-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:15px 0 30px}.detail-hero>div{max-width:590px}.detail-hero>img{width:180px}.detail-hero .page-heading{margin-bottom:21px}.person-chip{display:flex;gap:12px;align-items:center}.avatar{display:grid;place-items:center;background:#e8eddf;border-radius:50%;width:44px;height:44px;color:#6b8058;font-size:20px}.person-chip div{display:flex;flex-direction:column;gap:4px;font-size:13px}.person-chip div span{font-size:11px;color:var(--muted)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:23px}.objectives{padding:0;list-style:none;margin:24px 0 30px}.objectives li{display:flex;gap:12px;align-items:center;margin-bottom:19px;font-size:13px}.objectives .icon{background:#ebf0e2;padding:4px;border-radius:50%;color:#668157}.coach-note{border-left:3px solid #b4c39e;padding-left:17px;color:#68815c;font-size:18px!important;font-style:italic}.mode-options{display:grid;gap:12px}.mode-options button{display:flex;align-items:center;gap:15px;border:1px solid #e5e9de;border-radius:13px;background:#f9faf4;padding:17px;text-align:left}.mode-options button>span{flex:1}.mode-options strong,.mode-options small{display:block}.mode-options strong{font-size:13px;font-weight:600;margin-bottom:5px}.mode-options small{font-size:10px;color:var(--muted)}.mode-options button:hover{background:#edf2e5}.mode-options .icon{width:20px;height:20px;color:#7d9168}.mode-options button>.icon:last-child{width:16px}.lesson-wrap{max-width:730px;margin:0 auto;padding:6px 0 15px}.lesson-top{display:flex;gap:22px;align-items:center;margin-bottom:35px}.lesson-top progress{margin:0;height:10px}.lesson-top>span{white-space:nowrap;font-size:12px;color:#8d957e}.lesson-context{display:flex;gap:7px;align-items:center;font-size:11px;color:#8f9d80;margin:0 0 14px}.lesson-context .icon{width:17px;height:17px}.lesson-wrap h1{font-size:31px;letter-spacing:-1px}.exercise-prompt{display:flex;align-items:center;gap:20px;margin:27px 0}.exercise-prompt>img{width:99px;align-self:end}.exercise-prompt>div{border:1px solid #e3e8d9;border-radius:17px 17px 17px 2px;background:#fffefb;flex:1;padding:20px 24px;box-shadow:0 3px 0 #efefe5}.exercise-prompt .eyebrow{font-size:9px;color:#8c9a7b;margin-bottom:10px}.prompt-text{font-size:21px;line-height:1.55;margin-bottom:0;letter-spacing:-.3px}.exercise-prompt .muted{font-size:12px;margin:8px 0 0}.exercise-prompt .text-button{margin-top:7px;padding-bottom:0}.word-answer{min-height:125px;border-top:1px solid #e1e7d6;border-bottom:1px solid #e1e7d6;display:flex;align-content:flex-start;flex-wrap:wrap;gap:9px;padding:15px 0;margin:22px 0}.word-answer>span{align-self:center;font-size:13px;color:#a0a692;padding:28px 0}.word-bank{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;min-height:90px;padding:12px 0 20px}.word{background:#fffefb;border:1px solid #dce2d3;border-radius:10px;padding:11px 16px;box-shadow:0 3px 0 #e4e8dc;font-size:14px;min-height:44px}.word:hover{background:#eef3e5}.word.used{color:transparent;background:#eceee5;border-color:#eceee5;box-shadow:none}.word.chosen{background:#f0f5e7;border-color:#cedcbb}.choices{display:grid;gap:12px}.choice{display:flex;align-items:center;gap:15px;padding:17px 20px;border:1px solid #e0e6d5;border-radius:13px;background:#fffefb;text-align:left;font-size:14px;line-height:1.5;box-shadow:0 3px 0 #edeedf}.choice:hover{background:#f1f4e8}.choice.selected{border-color:#97af7d;background:#eff5e5;box-shadow:0 3px 0 #b9cda2}.choice-letter{font-size:11px;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;border:1px solid #d8e0ca;color:#8fa277;flex-shrink:0}.lesson-feedback{display:flex;gap:15px;padding:19px 20px;border-radius:14px;margin-top:26px;font-size:13px}.lesson-feedback>div{min-width:0}.lesson-feedback strong{font-size:15px}.lesson-feedback p{margin:8px 0 0;font-size:12px;line-height:1.7}.lesson-feedback.success{background:#eaf1df;color:#627e44}.lesson-feedback.gentle{background:#f6eddf;color:#9b7749}.lesson-feedback .icon{width:22px;margin-top:1px}.lesson-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e4e8dc;margin-top:33px;padding-top:24px}.lesson-actions .button{min-width:150px}textarea,input,select{width:100%;border:1px solid #dce4d1;border-radius:11px;background:#fffefb;padding:13px 15px;color:var(--ink);font-size:14px;line-height:1.6}textarea{resize:vertical;min-height:70px}textarea:disabled{background:#f1f3e9}input::placeholder,textarea::placeholder{color:#a3ab95}.input-label{display:block;font-size:12px;color:#788b67;margin-bottom:10px}.speaking-bar{display:flex;align-items:center;gap:18px;margin:24px 0}.speaking-bar>span{font-size:12px;color:#859575;flex:1}.speaking-bar .button{white-space:nowrap}.celebration{text-align:center;max-width:670px;margin:10px auto}.celebration-art{position:relative;width:240px;margin:auto}.celebration img{width:220px;display:block;margin:auto}.spark{position:absolute;font-size:34px;color:#bd9d54}.spark.one{top:50px;left:-5px}.spark.two{right:-7px;top:130px}.celebration .eyebrow{color:#9ca774;margin-top:20px}.celebration h1{font-size:38px}.celebration>p:not(.eyebrow){color:#849276;font-size:14px}.reward-row{display:flex;justify-content:center;gap:20px;margin:28px 0}.reward-row>div{border:1px solid #e0e6d3;border-radius:16px;background:#fffefb;display:grid;justify-items:center;gap:9px;min-width:180px;padding:21px}.reward-row .icon{color:#ae964a}.reward-row strong{font-size:21px}.reward-row span{font-size:10px;color:#99a087}.celebration>.text-button{display:flex;justify-content:center;margin:10px auto}.search-row{display:flex;gap:25px;align-items:center;margin:30px 0}.search-row input{max-width:520px}.search-row>span{font-size:11px;color:#9ba58c}.phrase-list{display:grid;gap:15px}.phrase-card{display:flex;justify-content:space-between;gap:20px;padding:25px 28px;background:#fffefb;border:1px solid var(--line);border-radius:17px}.phrase-card .eyebrow{font-size:9px;color:#9ca587}.phrase-card h3{font-size:18px;margin:0 0 7px}.phrase-card p{font-size:13px;color:#8c9780;margin:0}.phrase-tools{display:flex;gap:9px;align-items:start}.phrase-card details{margin-top:10px;color:#799369}.phrase-card summary{font-size:11px;cursor:pointer;padding:6px 0}.phrase-card details p{font-size:12px;margin:9px 0;max-width:680px}.review-meta{display:flex;justify-content:space-between;gap:16px;margin:30px 0 20px;font-size:11px;color:#97a087}.review-card{max-width:760px;text-align:center;margin:0 auto;background:#fffefb;border:1px solid #e0e6d5;border-radius:25px;padding:38px}.review-card .pill{margin-bottom:33px}.review-card>.eyebrow{font-size:9px;color:#a1a88e}.review-card h2{font-size:27px;max-width:560px;margin:0 auto 25px;line-height:1.4}.review-card>.muted{font-size:12px;margin:22px 0}.review-answer{border-top:1px solid #e6ebdc;border-bottom:1px solid #e6ebdc;margin:24px 0;padding:27px 0 17px}.review-answer h3{font-size:24px;color:#637f4d;line-height:1.5;margin:0}.review-answer p{font-size:12px;max-width:570px;margin:15px auto 0;color:#919d80}.rating-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rating-buttons button{background:#f3f5eb;border:1px solid #dae4cc;border-radius:12px;padding:16px 10px;display:grid;gap:8px}.rating-buttons button:hover{background:#e5edd9}.rating-buttons strong{font-size:12px}.rating-buttons small{font-size:10px;color:#9aa887}.empty{text-align:center;padding:40px}.empty img{width:175px}.empty h2{font-size:25px}.empty p{font-size:13px;color:#8e9b7d}.review-empty{margin-top:15px}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 23px}.stat-cards .panel{display:grid;gap:12px;justify-items:center}.stat-cards .icon{color:#aa984f}.stat-cards strong{font-size:38px;letter-spacing:-1px}.stat-cards span{font-size:11px;color:#919e7c}.week{display:flex;justify-content:space-between;gap:5px;margin-top:23px}.week>div{display:grid;justify-items:center;gap:11px}.day-circle{display:grid;place-items:center;width:34px;height:34px;background:#f0f3e6;color:#a4b08e;border-radius:50%;font-size:11px}.day-circle.practiced{background:#d8e7c0;color:#678743}.day-circle .icon{width:17px;height:17px}.week small{font-size:9px;color:#8d9a7b}.detail-columns+.section-heading{margin-top:35px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.badge-card{background:#f4f5ed;border:1px solid #e8ecdf;border-radius:17px;padding:25px 20px;text-align:center;color:#9ea990}.badge-card.earned{background:#fffced;border-color:#e0d7b0;color:#917b3f}.badge-icon{display:inline-grid;place-items:center;width:53px;height:53px;border-radius:18px;background:#e9eddf;margin-bottom:16px}.badge-icon .icon{width:28px;height:28px}.earned .badge-icon{background:#eee7be}.badge-card h3{font-size:16px;margin-bottom:8px}.badge-card p{font-size:11px;margin-bottom:15px}.badge-status{font-size:9px;color:#a2ad94}.earned .badge-status{color:#aa944f}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;margin-top:32px}.settings-grid h2{font-size:21px}.settings-grid .small{font-size:11px;margin-top:18px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:20px 0 4px}.file-button{margin:0!important;font-weight:650!important}.connected{color:#749a54;font-size:13px;padding:8px 0}.workshop-list{display:grid;gap:15px;margin-top:20px}.workshop-row{display:flex;align-items:center;gap:20px;text-align:left;padding:21px}.workshop-row>span:nth-child(2){flex:1}.workshop-row strong,.workshop-row small{display:block}.workshop-row strong{font-size:15px;margin-bottom:5px}.workshop-row small{color:#909c82}.editor{max-width:800px}.editor fieldset{border:1px solid #e1e8d6;border-radius:14px;margin:30px 0;padding:8px 23px 23px}.editor legend{padding:0 8px;font-weight:650;font-size:13px;color:#809566}#notice{position:fixed;bottom:24px;left:calc(50% + 118px);transform:translate(-50%,25px);background:#2e503e;color:#f9fbed;border-radius:13px;padding:15px 23px;font-size:12px;line-height:1.6;max-width:min(600px,calc(100vw - 40px));width:max-content;box-shadow:0 7px 30px #203f3725;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#notice.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){#main{padding-top:45px}.welcome{margin-bottom:38px}.welcome-coach{width:330px}.welcome-coach img{width:280px}.coach-bubble{left:25px}.scenario-card{min-height:222px}}
@media(max-height:780px) and (min-width:801px){.sidebar-coach{margin-top:28px;padding-bottom:11px}.sidebar-coach img{width:103px;height:100px}.sidebar-coach p{font-size:11px}.sidebar-label{margin-bottom:23px}.sidebar{padding-top:28px}.nav-item{padding-top:12px;padding-bottom:12px}}
@media(max-width:1150px){.sidebar{width:208px;padding-left:13px;padding-right:13px}.workspace{margin-left:208px}.brand{font-size:25px}.brand img{width:33px;height:33px}.topbar{padding:0 30px}#main{padding:30px}footer{padding-left:30px;padding-right:30px}.welcome-coach{width:220px}.welcome-coach img{width:213px}.coach-bubble{left:0;font-size:10px}.welcome h1{font-size:39px}.home-panels{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.next-lesson{padding:24px}.lesson-doodle{display:none}.daily-card{padding:22px}.scenario-card{padding:17px 16px 0}.scenario-card h3{font-size:15px}.scenario-grid{gap:13px}.scenario-card>p{font-size:10px}.top-stats{gap:16px}#notice{left:calc(50% + 104px)}.detail-columns{gap:18px}.panel{padding:23px}.track-label{font-size:9px;letter-spacing:1px}.stat-word{display:none}}
@media(max-width:900px){.welcome-coach{width:180px}.welcome-coach img{width:175px}.coach-bubble{font-size:9px;padding:9px 12px}.welcome h1{font-size:33px}.welcome .page-heading .muted{font-size:12px}.tag-row{gap:6px}.pill{font-size:9px}.home-panels{grid-template-columns:1fr}.daily-card{display:none}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-columns,.settings-grid{grid-template-columns:1fr}.detail-hero>img{width:125px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile{display:none}.topbar{height:80px}.track-label>span{margin:0 5px}.sidebar-coach{margin-left:9px;margin-right:9px}.review-card{padding:25px}.exercise-prompt>img{width:77px}.prompt-text{font-size:18px}}
@media(max-width:700px){.sidebar{position:relative;width:auto;height:auto;padding:20px 20px 0;border-right:0;border-bottom:1px solid var(--line);background:#fffefb}.brand{font-size:26px;padding:0}.brand img{width:34px;height:34px}.sidebar-label,.sidebar-coach,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:18px;gap:6px;padding-bottom:10px}.nav-item{width:auto;white-space:nowrap;padding:11px 13px;font-size:11px;gap:7px;min-height:42px}.nav-item .icon{width:17px;height:17px}.workspace{margin-left:0}.topbar{height:58px;padding:0 21px;gap:8px}.top-stats{gap:12px;font-size:10px}.top-stats .icon{width:15px;height:15px}.profile{display:block;width:30px;height:30px;font-size:8px}.track-label{font-size:8px;letter-spacing:.6px}.top-stats .stat-word{display:none}#main{padding:28px 22px 35px;min-height:60vh}.welcome{gap:15px;min-height:0;align-items:start;margin-bottom:30px}.welcome>div:first-child{flex:1;min-width:0}.welcome h1{font-size:32px;letter-spacing:-1.1px}.welcome .page-heading .muted{font-size:12px;max-width:260px}.welcome-coach{width:120px;margin-top:36px;padding-top:0}.welcome-coach img{width:142px;max-width:calc(100% + 15px);margin-left:-4px}.coach-bubble{font-size:8px;line-height:1.6;padding:8px 9px;top:-36px;left:-13px;right:-5px}.welcome .eyebrow{font-size:9px;letter-spacing:1.3px}.tag-row{gap:7px}.tag-row .pill{font-size:8px;padding:5px 7px}.pill .icon{width:11px;height:11px}.home-panels{margin-bottom:33px;gap:16px}.next-lesson{padding:25px;border-radius:18px}.next-lesson h2{font-size:26px}.next-lesson p:not(.eyebrow){font-size:12px}.next-lesson .eyebrow{font-size:8px}.lesson-doodle{display:flex;margin-right:7px}.lesson-doodle>.icon{width:52px;height:52px}.lesson-doodle span{font-size:8px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.subtle-chip{font-size:8px;padding:7px 8px}.scenario-grid{gap:12px}.scenario-card{padding:17px 16px 0;border-radius:15px;min-height:216px}.scenario-card h3{font-size:15px;line-height:1.4}.scenario-card>p{font-size:10px;min-height:38px}.scenario-top{margin-bottom:16px}.scenario-top .icon-tile{width:32px;height:32px;border-radius:10px}.scenario-top .icon{width:19px;height:19px}.lesson-number{font-size:8px}.scenario-bottom{font-size:8px}.soft-note{padding:17px;gap:12px}.soft-note p{font-size:10px}.soft-note>.icon{width:20px;height:20px}footer{padding:10px 22px 23px;display:block;font-size:9px}footer span{display:block;margin-top:7px}#notice{left:50%;bottom:18px;font-size:11px;padding:13px 18px}.page-heading h1{font-size:33px}.page-heading .muted{font-size:13px}.detail-hero{margin-top:10px}.detail-hero>img{display:none}.detail-columns,.settings-grid{gap:17px}.panel{padding:24px;border-radius:17px}.lesson-wrap{padding-top:0}.lesson-top{gap:15px;margin-bottom:28px}.lesson-wrap h1{font-size:27px}.lesson-context{font-size:10px}.exercise-prompt{gap:10px;margin:24px 0}.exercise-prompt>img{width:66px}.exercise-prompt>div{padding:17px 18px}.prompt-text{font-size:18px;line-height:1.5}.exercise-prompt .eyebrow{font-size:8px}.exercise-prompt .text-button{font-size:11px;gap:6px;flex-wrap:wrap}.exercise-prompt .text-button .small{font-size:9px}.word{padding:10px 13px;font-size:13px}.word-bank{gap:9px}.word-answer{gap:8px}.word-answer>span{font-size:12px;padding:23px 0}.lesson-actions{margin-top:28px;gap:10px}.lesson-actions>.small{font-size:10px;max-width:130px}.lesson-actions .button{min-width:130px;padding:12px 15px}.lesson-feedback{padding:17px;gap:10px}.lesson-feedback strong{font-size:13px}.lesson-feedback p{font-size:11px}.choice{font-size:13px;padding:15px;gap:12px}.celebration h1{font-size:32px}.celebration>p:not(.eyebrow){font-size:12px}.celebration img{width:180px}.celebration-art{width:200px}.reward-row{gap:12px}.reward-row>div{min-width:0;flex:1;padding:18px 13px}.reward-row strong{font-size:19px}.reward-row span{font-size:9px}.phrase-card{padding:21px 18px;gap:11px}.phrase-card h3{font-size:16px;line-height:1.6}.phrase-card p{font-size:12px}.phrase-tools{flex-direction:column;gap:10px}.phrase-tools .icon-button{width:35px;height:35px;border-radius:10px}.phrase-card .eyebrow{font-size:8px}.search-row{gap:15px}.search-row input{font-size:12px}.search-row>span{font-size:9px;white-space:nowrap}.review-meta{font-size:10px;gap:20px}.review-meta>span:last-child{text-align:right}.review-card{padding:29px 20px}.review-card h2{font-size:24px}.review-answer h3{font-size:22px}.rating-buttons{gap:8px}.rating-buttons strong{font-size:10px}.rating-buttons small{font-size:8px}.rating-buttons button{padding:13px 7px}.stat-cards{gap:10px}.stat-cards .panel{padding:19px 10px;border-radius:14px}.stat-cards strong{font-size:31px}.stat-cards span{font-size:9px}.stat-cards .icon{width:20px;height:20px}.badge-grid{gap:12px}.badge-card{padding:20px 14px}.badge-card h3{font-size:14px}.badge-card p{font-size:10px}.badge-status{font-size:8px}.badge-icon{width:45px;height:45px;border-radius:15px}.speaking-bar{align-items:start;flex-direction:column;gap:15px}.speaking-bar>span{font-size:11px}.editor{padding:20px}.editor fieldset{padding:7px 14px 18px}.empty{padding:20px 0}.empty h2{font-size:24px}.workshop-row{padding:20px 17px;gap:14px}.workshop-row strong{font-size:13px}.workshop-row small{font-size:10px}}
@media(max-width:380px){#main{padding-left:17px;padding-right:17px}.welcome h1{font-size:29px}.welcome-coach{width:90px;margin-top:42px}.coach-bubble{font-size:7px;padding:6px;top:-32px}.track-label{font-size:7px}.top-stats{gap:8px}.scenario-card{padding-left:13px;padding-right:13px}.scenario-card h3{font-size:14px}.scenario-bottom{font-size:7px}.profile{width:26px;height:26px}.lesson-doodle{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep the complete navigation and reading text legible on a phone. */
@media(max-width:700px){.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:5px}.sidebar nav .nav-item{width:100%;padding:10px 4px;flex-direction:column;justify-content:center;gap:6px;font-size:10px;position:relative}.sidebar nav .nav-item .count{position:absolute;right:5px;top:3px;font-size:8px;min-width:15px;padding:1px 3px}.scenario-card>p{font-size:12px;color:#748169;min-height:48px}.scenario-card{min-height:223px}.scenario-bottom{font-size:9px;color:#7b886e}.tag-row .pill{font-size:9px}.soft-note p{font-size:11px;color:#6d7e5f}.phrase-card p{color:#728265}.daily-card{display:block;padding:19px 22px}.daily-card .card-heading{margin-bottom:8px}.daily-card h3{font-size:17px}.daily-card p{display:none}.daily-card .goal-numbers{margin-top:13px}.daily-card small{font-size:10px}.daily-card .eyebrow{font-size:8px}.badge-status{font-size:9px}.badge-card p{font-size:11px}}

/* Practice mix, strength, and the fill / listen / match exercises. */
.mix-card{display:flex;align-items:center;gap:18px;background:#fffefa;border:1px solid #e4e8dc;border-radius:17px;padding:20px 24px;margin:0 0 30px}
.mix-card>div{flex:1;min-width:0}
.mix-card h3{margin:2px 0 4px;font-size:18px}
.mix-card p:not(.eyebrow){margin:0;font-size:12px;color:#7a836b;line-height:1.6}
.mix-card .icon-tile{background:#f0f1d7;color:#335745}
.mix-card .button{min-width:0;white-space:nowrap}
.strength{display:inline-flex;gap:4px;align-items:center}
.strength i{width:9px;height:9px;border-radius:50%;background:#e3e7da;border:1px solid #d6dccb}
.strength i.on{background:#a9c48b;border-color:#8fae6f}
.strength-list{display:grid;gap:10px;margin-bottom:34px}
.strength-row{display:grid;grid-template-columns:auto minmax(0,1fr) 140px auto;align-items:center;gap:16px;background:#fffefa;border:1px solid #e4e8dc;border-radius:14px;padding:14px 18px}
.strength-row strong{display:block;font-size:13px}
.strength-row small{font-size:11px;color:#8a927f}
.strength-row progress{width:100%;height:8px}
.fill-sentence{font-size:22px;line-height:1.7;text-align:center;margin:26px 0 8px;font-weight:600}
.fill-sentence .blank{display:inline-block;min-width:110px;border-bottom:2px dashed #b9c7a7;color:#a0a692;padding:0 6px;letter-spacing:1px}
.fill-sentence .blank.filled{color:var(--green);border-bottom-style:solid;border-color:#8fae6f;letter-spacing:0}
.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:24px 0 10px}
.match-grid>div{display:grid;gap:10px;align-content:start}
.match-tile{background:#fffefb;border:1px solid #dce2d3;border-radius:12px;padding:14px 12px;box-shadow:0 3px 0 #e4e8dc;font-size:13px;line-height:1.45;min-height:56px;text-align:center;transition:transform .12s}
.match-tile:hover{background:#eef3e5}
.match-tile.picked{border-color:#97af7d;background:#eff5e5;box-shadow:0 3px 0 #b9cda2;transform:translateY(-1px)}
.match-tile.done{opacity:.45;background:#eceee5;border-color:#eceee5;box-shadow:none}
.prompt-tools{display:flex;flex-wrap:wrap;gap:4px 18px}
.combo{display:inline-flex;align-items:center;gap:5px;background:#fae9db;color:#a56a2c;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:650;white-space:nowrap}
.combo .icon{width:14px;height:14px}
.word-diff{margin:10px 0 0;font-size:14px;line-height:1.9}
.word-diff span{padding:2px 5px;border-radius:6px}
.word-diff .w-ok{color:inherit}
.word-diff .w-slip{background:#fff3c4;color:#8a6a1c;text-decoration:underline dotted}
.word-diff .w-missing{background:#fde2dc;color:#9c3f2b;text-decoration:underline}
.word-diff .w-extra{background:#eceee5;color:#8a927f;text-decoration:line-through}
.lesson-feedback .small{margin-top:8px;opacity:.85}
.celebration .reward-row .icon{color:#ae964a}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes drift{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(-18px) rotate(20deg)}}
.celebration .reward-row>div{animation:pop .5s ease-out both}
.celebration .reward-row>div:nth-child(2){animation-delay:.12s}
.celebration .reward-row>div:nth-child(3){animation-delay:.24s}
.celebration .spark{animation:drift 1.6s ease-in-out infinite alternate}
@media(max-width:700px){.mix-card{flex-wrap:wrap;padding:18px;gap:12px}.mix-card .button{width:100%}.strength-row{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px 14px}.strength-row progress{display:none}.fill-sentence{font-size:18px}.match-grid{gap:8px 10px}.match-tile{font-size:11px;padding:11px 8px;min-height:50px}.combo{font-size:9px;padding:4px 7px}.word-diff{font-size:13px}}