:root{color:#18302a;font-synthesis:none;--ink:#17332c;--green:#285f50;--green2:#347564;--mint:#bfe7d4;--cream:#f7f3e8;--coral:#f28a70;--yellow:#f4c65c;--line:#dde3dc;--muted:#6f7f79;background:#f7f8f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.logo{letter-spacing:-1px;color:var(--ink);align-items:center;gap:10px;font:800 23px Manrope;display:flex}.logo.light{color:#fff}.logo-mark{width:39px;height:39px;color:var(--ink);background:#bfe7d4;border-radius:12px;place-items:center;display:grid;transform:rotate(-5deg)}.logo-mark svg{transform:rotate(5deg)}.eyebrow{letter-spacing:1.7px;color:#487568;font:700 11px Manrope}.eyebrow.light{color:#9bd5c1}.primary,.secondary,.light-button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:14px 20px;font-weight:700;transition:all .2s;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 6px 16px #285f5026}.primary:hover{background:#194b3f;transform:translateY(-1px)}.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.full{width:100%}.ghost,.text-button{color:var(--green);background:0 0;border:0;font-weight:700}.login-page{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:#173b32;flex-direction:column;padding:46px 7vw;display:flex;position:relative;overflow:hidden}.brand-copy{z-index:1;max-width:620px;margin:auto 0;position:relative}.brand-copy h1{letter-spacing:-3.8px;margin:18px 0 26px;font:700 clamp(42px,5vw,72px)/1.02 Manrope}.brand-copy h1 em{color:#bfe7d4;font-style:normal}.brand-copy>p{color:#c6d7d1;max-width:550px;font-size:18px;line-height:1.65}.mini-proof{align-items:center;gap:14px;margin-top:35px;display:flex}.avatar-stack{display:flex}.avatar-stack span{color:#243c34;background:#e8b66c;border:3px solid #173b32;border-radius:50%;place-items:center;width:36px;height:36px;margin-right:-9px;font-size:10px;font-weight:800;display:grid}.avatar-stack span:nth-child(2){background:#d98572}.avatar-stack span:nth-child(3){background:#8ec4b8}.mini-proof>div:last-child{flex-direction:column;margin-left:7px;display:flex}.mini-proof b{font-size:13px}.mini-proof small{color:#96afa7;font-size:11px}.brand-quote{color:#82a39a;z-index:1;max-width:470px;margin:0;font-size:12px;position:relative}.orb{border:1px solid #ffffff15;border-radius:50%;position:absolute}.orb-one{width:500px;height:500px;top:-140px;right:-260px;box-shadow:0 0 0 75px #ffffff08,0 0 0 150px #ffffff04}.orb-two{background:#bfe7d408;width:300px;height:300px;bottom:-120px;left:-180px}.login-panel{background:#fbfcf9;place-items:center;padding:50px 9%;display:grid}.login-card{width:min(100%,430px)}.welcome-icon{width:48px;height:48px;color:var(--green);background:#e1f0e9;border-radius:15px;place-items:center;margin-bottom:20px;display:grid}.login-card h2{letter-spacing:-1.6px;margin:9px 0 5px;font:800 37px Manrope}.login-card>p{color:var(--muted);margin-bottom:30px}.login-card label{margin:16px 0 7px;font-size:12px;font-weight:700;display:block}.login-card input{background:#fff;border:1px solid #d6ddd8;border-radius:11px;outline:none;width:100%;height:49px;margin-top:7px;padding:0 14px;display:block}.login-card input:focus{border-color:#4a8d78;box-shadow:0 0 0 3px #4a8d7816}.password{position:relative}.password input{padding-right:42px}.password svg{color:#87958f;position:absolute;top:22px;right:14px}.login-card .primary{margin-top:23px}.text-button{width:100%;margin:15px 0 17px;font-size:12px}.terms{color:#9aa59f;text-align:center;font-size:10px;display:block}.mobile-logo{display:none}.onboarding{background:#fafbf8;min-height:100vh}.onboarding>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex}.onboarding-body{max-width:780px;margin:0 auto;padding:54px 24px}.progress-top{color:var(--muted);align-items:center;gap:15px;margin-bottom:50px;font-size:11px;display:flex}.progress-top span{color:var(--ink);font-weight:700}.progress-top>div{background:#e2e8e3;border-radius:5px;flex:1;height:5px;overflow:hidden}.progress-top i{background:var(--green2);height:100%;transition:all .3s;display:block}.onboarding-body h1{letter-spacing:-1.6px;margin:10px 0 8px;font:800 38px Manrope}.onboarding-body>p{color:var(--muted);margin-bottom:32px}.option-grid{gap:12px;display:grid}.option{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;grid-template-columns:48px 1fr 28px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:grid}.option:hover,.option.selected{border-color:#5d9684;box-shadow:0 4px 15px #2b655016}.option.selected{background:#f2faf6}.option-emoji{background:#f2f3ed;border-radius:12px;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.option b,.option small{display:block}.option b{margin-bottom:4px;font-size:14px}.option small{color:var(--muted);font-size:12px}.option>i{border:1px solid var(--line);border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.option.selected>i{background:var(--green);color:#fff;border-color:var(--green)}.step-actions{justify-content:space-between;margin-top:30px;display:flex}.app-shell{min-height:100vh}.sidebar{color:#c7d9d3;z-index:30;background:#183d33;flex-direction:column;width:235px;padding:27px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{padding:0 9px 35px}.close-menu{display:none}.sidebar nav{gap:7px;display:grid}.sidebar nav button,.side-bottom>button{color:#9ab6ad;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:12px 14px;display:flex;position:relative}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff13}.sidebar nav button.active i{background:#bfe7d4;border-radius:50%;width:5px;height:5px;position:absolute;right:14px}.side-bottom{gap:4px;margin-top:auto;display:grid}.user-chip{border-top:1px solid #ffffff15;align-items:center;gap:10px;margin-top:14px;padding:19px 5px 0;display:flex}.user-chip>span,.avatar{color:#25443c;background:#eeb46e;border:0;border-radius:50%;place-items:center;width:37px;height:37px;font-size:11px;font-weight:800;display:grid}.user-chip div{flex-direction:column;display:flex}.user-chip b{color:#fff;font-size:12px}.user-chip small{color:#89a89f;margin-top:3px;font-size:9px}.app-main{min-height:100vh;padding-left:235px}.topbar{border-bottom:1px solid var(--line);z-index:15;background:#fafbf8;justify-content:space-between;align-items:center;height:72px;padding:0 4vw;display:flex;position:sticky;top:0}.topbar h3{margin:0;font:700 14px Manrope}.menu{background:0 0;border:0;display:none}.stats{align-items:center;gap:25px;display:flex}.stats span{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.stats span:first-child svg{color:#e66b4f;fill:#e66b4f}.stats span:nth-child(2) svg{color:#e8ac29;fill:#e8ac29}.avatar{width:34px;height:34px}.page{max-width:1260px;margin:0 auto;padding:48px 4vw 70px}.hello{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.hello h1{letter-spacing:-1.4px;margin:9px 0 1px;font:800 35px Manrope}.hello h1 span{font-size:27px}.hello p{color:var(--muted);font-size:14px}.daily-goal{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:13px 15px;display:flex}.daily-goal>i{width:38px;height:38px;color:var(--green);background:#e2f0e9;border-radius:10px;place-items:center;display:grid}.daily-goal div:nth-child(2){flex-direction:column;display:flex}.daily-goal small{letter-spacing:1px;color:var(--muted);font-size:8px}.daily-goal b{margin-top:3px;font-size:11px}.goal-ring{width:39px;height:39px;color:var(--muted);border:4px solid #e5e9e6;border-radius:50%;place-items:center;font-size:8px;display:grid}.hero-lesson{color:#fff;background:#275f50;border-radius:22px;grid-template-columns:1.1fr .9fr;min-height:326px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 35px #224c3d1d}.hero-copy{z-index:2;padding:42px 9%;position:relative}.live-label{letter-spacing:1.4px;color:#bfe7d4;font:700 9px Manrope}.live-label i{background:#ef9d77;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.hero-copy h2{letter-spacing:-2px;margin:12px 0;font:800 clamp(31px,3vw,45px) Manrope}.hero-copy>p{color:#d1e0db;max-width:500px;font-size:14px;line-height:1.55}.lesson-tags{gap:16px;margin:23px 0;display:flex}.lesson-tags span{color:#a9c8bf;align-items:center;gap:6px;font-size:10px;display:flex}.light-button{color:var(--green);background:#fff;padding:13px 18px;font-size:12px}.hero-scene{background:linear-gradient(145deg,#e5d7bd,#b5a481);border-radius:16px;margin:20px 20px 20px 0;position:relative;overflow:hidden}.window{grid-template-columns:repeat(3,1fr);gap:10px;padding:25px;display:grid;position:absolute;inset:0}.window span{background:linear-gradient(#a9d6dc 52%,#708979 53%);border:7px solid #705c44;border-radius:5px}.speech{color:var(--ink);background:#fff;border-radius:15px 15px 15px 3px;max-width:225px;padding:16px 18px;font-size:12px;font-weight:700;position:absolute;top:24%;left:9%;box-shadow:0 8px 30px #0002}.speech small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.cup{filter:drop-shadow(0 12px 10px #0004);font-size:69px;position:absolute;bottom:9%;right:11%}.section-title{justify-content:space-between;align-items:end;margin:46px 0 17px;display:flex}.section-title h2{margin:5px 0 0;font:800 22px Manrope}.section-title button{color:var(--green);background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.lesson-list{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.lesson-row{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:14px;grid-template-columns:47px 27px 1fr auto;align-items:center;gap:10px;padding:16px;transition:all .2s;display:grid}.lesson-row:hover{transform:translateY(-3px);box-shadow:0 10px 23px #25483b12}.lesson-icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:relative}.lesson-icon.mint,.metric-icon.mint{color:#34725e;background:#dcefe6}.lesson-icon.coral,.metric-icon.coral{color:#d26b52;background:#f8ded7}.lesson-icon.yellow,.metric-icon.yellow{color:#c59322;background:#f8edcd}.lesson-icon i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:-5px;right:-5px}.lesson-count{color:#bbc4bf;font:800 10px Manrope}.lesson-name b,.lesson-name small{display:block}.lesson-name b{font-size:12px}.lesson-name small{color:var(--muted);margin-top:4px;font-size:9px}.xp{color:#d18c2c;font-size:9px;font-weight:800}.round-arrow{display:none}.bottom-grid{grid-template-columns:1.25fr .75fr;gap:14px;margin-top:36px;display:grid}.streak-card,.word-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px}.card-head{justify-content:space-between;align-items:center;display:flex}.card-head span{letter-spacing:1px;color:#bd613f;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.card-head svg{fill:#e97352;width:16px}.card-head b{font-size:11px}.week{justify-content:space-between;margin:17px 0;display:flex}.week>div{justify-items:center;gap:7px;display:grid}.week small{color:#8b9893;font-size:9px}.week span{color:#a2aaa6;background:#edf0ed;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.week span.done{color:#fff;background:#397865}.week span.today{color:#de7254;background:#f4ded6}.streak-card p{color:var(--muted);margin:0;font-size:10px}.word-row{justify-content:space-between;align-items:center;display:flex}.word-row h3{margin:9px 0 5px;font:800 20px Manrope}.word-row button{color:var(--green);background:#e8f2ed;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.word-card p,.word-card>small{color:var(--muted);font-size:10px}.word-card>small{background:#f4f5f1;border-radius:8px;margin-top:13px;padding:10px;display:block}.practice-page{max-width:1050px}.practice-heading{text-align:center;max-width:650px;margin:6px auto 34px}.practice-heading h1{letter-spacing:-1.5px;margin:8px 0;font:800 36px Manrope}.practice-heading p{color:var(--muted);font-size:14px}.practice-shell{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden;box-shadow:0 15px 40px #25483b0a}.audio-scene{color:#fff;background:#224f43;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:30px;display:flex;position:relative}.scene-badge{letter-spacing:1.5px;color:#add0c4;font-size:9px;position:absolute;top:25px;left:25px}.barista-face{background:#f1d6b4;border-radius:50%;place-items:center;width:91px;height:91px;margin-bottom:12px;font-size:52px;display:grid}.audio-scene h3{margin:0;font:700 17px Manrope}.audio-scene>small{color:#a9c3bb;margin-top:4px}.wave{align-items:center;gap:3px;height:45px;margin:28px 0 18px;display:flex}.wave i{background:#ffffff4a;border-radius:4px;width:3px;display:block}.wave.playing i{background:#bfe7d4;animation:.7s infinite alternate wave}.wave.playing i:nth-child(3n){animation-delay:.3s}@keyframes wave{to{height:8px}}.play-main{color:#1f5144;background:#bfe7d4;border:0;border-radius:50%;place-items:center;width:59px;height:59px;padding-left:5px;display:grid}.audio-scene>p{color:#8fb0a6;margin-top:9px;font-size:9px}.question-panel{flex-direction:column;justify-content:center;padding:52px 8%;display:flex}.question-panel h2{margin:9px 0 25px;font:700 24px Manrope}.answers{gap:10px;display:grid}.answers button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:11px;align-items:center;gap:11px;padding:13px;display:flex}.answers button>span{background:#f0f2ee;border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.answers button.selected{background:#f6fbf8;border-color:#4d8d79}.answers button.correct{background:#edf8f2;border-color:#4e997f}.answers button.wrong{background:#fff3ef;border-color:#dc816a}.answers button>svg{color:#3f8a70;margin-left:auto}.feedback{border-radius:9px;flex-direction:column;margin-top:13px;padding:12px;font-size:11px;display:flex}.feedback.good{color:#276450;background:#eaf5ef}.feedback.bad{color:#af503b;background:#fff0ec}.feedback span{margin-top:3px}.question-panel>.primary{margin-top:18px}.speak-card{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:760px;margin:auto;padding:30px;box-shadow:0 15px 40px #25483b0a}.coach-line{background:#f1f7f4;border-radius:12px;align-items:center;gap:13px;padding:14px;display:flex}.coach{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.coach-line small{letter-spacing:1px;color:#5f8176;font-size:8px}.coach-line p{margin:3px 0 0;font-size:12px}.phrase{text-align:center;padding:35px 25px}.phrase>span{letter-spacing:1.5px;color:#7c8c86;font-size:9px;font-weight:700}.phrase h2{max-width:570px;margin:12px auto;font:700 23px/1.45 Manrope}.phrase button{color:var(--green);background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.recorder{text-align:center;border-top:1px solid var(--line);flex-direction:column;align-items:center;padding:28px 0 18px;display:flex}.rec-rings{border:1px solid #dce8e3;border-radius:50%;place-items:center;width:82px;height:82px;margin-bottom:12px;display:grid}.recorder.recording .rec-rings{animation:1.3s infinite pulse;box-shadow:0 0 0 10px #e5f2ec}@keyframes pulse{50%{box-shadow:0 0 0 17px #e5f2ec44}}.rec-rings button{background:var(--coral);color:#fff;border:0;border-radius:50%;place-items:center;width:61px;height:61px;display:grid}.recording .rec-rings button{background:#df644b}.recorder>b{font-size:13px}.recorder>small{color:var(--muted);margin-top:5px;font-size:9px}.speech-result{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;display:grid;overflow:hidden}.speech-result>div{text-align:center;border-right:1px solid var(--line);flex-direction:column;padding:13px;display:flex}.speech-result span{color:var(--muted);font-size:9px}.speech-result b{color:var(--green);margin-top:4px}.speech-result p{background:#eff7f3;grid-column:1/-1;align-items:center;gap:7px;margin:0;padding:12px;font-size:10px;display:flex}.write-shell{grid-template-columns:.8fr 1.2fr;gap:16px;display:grid}.prompt-card,.editor-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:28px}.message-preview{background:#f2f4f0;border-radius:12px;gap:10px;margin:17px 0 24px;padding:13px;display:flex}.message-preview span{background:#f1b574;border-radius:50%;place-items:center;width:35px;height:35px;font-size:9px;font-weight:800;display:grid}.message-preview p{margin:0;font-size:11px;line-height:1.5}.prompt-card h2{margin-bottom:8px;font:700 21px Manrope}.prompt-card>p{color:var(--muted);font-size:12px;line-height:1.5}.help{border-top:1px solid var(--line);flex-wrap:wrap;gap:7px;margin-top:22px;padding-top:18px;display:flex}.help b{letter-spacing:1.2px;width:100%;font-size:8px;display:block}.help span{color:var(--green);background:#eaf4ef;border-radius:7px;padding:6px 9px;font-size:9px}.editor-card{flex-direction:column;display:flex}.editor-head{letter-spacing:1px;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.editor-head span:last-child{color:var(--muted);font-weight:500}.editor-head span.limit{color:#d55f48}.editor-card textarea{resize:none;min-height:245px;color:var(--ink);border:0;outline:0;padding:25px 3px;font-size:18px;line-height:1.7}.editor-card textarea::placeholder{color:#b8c0bc}.writing-feedback{background:#edf7f2;border-radius:10px;gap:10px;margin-bottom:14px;padding:12px;display:flex}.writing-feedback>span{color:#fff;background:#4f907a;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.writing-feedback b{font-size:11px}.writing-feedback p{color:#517368;margin:3px 0 0;font-size:9px;line-height:1.4}.progress-page{max-width:1000px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric-grid>div{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px}.metric-icon{border-radius:11px;place-items:center;width:39px;height:39px;margin-bottom:17px;display:grid}.metric-icon svg{width:20px}.metric-grid small{letter-spacing:1.2px;color:var(--muted);font-size:8px}.metric-grid h2{margin:6px 0 3px;font:800 24px Manrope}.metric-grid p{color:var(--muted);margin:0;font-size:10px}.chart-card{border:1px solid var(--line);background:#fff;border-radius:17px;margin-top:16px;padding:27px}.card-title{justify-content:space-between;display:flex}.card-title h2{margin:5px 0;font:800 22px Manrope}.up{color:#3e8069;font-size:10px}.chart{border-bottom:1px solid var(--line);grid-template-columns:repeat(7,1fr);align-items:end;gap:15px;height:230px;padding-top:25px;display:grid}.chart>div{flex-direction:column;justify-content:end;align-items:center;height:100%;display:flex}.bar-bg{background:#eef1ee;border-radius:7px 7px 0 0;align-items:end;width:min(35px,70%);height:90%;display:flex;overflow:hidden}.bar-bg i{background:#6fae9a;border-radius:7px 7px 0 0;width:100%}.chart span{color:var(--muted);margin:8px 0;font-size:9px}.level-card{color:#fff;background:#1e4d40;border-radius:17px;align-items:center;gap:20px;margin-top:16px;padding:28px;display:flex}.level-badge{color:#f3c767;background:#ffffff13;border-radius:18px;flex:none;place-items:center;width:67px;height:67px;display:grid}.level-card h2{margin:5px 0;font:800 22px Manrope}.level-card p{color:#b9cfc8;font-size:11px}.level-progress{background:#ffffff19;border-radius:5px;height:6px;margin-bottom:6px;overflow:hidden}.level-progress i{background:#bfe7d4;height:100%;display:block}.level-card small{color:#90afa5;font-size:9px}.scrim{display:none}@media (width<=1000px){.login-page{grid-template-columns:1fr 1fr}.login-brand{padding:38px}.lesson-list,.bottom-grid{grid-template-columns:1fr}.lesson-row{grid-template-columns:47px 27px 1fr auto auto}.round-arrow{display:grid}.hero-lesson{grid-template-columns:1fr}.hero-scene{display:none}}@media (width<=760px){.login-page{display:block}.login-brand{display:none}.login-panel{min-height:100vh;padding:30px 22px}.mobile-logo{display:block;position:absolute;top:25px;left:25px}.login-card{margin-top:50px}.onboarding-body{padding-top:35px}.onboarding-body h1{font-size:31px}.sidebar{transition:all .25s;transform:translate(-105%)}.sidebar.open{transform:none;box-shadow:20px 0 50px #0004}.close-menu{color:#fff;background:0 0;border:0;display:block;position:absolute;top:30px;right:17px}.scrim{z-index:25;background:#0006;border:0;display:block;position:fixed;inset:0}.app-main{padding-left:0}.menu{display:block}.topbar{padding:0 18px}.topbar h3{display:none}.stats{gap:11px}.stats span{font-size:10px}.page{padding:31px 18px 60px}.hello{align-items:flex-start}.daily-goal{display:none}.hello h1{font-size:30px}.hero-lesson{min-height:350px}.hero-copy{padding:35px 28px}.section-title{margin-top:36px}.bottom-grid,.practice-shell,.write-shell{grid-template-columns:1fr}.audio-scene{min-height:350px}.question-panel{padding:32px 22px}.speak-card{padding:18px}.phrase{padding:28px 5px}.phrase h2{font-size:19px}.metric-grid{grid-template-columns:1fr}.practice-heading h1{font-size:30px}.lesson-tags{gap:10px}.editor-card textarea{min-height:190px}.level-card{align-items:flex-start}.level-badge{width:48px;height:48px}.progress-top{margin-bottom:35px}}@media (width<=420px){.stats span{display:none}.onboarding>header{height:68px}.onboarding-body{padding-left:17px;padding-right:17px}.option{grid-template-columns:43px 1fr 25px;gap:10px;padding:13px}.step-actions .primary,.step-actions .secondary{padding:12px 14px}.hero-copy h2{font-size:31px}.lesson-row{grid-template-columns:44px 24px 1fr auto}.lesson-row .xp{display:none}.bottom-grid{margin-top:22px}.week span{width:25px;height:25px}.chart{gap:5px}.coach-line p{font-size:10px}.speech-result{grid-template-columns:1fr}.speech-result>div{border-right:0;border-bottom:1px solid var(--line)}.prompt-card,.editor-card{padding:20px}}.fatal-error{background:#f7f8f4;place-items:center;min-height:100vh;padding:24px;display:grid}.fatal-error>div{text-align:center;max-width:520px}.fatal-error h1{font:800 34px Manrope}.fatal-error p{color:var(--muted)}.app-loading{color:#fff;background:#173b32;place-content:center;justify-items:center;gap:12px;min-height:100vh;display:grid}.loading-mark{color:#173b32;background:#bfe7d4;border-radius:18px;place-items:center;width:58px;height:58px;font:800 25px Manrope;animation:1.3s infinite pulse;display:grid}.app-loading p{color:#b9cfc8;font-size:12px}.form-error{color:#a94734;background:#fff0ec;border:1px solid #f0c8bd;border-radius:9px;margin-top:14px;padding:11px 13px;font-size:11px}.quiz-page{max-width:920px}.quiz-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:32px;box-shadow:0 15px 40px #25483b0a}.quiz-meta{justify-content:space-between;display:flex}.quiz-meta span{letter-spacing:1px;color:#4f7b6d;background:#e9f4ef;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.quiz-card h3{text-transform:capitalize;margin:18px 0 10px;font:800 22px Manrope}.reading-context{color:#40554f;background:#f5f6f2;border-left:3px solid #73a994;border-radius:0 10px 10px 0;max-height:230px;padding:20px;font:400 13px/1.75 DM Sans;overflow:auto}.quiz-card label{flex-direction:column;gap:7px;margin:24px 0 10px;font:700 18px/1.4 Manrope;display:flex}.quiz-card label span{letter-spacing:1.4px;color:#668079;font:800 9px DM Sans}.quiz-card textarea{resize:vertical;border:1px solid var(--line);border-radius:11px;outline:none;width:100%;min-height:90px;padding:14px}.quiz-card textarea:focus{border-color:#4a8d78;box-shadow:0 0 0 3px #4a8d7816}.quiz-feedback{border-radius:11px;gap:11px;margin:14px 0;padding:14px;display:flex}.quiz-feedback.good{color:#276450;background:#eaf5ef}.quiz-feedback.bad{color:#9f4736;background:#fff0ec}.quiz-feedback>span{background:#fff8;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.quiz-feedback svg{width:17px}.quiz-feedback p{margin:4px 0;font-size:11px}.quiz-feedback small{font-size:9px}.dataset-credit{color:#81908a;justify-content:center;align-items:center;gap:5px;margin-top:15px;font-size:9px;text-decoration:none;display:flex}.quiz-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.quiz-state>svg{color:#4c806f;width:40px;height:40px}.quiz-state p{color:var(--muted)}.quiz-state code{background:#edf1ed;border-radius:7px;padding:10px}.assessment-page{min-height:100vh;color:var(--ink);background:#f8faf6}.assessment-page>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex}.assessment-center{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.assessment-center svg{color:var(--green);width:38px;height:38px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.assessment-intro>section,.result-page>section{text-align:center;max-width:690px;margin:0 auto;padding:70px 24px}.assessment-orbit{width:112px;height:112px;color:var(--green);background:#dff0e8;border-radius:50%;place-items:center;margin:0 auto 31px;display:grid;position:relative;box-shadow:0 0 0 13px #edf6f1,0 0 0 14px #d8e9e1}.assessment-orbit i{background:var(--coral);border-radius:50%;width:9px;height:9px;position:absolute}.assessment-orbit i:nth-child(2){top:3px;right:8px}.assessment-orbit i:nth-child(3){background:var(--yellow);bottom:5px;left:3px}.assessment-orbit i:nth-child(4){background:#78af9e;bottom:33px;right:-14px}.assessment-intro h1{letter-spacing:-2px;margin:13px 0 16px;font:800 43px/1.1 Manrope}.assessment-intro section>p{color:var(--muted);font-size:16px;line-height:1.65}.assessment-facts{justify-content:center;gap:11px;margin:29px 0;display:flex}.assessment-facts span{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:10px;display:flex}.assessment-facts svg{width:15px;color:var(--green)}.assessment-intro .primary{margin:7px auto 13px}.assessment-intro section>small{color:#8c9994;font-size:9px;display:block}.test-page>header>span{color:var(--muted);font-size:11px}.test-progress{align-items:center;gap:14px;max-width:780px;margin:38px auto 22px;padding:0 24px;display:flex}.test-progress>div{background:#e0e7e2;border-radius:8px;flex:1;height:6px;overflow:hidden}.test-progress i{background:var(--green2);height:100%;transition:all .3s;display:block}.test-progress span{color:var(--muted);font-size:10px}.test-card{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:730px;margin:0 auto;padding:38px;box-shadow:0 15px 40px #25483b0a}.test-context{color:#45655b;background:#edf5f1;border-left:3px solid #6ea48f;border-radius:0 9px 9px 0;margin:17px 0;padding:14px 16px;font-size:12px;line-height:1.6}.test-card h1{letter-spacing:-.7px;margin:16px 0 26px;font:700 26px/1.35 Manrope}.test-options{gap:10px;display:grid}.test-options button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:12px;grid-template-columns:31px 1fr 24px;align-items:center;gap:11px;padding:13px 14px;transition:all .18s;display:grid}.test-options button:hover,.test-options button.selected{background:#f3faf6;border-color:#55907c}.test-options button>span{background:#f0f2ee;border-radius:8px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:grid}.test-options button.selected>span{background:var(--green);color:#fff}.test-options button>i{color:var(--green);place-items:center;display:grid}.test-actions{justify-content:space-between;margin-top:28px;display:flex}.level-reveal{justify-content:center;align-items:center;gap:17px;margin:24px 0 15px;display:flex}.level-reveal>i{background:var(--green);color:#fff;border-radius:23px;place-items:center;width:84px;height:84px;font:800 31px Manrope;display:grid;transform:rotate(-4deg);box-shadow:0 10px 25px #285f5033}.level-reveal>div{text-align:left}.level-reveal small{letter-spacing:1.4px;color:var(--muted);font-size:9px}.level-reveal h1{margin:5px 0;font:800 31px Manrope}.result-description{color:var(--muted);max-width:560px;margin:0 auto 24px;line-height:1.6}.result-score{grid-template-columns:1fr 1fr;gap:11px;margin:23px 0;display:grid}.result-score>div{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;padding:15px;display:flex}.result-score b{font:800 22px Manrope}.result-score span{color:var(--muted);margin-top:3px;font-size:9px}.breakdown{border:1px solid var(--line);text-align:left;background:#fff;border-radius:15px;padding:20px}.breakdown h3{margin-bottom:15px;font:700 13px Manrope}.breakdown>div{grid-template-columns:28px 1fr 25px;align-items:center;gap:10px;margin:9px 0;display:grid}.breakdown>div>span,.breakdown>div>small{font-size:9px;font-weight:800}.breakdown>div>i{background:#edf0ed;border-radius:5px;height:6px;overflow:hidden}.breakdown>div>i>b{background:#6ca58f;height:100%;display:block}.next-focus{text-align:left;color:#285f50;background:#eaf5ef;border-radius:13px;gap:11px;margin:15px 0;padding:15px;display:flex}.next-focus svg{flex:none}.next-focus b{font-size:11px}.next-focus p{margin:3px 0;font-size:11px}.result-note{color:var(--muted);margin-top:12px;font-size:9px;display:block}@media (width<=600px){.assessment-intro>section,.result-page>section{padding:45px 19px}.assessment-intro h1{font-size:34px}.assessment-facts{flex-direction:column}.assessment-facts span{justify-content:center}.test-card{margin:0 14px;padding:24px 18px}.test-card h1{font-size:21px}.test-actions .primary,.test-actions .secondary{padding:12px 14px}.level-reveal>i{width:69px;height:69px;font-size:25px}.level-reveal h1{font-size:25px}}.bar-bg{position:relative}.bar-bg>b{text-align:center;color:#4b6c61;font-size:8px;position:absolute;top:5px;left:0;right:0}.chart.chart-empty{position:relative}.chart.chart-empty>p{text-align:center;color:var(--muted);font-size:11px;position:absolute;inset:50% 0 auto}.level-card .no-data{align-items:center;gap:6px;display:flex}.audio-action{color:var(--green);white-space:nowrap;background:#e8f2ed;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.audio-action:hover{background:#dcece5}.audio-action.icon-only{flex:none;width:34px;height:34px;padding:0}.test-card-top,.reading-toolbar,.question-audio-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.reading-toolbar{margin:17px 0 8px}.reading-toolbar>span{letter-spacing:1.3px;color:#668079;font-size:9px;font-weight:800}.quiz-card label .audio-action{align-self:flex-start;font-family:DM Sans;line-height:1}.message-preview .audio-action{align-self:center;margin-left:auto}