@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#473c33;--green:#abc270;--yellow:#fec868;--orange:#fda769;--paper:#fafaf3;--muted:#827f70}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8d9e55;outline-offset:4px}aside{width:252px;background:#f1f2e7;border-right:1px solid #e5e6da;position:fixed;inset:0 auto 0 0;padding:38px 23px;display:flex;flex-direction:column}.brand img{width:127px;height:49px;object-fit:contain;object-position:left}.eyebrow{font-size:9px;letter-spacing:1.8px;margin:14px 0 40px}nav{display:grid;gap:9px}nav a{text-decoration:none;color:#777565;padding:14px 13px;border-radius:13px;font-size:13px;font-weight:600;display:flex;gap:13px;align-items:center}nav a span{font-size:21px;width:22px}nav a.active{color:var(--ink);background:#e0e8c7}.side-note{margin-top:auto;background:linear-gradient(130deg,#e2e9ce,#edefde);padding:20px 17px;border-radius:17px}.side-note span{font-weight:700}.side-note p{font-size:12px;line-height:1.9;color:#76785f}.text{background:none;border:0;padding:0;color:var(--ink);font-weight:700;font-size:12px}.local-note{font-size:10px;margin:22px 0 0;color:#7c806a;text-align:center}main{margin-left:252px;padding:0 46px;max-width:1600px}header{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9e8de;color:#8c897a;font-size:12px}header>div{display:flex;align-items:center;gap:22px}.streak{color:#8e7046}.avatar{background:#e5ebd6;border:4px solid white;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-weight:700;color:#6e7854}#app{padding-top:30px;min-height:77vh}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1,h2,h3,p{margin-top:0}h1{font:800 29px 'Manrope',sans-serif;letter-spacing:-1.1px;margin-bottom:9px}h2{font:800 21px 'Manrope',sans-serif;letter-spacing:-.6px}h3{font:800 16px 'Manrope',sans-serif;line-height:1.5}.sub{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.pill{border:1px solid #e3e3d5;border-radius:30px;padding:8px 13px;font-size:11px;background:#fffef6}.hero{position:relative;background:linear-gradient(115deg,#e5edcd,#eef0d6 65%,#f4e9ca);border:1px solid #e0e6c7;border-radius:25px;min-height:295px;padding:34px 36px;overflow:hidden}.hero .eyebrow{margin:0 0 17px;color:#647745;letter-spacing:2px}.hero h2{font-size:35px;line-height:1.2;max-width:420px;letter-spacing:-1.5px;margin-bottom:16px}.hero p{max-width:340px;color:#74785e;line-height:1.8;font-size:13px}.hero-art{position:absolute;width:39%;height:100%;right:3%;top:0;display:grid;place-items:center}.hero-art:before{content:'';width:225px;height:225px;border-radius:50%;background:#f6f6df7a;position:absolute}.hero-art img{width:88%;max-width:290px;z-index:1;filter:drop-shadow(0 15px 14px #879f4920);transform:rotate(-5deg)}.bubble{position:absolute;right:0;top:29px;background:#fffef4;padding:12px 18px;border-radius:17px 17px 17px 2px;font-size:13px;z-index:2;transform:rotate(5deg)}.spark{position:absolute;font-size:32px;color:#97a85c;bottom:34px;right:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:11px;padding:13px 19px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;text-decoration:none}.btn.light{background:#fffef5;color:var(--ink);border:1px solid #e4e3d5}.btn.green{background:#dce7bd;color:#465331}.btn:disabled{opacity:.5;cursor:default}.hero small{font-size:10px;color:#7c8169;margin-left:14px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:27px;margin-top:29px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.section-head h2{font-size:18px;margin:0}.section-head a{color:#81836f;text-decoration:none;font-size:11px}.plan{background:#fffefa;border:1px solid #e9e8de;border-radius:18px;padding:7px 20px}.plan-row{display:flex;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #edede4;color:inherit;text-decoration:none}.plan-row:last-child{border:0}.tile-icon{width:44px;height:44px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;font-size:21px;background:#edf1dc}.tile-icon.yellow{background:#fff0d0}.tile-icon.peach{background:#ffeadb}.plan-row h3{font-size:13px;margin:0 0 4px}.plan-row p{font-size:11px;color:#959180;margin:0}.plan-row .end{margin-left:auto;color:#8b8c76;font-size:11px}.daily{background:#f0eee1;border-radius:18px;padding:24px}.daily .eyebrow{margin:0 0 23px;letter-spacing:1.4px}.daily h3{font-size:25px;margin:0 0 4px}.daily .pron{font-size:12px;color:#92917d}.daily blockquote{margin:20px 0 13px;font-size:13px;line-height:1.8}.daily .translation{font-size:11px;color:#8a8776;line-height:1.7}.sound{border:1px solid #d6d7c4;background:#fafaf1;width:31px;height:31px;border-radius:50%;float:right}.progress-strip{border:1px solid #e5e6d6;border-radius:16px;display:flex;align-items:center;gap:15px;padding:18px;margin-top:18px}.progress-strip p{font-size:11px;margin:4px 0 0;color:#888975}.progress-strip strong{font-size:12px}.ring{width:43px;height:43px;border:4px solid #e3e9d0;border-top-color:#a6bc6b;border-radius:50%;display:grid;place-items:center;font-size:10px}.topics{margin-top:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fffefa;border:1px solid #e8e8dc;padding:23px;border-radius:18px;text-decoration:none;color:var(--ink)}.card .tag{font-size:10px;color:#898b72;margin:14px 0 9px;display:block}.card h3{margin-bottom:8px}.card p{font-size:12px;color:#878574;line-height:1.7}.card:hover{border-color:#b5c585;transform:translateY(-2px)}footer{padding:29px 0;display:flex;justify-content:space-between;color:#a5a18e;font-size:9px;letter-spacing:1.4px}.panel{background:#fffefa;border:1px solid #e6e6d9;border-radius:21px;padding:28px;margin-bottom:20px}.chat{max-width:790px;margin:auto}.mentor-head{display:flex;gap:18px;align-items:center}.mentor-head img{width:70px}.mentor-head h3{margin:0}.messages{min-height:260px;max-height:430px;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:24px 0}.message{padding:15px 19px;border-radius:16px;background:#edf1df;max-width:85%;line-height:1.7}.message.user{align-self:flex-end;background:#ffecd7}.message small{display:block;color:#7b7e67;font-size:11px}.chat-form{display:flex;gap:9px;flex-wrap:wrap}.chat-form input{flex:1;min-width:120px;border:1px solid #dddccd;padding:14px;border-radius:10px;background:#fff}.hint{color:#858470;font-size:12px;line-height:1.8;margin:15px 0}.options{display:grid;gap:12px;margin:20px 0}.option{text-align:left;background:#fafaf0;border:1px solid #dedfce;border-radius:12px;padding:17px;color:var(--ink)}.option.selected{background:#e3eccb;border-color:#9cb468}.feedback{padding:20px;background:#eef1e2;border-radius:14px;line-height:1.8;margin-top:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.stats .panel{margin:0}.stats strong{font-size:32px;display:block;margin-bottom:9px}.bar{height:7px;background:#e8e9dc;border-radius:9px;overflow:hidden;margin:14px 0}.bar>div{height:100%;background:#abc270}dialog{border:0;border-radius:24px;max-width:520px;width:90%;padding:32px;color:var(--ink);box-shadow:0 25px 90px #473c3330}dialog::backdrop{background:#393a2955;backdrop-filter:blur(4px)}.close{float:right;border:0;background:none;font-size:26px;color:var(--ink)}#modal-body{line-height:1.8}.close+div h2{padding-right:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#473c33;color:white;border-radius:12px;padding:15px 25px;z-index:9;display:none}.empty{text-align:center;padding:30px}.empty img{width:130px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px 7px;border-bottom:1px solid #e8e7db;font-size:12px}.mobile-only{display:none}@media(min-width:1450px){main{margin-right:auto}.hero-art{right:7%}}@media(max-width:1100px){aside{width:215px;padding:30px 16px}main{margin-left:215px;padding:0 28px}.dashboard{grid-template-columns:1fr 245px;gap:18px}.hero h2{font-size:30px;max-width:310px}.hero p{max-width:290px}.hero-art{right:1%;width:36%}.hero small{display:none}}@media(max-width:800px){aside{position:sticky;top:0;width:100%;height:auto;padding:12px 20px;z-index:5;border:0;border-bottom:1px solid #e3e4d6;display:block}.brand img{width:86px;height:30px}aside>.eyebrow,.side-note,.local-note{display:none}nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#f5f6ec;border-top:1px solid #e0e4d1;gap:0;justify-content:space-around;padding:7px 3px max(8px,env(safe-area-inset-bottom));z-index:6}nav a{font-size:9px;padding:6px 3px;gap:3px;flex-direction:column;width:20%;text-align:center}nav a span{font-size:19px}main{margin:0;padding:0 20px}header{height:61px}.greeting{align-items:flex-start}.greeting .pill{display:none}h1{font-size:24px}.hero{padding:25px;min-height:360px}.hero h2{font-size:29px;max-width:260px}.hero p{max-width:220px}.hero-art{width:160px;height:160px;right:4px;bottom:0;top:auto;opacity:1}.hero-art:before{width:150px;height:150px}.hero-art img{width:150px}.bubble{top:0;font-size:10px;padding:8px;right:0}.spark{display:none}.hero .btn{position:relative;z-index:3;margin-top:10px}.dashboard{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.daily{display:none}.stats{gap:9px}.stats .panel{padding:16px 12px}.stats strong{font-size:25px}.panel{padding:20px}footer{padding-bottom:100px;font-size:8px}footer span{display:none}.chat-form .btn{padding:12px}.message{max-width:94%}.hero .eyebrow{font-size:8px}}.mobile-install{display:none}@media(max-width:800px){.mobile-install{display:block;position:absolute;right:20px;top:22px}.daily{display:block}.hero p{max-width:205px}}
:root{--paper:#fffaf1;--ink:#473c33}body{background:var(--paper)}aside{background:#f1f3e2}.mini-label{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#82745f;margin:0 0 12px;display:block}.new-hero{background:linear-gradient(115deg,#ffce77,#ffdb96 49%,#ffb77c);border-color:#f5bc6b;min-height:315px}.new-hero h2{max-width:510px}.new-hero p{color:#71583d;max-width:390px}.new-hero .eyebrow{color:#81592f}.new-hero .hero-art:before{background:#fff8ce88;width:240px;height:240px}.start-here{background:#e5edcc;border:1px solid #d5dfb7;border-radius:18px;margin-top:22px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.start-here>div{display:flex;gap:20px;align-items:center}.step-dot{border:2px dashed #9aad67;border-radius:50%;display:grid;place-items:center;width:53px;height:53px;font-weight:800;font-size:24px}.start-here .mini-label{margin:0 0 4px;font-size:9px}.start-here h3{margin:0 0 4px}.how-cards,.level-road{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-cards>div{padding:22px;background:#fffdf7;border:1px solid #ece4d7;border-radius:18px}.how-cards span{font-size:12px;font-weight:800;color:#ae7650}.how-cards h3{margin:15px 0 8px}.how-cards p,.road-item p{font-size:12px;line-height:1.8;color:#867a68;margin:0}.road-item{background:#edf0d8;border-radius:18px;padding:23px}.road-item:nth-child(2){background:#ffe9bd}.road-item:nth-child(3){background:#ffddca}.road-item>span{font-size:24px}.road-item h3{margin:12px 0 7px}.road-item small{display:block;margin-top:18px;color:#746750}.locked{opacity:.5;cursor:default}.stage-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0 30px}.stage-tabs button{background:#fffcf5;border:1px solid #e4dccb;border-radius:13px;color:#746b5b;padding:14px 20px;font-weight:700;display:flex;gap:10px}.stage-tabs .chosen{background:#473c33;color:white;border-color:#473c33}.stage-tabs button:disabled{opacity:.45;cursor:not-allowed}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module{border:1px solid #e8dfcd;background:#fffdf7;border-radius:20px;padding:25px;text-decoration:none;color:var(--ink);transition:transform .22s,box-shadow .22s}.module:nth-child(3n+1){background:linear-gradient(145deg,#e6edce,#f7f8e9)}.module:nth-child(3n+2){background:linear-gradient(145deg,#ffdfb5,#fff4df)}.module:nth-child(3n){background:linear-gradient(145deg,#ffe9ae,#fff7de)}.module:not(.locked):hover{transform:translateY(-5px);box-shadow:0 12px 25px #84745212}.module-num{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:#fffaf1b0;margin-bottom:25px;font-weight:800}.module .mini-label{font-size:9px}.module h3{font-size:19px;margin:0 0 10px}.module p{font-size:12px;line-height:1.8;min-height:44px;color:#83725e}.module strong{font-size:11px}.lesson-intro{display:grid;grid-template-columns:1fr 250px;gap:35px;margin-top:25px;padding:36px;background:linear-gradient(125deg,#fffdf8,#f2f1d9)}.lesson-intro h1{margin-top:27px}.example{padding:20px;background:#fff0ce;border-radius:17px;margin-top:24px}.example>span{font-size:9px;font-weight:700;letter-spacing:1.5px}.example h3{margin:10px 0 17px}.intro-mascot{position:relative;display:grid;place-items:center}.intro-mascot img{width:100%;max-width:240px}.intro-mascot .bubble{top:20px;right:-15px}.mascot{transform-origin:center bottom;will-change:transform}.floating{animation:mascotFloat 4s ease-in-out infinite}.hero-art img{transform:none}.hero-art:hover .mascot{animation:happyWiggle .8s ease-in-out}.talking{animation:talkBounce .36s ease-in-out infinite!important}.exercise-wrap{max-width:810px;margin:0 auto}.exercise-top{display:flex;align-items:center;justify-content:space-between}.exercise-mentor{display:flex;align-items:center;gap:25px;margin:30px 0}.exercise-mentor .mascot{width:110px;flex-shrink:0}.bubble-static{background:#e8efcf;border-radius:22px 22px 22px 3px;padding:23px 28px;position:relative;animation:bubbleIn .4s ease-out}.bubble-static h2{font-size:21px;margin:8px 0}.bubble-static small{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#7b8c50}.bubble-static p{font-size:12px;line-height:1.7;margin:0;color:#7b7e67}.answer-panel{padding:30px;border:1px solid #e7dec9;box-shadow:0 10px 35px #83613205}.answer-slots{min-height:95px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;border-bottom:2px dashed #e5d9c0;margin-bottom:25px;padding:10px 0 20px}.answer-slots>p{font-size:25px;font-weight:700;margin:0;line-height:2}.blank{display:inline-block;min-width:100px;border-radius:9px;background:#fff0cb;color:#775d30;text-align:center;padding:0 15px;border-bottom:3px solid #f1c86e}.word-bank{display:flex;flex-wrap:wrap;gap:11px;min-height:65px}.word{background:#fff5d8;border:1px solid #edce87;box-shadow:0 4px 0 #e7cf97;color:#665037;border-radius:12px;padding:12px 19px;font-size:17px;font-weight:600;transition:transform .15s,background .15s}.word:hover{background:#ffe9ac;transform:translateY(-2px)}.word:active{transform:translateY(3px);box-shadow:none}.word:disabled{opacity:.25;box-shadow:none;transform:none;cursor:default}.word.picked{background:#e8efd4;border-color:#b7c784;box-shadow:0 4px 0 #ccd8ab;animation:wordPop .22s ease-out}.exercise-tools{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.check-btn{width:100%;margin-top:18px;padding:16px;font-size:14px}.feedback{animation:bubbleIn .25s ease-out}.retry-feedback{background:#fff0d3}.session-result{max-width:790px;margin:auto;text-align:center}.session-result>.mascot{display:block;width:140px;margin:25px auto}.review-list{text-align:left;margin:27px 0}.review-list>div{padding:18px;border-radius:14px;background:#f3f4e7;margin-bottom:12px}.review-list p{margin:7px 0;font-size:13px}.review-list strong{font-size:12px;color:#688447}.celebration{text-align:center;position:relative;overflow:hidden;padding:15px 0}.celebration>.mascot{display:block;width:190px;margin:10px auto 30px}.celebration h2{font-size:27px}.celebration p{color:#8a7b66;font-size:14px}.victory{animation:victorySpin 1.3s cubic-bezier(.2,.75,.3,1) both,mascotFloat 3s 1.4s ease-in-out infinite}.proud{animation:happyWiggle 1s ease-in-out}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:0;left:calc(var(--i)*7%);width:8px;height:15px;border-radius:3px;background:#abc270;animation:confettiDrop 2.5s calc(var(--i)*.06s) ease-out both}.confetti i:nth-child(2n){background:#fda769}.confetti i:nth-child(3n){background:#fec868}.badge-row{display:flex;gap:12px;flex-wrap:wrap}.page-pop{animation:panelIn .4s ease-out}dialog[open]{animation:modalPop .38s cubic-bezier(.2,.9,.3,1.2)}button,.btn{transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 15px #473c3317}.btn:disabled:hover{transform:none;box-shadow:none}.message{animation:bubbleIn .35s ease-out}.wiggle{animation:gentleShake .35s ease-in-out}@keyframes panelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes modalPop{from{opacity:0;transform:scale(.87) translateY(15px)}to{opacity:1;transform:none}}@keyframes bubbleIn{from{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}@keyframes wordPop{from{transform:scale(.8)}to{transform:scale(1)}}@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes happyWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg) translateY(-8px)}65%{transform:rotate(12deg) translateY(-8px)}}@keyframes talkBounce{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes victorySpin{0%{transform:scale(.2) rotate(-180deg);opacity:0}70%{transform:scale(1.1) rotate(12deg);opacity:1}100%{transform:scale(1) rotate(0)}}@keyframes confettiDrop{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(390px) rotate(380deg);opacity:0}}@keyframes gentleShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-width:1000px){.new-hero h2{font-size:30px;max-width:360px}.module-grid{grid-template-columns:repeat(2,1fr)}.lesson-intro{grid-template-columns:1fr 170px}.how-cards{gap:10px}.how-cards>div{padding:18px}}@media(max-width:800px){.new-hero{min-height:385px;padding:25px}.new-hero h2{font-size:29px;max-width:290px}.new-hero p{max-width:230px;font-size:12px}.new-hero .hero-art{bottom:7px;right:10px}.new-hero .hero-art:before{width:145px;height:145px}.new-hero .btn{max-width:195px;line-height:1.7;font-size:11px;gap:10px}.new-hero .bubble{font-size:10px;top:-9px;right:0}.start-here{padding:18px;align-items:flex-start;flex-wrap:wrap}.start-here>div{gap:13px}.step-dot{width:40px;height:40px;font-size:20px}.start-here .btn{margin-left:53px}.how-cards{grid-template-columns:1fr}.how-cards>div{padding:18px;display:grid;grid-template-columns:30px 1fr;column-gap:15px}.how-cards h3{margin:0}.how-cards p{grid-column:2}.level-road{grid-template-columns:1fr;gap:10px}.road-item{padding:20px}.road-item h3{display:inline;margin-left:12px}.road-item p{margin-top:10px}.road-item small{margin-top:10px}.module-grid{grid-template-columns:1fr}.stage-tabs{gap:7px}.stage-tabs button{padding:11px 10px;font-size:10px;gap:5px}.lesson-intro{display:flex;flex-direction:column-reverse;padding:24px;gap:15px}.intro-mascot img{width:115px}.intro-mascot .bubble{right:10px;font-size:10px}.lesson-intro h1{margin-top:20px}.exercise-mentor{gap:12px;margin:22px 0;align-items:flex-start}.exercise-mentor .mascot{width:70px;margin-top:15px}.bubble-static{padding:16px}.bubble-static h2{font-size:17px}.answer-panel{padding:20px}.answer-slots>p{font-size:22px}.word{font-size:15px;padding:11px 15px}.section-head .sub{font-size:10px}.session-result .btn{margin:5px}.greeting .sub{max-width:290px}.mini-label{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mascot{will-change:auto}}nav a[hidden]{display:none}@media(max-width:800px){nav a{flex:1}}.module.locked{pointer-events:none}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.friend-card{border-radius:21px;padding:24px;color:var(--ink);text-decoration:none;transition:transform .2s}.friend-card:hover{transform:translateY(-5px)}.friend-card img{display:block;height:100px;max-width:135px;margin-bottom:20px}.friend-card p{font-size:12px;line-height:1.8;color:#7a756d}.friend-card span{font-size:12px;font-weight:700}.writing-card{background:linear-gradient(125deg,#dfe9df,#eaf3e9)}.speaking-card{background:linear-gradient(125deg,#e6e0f2,#f2eafa)}.quiz-card{background:linear-gradient(125deg,#f8e2c4,#fff1d7)}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.category-tabs button{border:1px solid #e5dac3;border-radius:30px;padding:10px 14px;background:#fffcf4;color:#7e715a;font-size:11px}.category-tabs .chosen{background:#e5edca;border-color:#acbe7b;color:#4f6334}.practice-banner{display:flex;align-items:center;gap:25px;padding:25px;border-radius:20px;margin-bottom:24px}.practice-banner img{width:100px}.practice-banner h2{margin-bottom:8px}textarea{display:block;width:100%;resize:vertical;font:16px/1.8 'DM Sans',sans-serif;color:var(--ink);background:#fffdf7;border:1px solid #d6d6c4;border-radius:15px;padding:16px;min-height:160px}textarea:focus-visible{outline:3px solid #abbf71;outline-offset:3px}.field-label{display:block;font-size:13px;font-weight:700;margin:18px 0 10px}.production-meta{display:flex;justify-content:space-between;font-size:11px;color:#8a816e;margin:9px 0 20px}.self-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;margin:25px 0 15px}.self-check input{accent-color:#839d4a;margin-top:5px;width:17px;height:17px;flex-shrink:0}.voice-actions{display:flex;gap:10px;flex-wrap:wrap}audio{width:100%;margin:12px 0}details{font-size:13px;line-height:1.8;color:#7a705d;padding:13px;background:#f4f2e6;border-radius:12px}summary{cursor:pointer;font-weight:600}details p{margin:12px 0}.sound-toggle{padding:8px 12px;border:1px solid #dedecd;border-radius:20px;font-size:10px}.talking{animation:talkBounce .42s ease-in-out infinite}.mascot[data-character="main"]{aspect-ratio:245.33/200.85;object-fit:contain}nav{gap:3px}nav a{padding:11px 12px}.side-note{padding:15px}.local-note{margin-top:15px}.session-result .review-list{max-height:70vh;overflow:auto}.module button:disabled{cursor:default}@media(max-width:800px){.friend-grid{grid-template-columns:1fr}.friend-card{display:grid;grid-template-columns:85px 1fr;column-gap:20px;padding:22px}.friend-card img{grid-row:1/4;max-width:85px;height:78px;margin:0}.friend-card h3{margin:0 0 7px}.friend-card p{margin:0 0 9px}.friend-card span{grid-column:2}.practice-banner{gap:15px;padding:20px}.practice-banner img{width:75px}.practice-banner h2{font-size:17px}nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}nav a{min-width:73px;flex-shrink:0;padding:5px 3px;font-size:8px}.sound-toggle{font-size:9px;padding:7px}.streak{display:none}header>div{gap:10px}.new-hero .hero-art{width:150px}.hero-art img{max-width:150px}.voice-actions .btn{font-size:11px;padding:11px}.production-meta{gap:10px}.session-result .review-list{max-height:none}footer{padding-bottom:115px}}
.mascot{position:relative;display:inline-block;width:100%;aspect-ratio:245.33/200.85;isolation:isolate;vertical-align:middle;overflow:visible}.mascot::after{content:'';position:absolute;z-index:-1;left:15%;right:15%;bottom:-7%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#6d503b38 0%,#6d503b18 45%,transparent 74%);filter:blur(3px);pointer-events:none}.mascot>img{display:block!important;position:relative;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:contain;transform:none!important;filter:none!important;aspect-ratio:245.33/200.85}.mascot>.mouth-frame,.mascot>.blink-frame{position:absolute;inset:0;pointer-events:none;transition:opacity 90ms linear}.mascot>.mouth-frame{opacity:var(--mouth-open,0)}.mascot>.blink-frame{opacity:var(--blink,0);transition:opacity 75ms ease-in-out}.mascot[data-character="main"].talking{animation:mascotFloat 4s ease-in-out infinite!important}.hero-art>.mascot{width:88%;max-width:290px;z-index:1}.intro-mascot>.mascot{width:100%;max-width:240px}.exercise-mentor>.mascot{width:110px;flex:0 0 110px}.friend-card>.mascot{width:135px;margin-bottom:20px}.practice-banner>.mascot{width:100px;flex:0 0 100px}.session-result>.mascot{display:block;width:140px;margin:25px auto 35px}.celebration>.mascot{display:block;width:190px;margin:10px auto 38px}.friend-card .mascot:after{bottom:-10%}.hero-art .mascot:after{opacity:.75}.exercise-mentor .mascot:after{bottom:-5%}@media(max-width:800px){.hero-art>.mascot{width:150px}.intro-mascot>.mascot{width:115px}.exercise-mentor>.mascot{width:70px;flex-basis:70px;margin-top:15px}.friend-card>.mascot{grid-row:1/4;width:85px;margin:0}.practice-banner>.mascot{width:75px;flex-basis:75px}.session-result>.mascot{width:130px}}@media(prefers-reduced-motion:reduce){.mascot[data-character="main"].talking{animation:none!important}}@media(max-width:800px){.friend-card>.mascot{grid-column:1}}

.review-list>div.review-incorrect{background:#fff0ed;border:1px solid #eab3ac;border-left:4px solid #bf3e35}.review-list>div.review-incorrect .review-status,.review-list>div.review-incorrect .review-answer{color:#aa3029}.review-list>div.review-correct{border:1px solid #dce4c7;border-left:4px solid #7c994d}.review-list>div.review-practice{border:1px solid #e4e1cd}.speaking-target{background:#f2eff7;border:1px solid #ded6e9;border-radius:18px;padding:23px;margin:5px 0 16px}.target-words{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.spoken-word{display:inline-flex;gap:8px;align-items:center;font-size:22px;font-weight:700;padding:8px 12px;border-radius:10px;border:1px solid transparent;transition:color .18s,background .18s,border-color .18s}.spoken-word.pending{color:#76766f;background:#e9e8e5}.spoken-word.correct{color:#3d6329;background:#e1edcf;border-color:#adc68b}.spoken-word.incorrect{color:#a3322b;background:#ffded8;border-color:#e4a49a}.spoken-word small{font-size:12px}.target-original{font-size:13px;color:#77717f;margin:15px 0 0}.speech-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:#80786b;margin:15px 0 23px}.speech-legend span:nth-child(2){color:#486e31}.speech-legend span:nth-child(3){color:#a3322b}.speech-status{background:#f2f4e8;line-height:1.8;padding:16px;border-radius:12px;font-size:13px;margin-top:20px}.recognized-speech{border-left:3px solid #c2b6d6;padding:10px 17px;margin-top:20px}.recognized-speech p{margin:0;line-height:1.8;font-size:15px}#speech-language{border:1px solid #ded8cd;border-radius:10px;padding:10px;background:#fffdf5;color:var(--ink)}.reading-entry{display:flex;gap:18px;align-items:center;border:1px solid #dcd4be;background:#fff0c9;border-radius:16px;padding:20px;margin:-5px 0 24px;text-decoration:none;color:var(--ink)}.reading-entry>span{font-size:27px}.reading-entry p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#827257}.reading-entry>b{margin-left:auto}.guide-article{max-width:850px;margin:auto}.guide-article>h1{margin-top:25px;line-height:1.4}.guide-contents{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0;position:static;background:none;border:none;padding:0;overflow:visible}.guide-contents button{border:1px solid #dfdacb;border-radius:30px;background:#f1f1e1;padding:9px 13px;color:#716d57;font-size:11px}.guide-section{scroll-margin-top:25px}.guide-explanation{font-size:15px;line-height:1.95;margin-bottom:23px}.guide-examples{display:grid;gap:13px}.guide-examples>div{padding:18px;border-radius:13px;background:#f7f4e5}.guide-examples strong{font-size:16px;line-height:1.8}.guide-examples p{font-size:13px;color:#877c69;line-height:1.8;margin:6px 0 12px}.guide-sources a{display:block;font-size:12px;color:#566c38;margin:14px 0;text-decoration:underline}aside nav{gap:0}aside nav a{padding:9px 12px}@media(max-width:800px){.spoken-word{font-size:18px;padding:8px 10px}.speaking-target{padding:18px}.speech-legend{font-size:9px;gap:9px}.guide-explanation{font-size:14px}.guide-section{scroll-margin-top:75px}.guide-contents{position:static;inset:auto}.guide-contents button{font-size:10px}.guide-article>h1{font-size:25px}aside nav a{padding:5px 3px}}.speech-support{border:1px solid #ddd4e7;background:#f9f6fc;border-radius:15px;padding:18px;margin:19px 0}.speech-support-head{display:flex;justify-content:space-between;gap:15px;font-size:13px;align-items:center}.speech-support-head>span{font-size:10px;color:#6f5c86;background:#ebe4f3;border-radius:20px;padding:7px 10px}.speech-support .hint{margin:12px 0}.speech-support-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.speech-support select{border:1px solid #d8cede;padding:10px 12px;border-radius:10px;background:#fff;color:var(--ink);max-width:100%;font:inherit;font-size:12px}.speech-connection-help{background:#fff0db;border:1px solid #efd0a3;border-radius:12px;padding:16px;font-size:12px;line-height:1.8;margin-top:18px}.speech-connection-help p{margin:10px 0}.speech-connection-help a{color:#754c23;font-weight:700}.speech-support [hidden]{display:none!important}@media(max-width:800px){.speech-support-head{align-items:flex-start;flex-direction:column}.speech-support{padding:16px}}.session-back{text-decoration:none;font-size:12px;min-height:44px;gap:8px}.listening-player{padding:25px;background:linear-gradient(125deg,#eee8f7,#f8f3fc);border:1px solid #dfd4ed;border-radius:17px}.listening-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 5px}.listening-options{display:grid;gap:13px;margin:18px 0}.listening-option{display:flex;gap:16px;align-items:center;border:1px solid #ddd6e5;background:#fffdf8;border-radius:14px;padding:18px;text-align:left;color:var(--ink);min-height:65px;transition:background .18s,border-color .18s}.listening-option>span{display:grid;place-items:center;border:1px solid #ded5e8;background:#f4f0f9;border-radius:10px;width:32px;height:32px;flex:0 0 32px;font-size:12px;color:#81728d}.listening-option>b{font-weight:600;font-size:16px;line-height:1.7}.listening-option.selected{background:#e8efd7;border-color:#a4ba75}.listening-option.selected>span{background:#abc270;color:#fff;border-color:#abc270}.listening-option:disabled{opacity:.45;cursor:default}.audio-pulse{display:flex;gap:4px;align-items:center;height:25px;margin:14px 0 0}.audio-pulse i{height:5px;width:5px;border-radius:10px;background:#a798ba}.audio-pulse.playing i{animation:audioPulse .65s ease-in-out infinite alternate}.audio-pulse i:nth-child(2){animation-delay:.12s}.audio-pulse i:nth-child(3){animation-delay:.24s}.audio-pulse i:nth-child(4){animation-delay:.36s}.audio-pulse i:nth-child(5){animation-delay:.48s}@keyframes audioPulse{to{height:23px;background:#705885}}@media(max-width:800px){.exercise-top{gap:12px}.session-back{padding:10px 12px;font-size:10px}.exercise-top .pill{font-size:10px;white-space:nowrap}.listening-player{padding:19px}.listening-actions .btn{font-size:11px;padding:12px}.listening-option{padding:14px;gap:12px}.listening-option>b{font-size:14px}}@media(prefers-reduced-motion:reduce){.audio-pulse.playing i{animation:none;height:12px}}