@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");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{--sky: #d8f394;--bg: #f5fbec;--card: rgb(255 255 255 / .86);--card-solid: #ffffff;--bar: rgb(216 243 148 / .92);--sheet: rgb(255 255 255 / .9);--ink: #17301a;--muted: #5d7355;--line: rgb(36 84 20 / .12);--line-strong: rgb(36 84 20 / .22);--shadow: 0 10px 28px -14px rgb(38 84 10 / .35), 0 1px 3px rgb(38 84 10 / .08);--shadow-sm: 0 4px 12px -6px rgb(38 84 10 / .3);--forest: #1c4014;--forest-2: #12300d;--forest-ink: #eaf7d8;--green: #43b91f;--green-hi: #62d43a;--green-dark: #2b8a12;--green-soft: #e1f5c8;--green-ink: #2b7d12;--lime: #a6e34f;--blue: #2a93e0;--blue-dark: #1b78bd;--blue-soft: #e0f0fd;--red: #ec4c4c;--red-dark: #c73030;--red-soft: #ffe2df;--red-ink: #c73030;--gold: #ffb703;--gold-dark: #b97d00;--orange: #f07a1a;--orange-soft: #ffeacc;--r-card: 24px;--r-btn: 18px;--r-sm: 14px;--gutter: 1.25rem;color-scheme:dark;font-family:Nunito Variable,Nunito,system-ui,sans-serif;font-size:17px;font-weight:600;line-height:1.45;color:var(--ink);background:var(--bg)}@media all{:root{--sky: #1b4220;--bg: #0d1f0d;--card: rgb(255 255 255 / .07);--card-solid: #163017;--bar: rgb(27 66 32 / .92);--sheet: rgb(22 48 23 / .92);--ink: #eef8e4;--muted: #9db592;--line: rgb(255 255 255 / .12);--line-strong: rgb(255 255 255 / .22);--shadow: 0 10px 28px -14px rgb(0 0 0 / .7);--shadow-sm: 0 4px 12px -6px rgb(0 0 0 / .6);--forest: #1e4a17;--forest-2: #143510;--green-soft: rgb(98 212 58 / .18);--green-ink: #86e05a;--blue-soft: rgb(42 147 224 / .2);--red-soft: rgb(236 76 76 / .2);--red-ink: #ff8585;--orange-soft: rgb(240 122 26 / .2);--gold-dark: #ffcf4d;color-scheme:dark}}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100dvh;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,var(--sky) 0,var(--bg) 460px) no-repeat,var(--bg)}h1,h2,h3{font-weight:800;letter-spacing:-.015em}h1{font-size:1.75rem;margin:.5rem 0}h3{font-size:1.1rem;margin:1.75rem 0 .75rem}p{margin:.5rem 0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}svg,.art-icon{display:block}.art-icon{object-fit:contain;flex:none;vertical-align:middle}.ico{width:1.15em;height:1.15em;flex:none}.screen{max-width:600px;margin:0 auto;padding:1rem var(--gutter) calc(3rem + env(safe-area-inset-bottom))}.screen.center{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center}.hint{color:var(--muted);font-size:.92rem;font-weight:600}.hint.center{text-align:center}.error{color:var(--red-ink);font-weight:700}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.75rem 0}.row.between{justify-content:space-between;align-items:flex-start;flex-wrap:nowrap}.lead{font-size:1.05rem;font-weight:700;margin:0}.link{color:var(--green-ink);font-weight:800;font-size:.95rem;padding:.75rem 0;display:block;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.btn{--f: var(--card-solid);--c: var(--ink);--s: transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.3rem;padding:.7rem 1.4rem;border-radius:var(--r-btn);background:var(--f);color:var(--c);font-weight:800;font-size:1.02rem;letter-spacing:.005em;box-shadow:var(--shadow-sm),0 0 0 1px var(--line),0 4px 0 var(--s);transition:transform .06s,box-shadow .06s,filter .15s}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:var(--shadow-sm),0 0 0 1px var(--line),0 0 0 var(--s)}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:disabled{--f: var(--line);--c: var(--muted);box-shadow:none}.btn-wide{flex:1;width:100%}.btn-square{width:3.3rem;padding:0;flex:none}.btn-square :is(svg,.art-icon){width:1.3rem;height:1.3rem}.btn-green{--f: linear-gradient(180deg, var(--green-hi), var(--green));--s: var(--green-dark);--c: #fff;box-shadow:0 4px 0 var(--s),0 10px 18px -8px #2b8a1299}.btn-green:active:not(:disabled){box-shadow:0 0 0 var(--s)}.btn-green:disabled{--f: var(--line);box-shadow:none}.btn-blue{--f: linear-gradient(180deg, #2c5c20, var(--forest));--s: var(--forest-2);--c: #fff;box-shadow:0 4px 0 var(--s)}.btn-blue:active:not(:disabled){box-shadow:0 0 0 var(--s)}.btn-red{--f: linear-gradient(180deg, #f56a6a, var(--red));--s: var(--red-dark);--c: #fff;box-shadow:0 4px 0 var(--s)}.btn-red:active:not(:disabled){box-shadow:0 0 0 var(--s)}.btn-ghost{--c: var(--muted)}.icon-btn{width:2.75rem;height:2.75rem;border-radius:50%;flex:none;display:grid;place-items:center;color:var(--muted);background:var(--card);box-shadow:var(--shadow-sm)}.icon-btn :is(svg,.art-icon){width:1.3rem;height:1.3rem}.chip{display:inline-flex;align-items:center;gap:.35rem;flex:none;font-weight:900;font-size:1rem;padding:.3rem .75rem .3rem .5rem;border-radius:999px;background:var(--card);box-shadow:var(--shadow-sm);animation:pop .35s ease-out}.chip .ico{width:1.5em;height:1.5em}.chip.gold{color:var(--gold-dark)}.chip.orange{color:var(--orange)}.chip.off{filter:grayscale(1);opacity:.6}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.14)}to{transform:scale(1)}}.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;padding:.3rem .75rem;border-radius:999px}.pill-blue{color:var(--blue-dark);background:var(--blue-soft)}.pill-purple{color:var(--forest);background:#1c40141a}.pill-orange{color:#a45300;background:var(--orange-soft)}.pill-red{color:var(--red-ink);background:var(--red-soft)}.pill-green{color:var(--green-ink);background:var(--green-soft)}@media all{.pill-blue{color:#7cc4f5}.pill-purple{color:var(--forest-ink);background:#ffffff1a}.pill-orange{color:var(--orange)}}.play{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--r-sm);background:var(--card-solid);color:var(--green-ink);font-weight:800;box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}.play:active{transform:translateY(2px)}.play.active{background:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-dark)}.play.icon-only{padding:.55rem}.rate{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem .45rem .6rem;border-radius:999px;font-weight:800;font-size:.9rem;color:var(--muted);background:var(--card);box-shadow:var(--shadow-sm)}.rate .ico{width:1.5em;height:1.5em}.rate:active{transform:translateY(2px)}.rate.on{color:var(--green-ink);background:var(--green-soft);box-shadow:0 0 0 2px var(--green)}.round-play{position:relative;width:8rem;height:8rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--green-hi),var(--green));color:#fff;box-shadow:0 8px 0 var(--green-dark),0 0 0 14px #43b91f24,0 22px 30px -12px #2b8a128c;transition:transform .08s,box-shadow .08s}.round-play :is(svg,.art-icon){width:3.2rem;height:3.2rem;filter:drop-shadow(0 2px 0 rgb(0 0 0 / .12))}.round-play .nudge{transform:translate(4px)}.round-play:active{transform:translateY(8px);box-shadow:0 0 0 var(--green-dark),0 0 0 14px #43b91f24}.round-play.active:before,.round-play.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid var(--green);animation:ripple 1.6s ease-out infinite;pointer-events:none}.round-play.active:after{animation-delay:.8s}.round-play.small{width:4.4rem;height:4.4rem;box-shadow:0 5px 0 var(--green-dark),0 0 0 8px #43b91f24}.round-play.small :is(svg,.art-icon){width:1.9rem;height:1.9rem}.round-play.small:active{transform:translateY(5px);box-shadow:0 0 0 var(--green-dark),0 0 0 8px #43b91f24}@keyframes ripple{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}.listen-stage{display:flex;flex-direction:column;align-items:center;gap:1.1rem;margin:1.25rem 0 1rem}.listen-caption{color:var(--muted);font-weight:800;margin:0;text-align:center}.wave{display:flex;align-items:center;gap:4px;height:44px;width:min(100%,260px);justify-content:center}.wave i{width:6px;border-radius:3px;background:var(--line-strong);transition:background .3s}.wave.on i{background:var(--green);animation:bounce .9s ease-in-out infinite alternate}@keyframes bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.home{display:flex;flex-direction:column;gap:1.25rem;padding-top:calc(1.5rem + env(safe-area-inset-top))}.home-head h1{font-size:1.9rem;line-height:1.15;margin:0;font-weight:900}.home-head p{margin:.35rem 0 0;color:var(--muted);font-weight:700}.stat-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.9rem .5rem .85rem}.tile .art-icon{width:2.6rem;height:2.6rem;margin-bottom:.15rem}.tile.off .art-icon{filter:grayscale(1);opacity:.55}.tile small{color:var(--muted);font-size:.78rem;font-weight:800}.tile strong{font-size:1.55rem;line-height:1.15;font-weight:900}.tile em{font-style:normal;color:var(--muted);font-size:.75rem;font-weight:700}.hero{position:relative;overflow:hidden;min-height:11.5rem;padding:1.25rem 1.25rem 1.35rem;border-radius:28px;color:var(--forest-ink);background:radial-gradient(120% 90% at 100% 0,#2f6a22 0,transparent 60%),linear-gradient(160deg,#235218,var(--forest-2));box-shadow:0 18px 34px -18px #12300dcc}.hero.skeleton{background:var(--card);box-shadow:var(--shadow)}.hero-body{position:relative;z-index:1;max-width:62%;display:flex;flex-direction:column;gap:.35rem}.hero small{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--lime)}.hero h2{margin:0;font-size:1.4rem;line-height:1.2;font-weight:800;color:#fff}.hero p{margin:0;font-size:.9rem;color:#eaf7d8bf}.hero .mascot,.hero .hero-art{position:absolute;right:-.5rem;bottom:-.75rem;z-index:0}.hero-bar{height:.7rem;border-radius:999px;background:#ffffff29;overflow:hidden;margin:.5rem 0 .25rem}.hero-bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--lime))}.hero .btn{align-self:flex-start;margin-top:.75rem;min-height:3rem;padding:.55rem 1.4rem}.goal{padding:1.1rem 1.15rem 1.15rem}.goal-top{display:flex;align-items:center;gap:.75rem}.goal-top>div{flex:1;min-width:0}.goal-top strong{display:block;font-size:1.1rem;font-weight:800;line-height:1.25}.goal-top span{color:var(--muted);font-size:.88rem;font-weight:700}.goal-top .art-icon{width:3.4rem;height:3.4rem}.goal-bar{height:.85rem;border-radius:999px;background:var(--line);margin:.85rem 0 1rem;overflow:hidden}.goal-bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--lime));transition:width .6s}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem}.day{display:flex;min-width:0;flex-direction:column;align-items:center;gap:.3rem;font-size:.72rem;font-weight:800;color:var(--muted)}.day i{width:min(1.9rem,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--line);font-style:normal}.day i :is(svg,.art-icon){width:1.15rem;height:1.15rem}.day.on{color:var(--orange)}.day.on i{background:var(--orange-soft)}.section-head{margin:.5rem 0 -.25rem}.section-head small{color:var(--green-ink);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.section-head h2{margin:.1rem 0 0;font-size:1.25rem;font-weight:800}.path{list-style:none;padding:2.75rem 0 .5rem;margin:0;display:flex;flex-direction:column;align-items:center;gap:2.25rem}.path li{position:relative;display:flex;flex-direction:column;align-items:center}.node{--face: linear-gradient(180deg, var(--green-hi), var(--green));--edge: var(--green-dark);--fg: #fff;position:relative;width:5rem;height:5rem;border-radius:50%;padding:0;display:grid;place-items:center}.node-face{width:5rem;height:4.7rem;border-radius:50%;display:grid;place-items:center;background:var(--face);color:var(--fg);font-size:1.7rem;font-weight:900;box-shadow:0 7px 0 var(--edge),0 16px 20px -10px #2b8a128c,inset 0 2px #ffffff59;transition:transform .08s,box-shadow .08s}.node-face :is(svg,.art-icon){width:2rem;height:2rem}.node-face .nudge{transform:translate(2px)}button.node:active .node-face{transform:translateY(7px);box-shadow:0 0 0 var(--edge)}.node.open{--face: var(--card-solid);--edge: var(--line-strong);--fg: var(--green-ink)}.node.done{--face: linear-gradient(180deg, var(--green-hi), var(--green))}.node.next{width:5.8rem;height:5.8rem}.node.next .node-face{width:5.8rem;height:5.4rem}.node.next .node-face :is(svg,.art-icon){width:2.4rem;height:2.4rem}.node.next:before{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-1.05rem;left:-.6rem;border-radius:50%;background:conic-gradient(var(--green) var(--ring, 0%),var(--line) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}.node.locked{--face: var(--line-strong);--edge: var(--line);--fg: var(--muted)}.node-label{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:1rem;max-width:12rem}.node-label strong{font-weight:800}.node-label span{color:var(--muted);font-size:.82rem}.start-tip{position:absolute;bottom:calc(100% + .6rem);z-index:1;white-space:nowrap;padding:.45rem 1rem;border-radius:14px;background:var(--card-solid);box-shadow:var(--shadow);color:var(--green-ink);font-weight:900;font-size:.95rem;animation:float 1.6s ease-in-out infinite}.start-tip:after{content:"";position:absolute;left:50%;top:100%;width:12px;height:12px;background:var(--card-solid);transform:translate(-50%,-6px) rotate(45deg);border-radius:0 0 3px}@keyframes float{50%{transform:translateY(-6px)}}.journal{padding:.95rem 1.1rem}.journal summary{font-weight:800;cursor:pointer}.journal pre{white-space:pre-wrap;font:inherit;font-size:.88rem;font-weight:600;color:var(--muted)}.login-screen{position:relative;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.login-scene{position:relative;flex:1 1 46%;min-height:15rem;display:grid;place-items:end center;background:linear-gradient(180deg,var(--bg) 0,transparent 38%),url(/art/v2/scene-meadow.jpg) 50% 100% / cover no-repeat,var(--sky)}.login-scene .mascot{position:relative;z-index:1;margin-bottom:1.5rem;filter:drop-shadow(0 16px 14px rgb(30 70 10 / .25))}.login-panel{position:relative;background:var(--forest-2);color:var(--forest-ink);padding:.5rem var(--gutter) calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center}.login-panel:before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:34px;background:var(--forest-2);-webkit-mask:radial-gradient(34px 34px at 34px 100%,#000 98%,transparent) 0 0 / 68px 100% repeat-x;mask:radial-gradient(34px 34px at 34px 100%,#000 98%,transparent) 0 0 / 68px 100% repeat-x}.brand-title{color:#fff;font-size:2.1rem;font-weight:900;margin:.5rem 0 0}.login-panel .hint{color:#eaf7d8b3;max-width:22rem}.login{display:flex;flex-direction:column;gap:.9rem;width:100%;max-width:360px;margin-top:1.25rem}.login-panel .text{background:#ffffff14;border-color:#ffffff2e;color:#fff}.login-panel .text::placeholder{color:#eaf7d880}.login-panel .text:focus{border-color:var(--lime)}.login-panel .error{color:#ff9c9c}.login-panel .btn:disabled{--f: rgb(255 255 255 / .12);--c: rgb(234 247 216 / .55)}.mascot{display:block;flex:none;object-fit:contain;transform-origin:center 90%;animation:breathe 3s ease-in-out infinite}.mascot-cheer{animation:jump 1.2s ease-in-out 3}.mascot-think{animation:breathe 4s ease-in-out infinite}.listen-stage .mascot{margin:0 auto .25rem}.speak-heading{display:flex;align-items:center;gap:.75rem}.speak-heading .step-title{flex:1;min-width:0}@keyframes breathe{50%{transform:scale(1.03,.97)}}@keyframes jump{0%,to{transform:translateY(0)}40%{transform:translateY(-10px) scale(.98,1.03)}60%{transform:translateY(0) scale(1.04,.96)}}.mascot-say{display:flex;align-items:flex-end;gap:.75rem;margin:1.25rem 0}.mascot-say.compact{margin:.5rem 0 1rem;align-items:center}.bubble{position:relative;flex:1;padding:1rem 1.15rem;border-radius:22px;background:var(--card-solid);box-shadow:var(--shadow);font-size:1.08rem;line-height:1.5;white-space:pre-wrap}.bubble:before{content:"";position:absolute;left:-7px;bottom:1.6rem;width:16px;height:16px;background:var(--card-solid);transform:rotate(45deg);border-radius:0 0 0 4px}.lesson-screen{padding-top:0;padding-bottom:calc(12rem + env(safe-area-inset-bottom))}.lesson-bar{display:flex;align-items:center;gap:.6rem;position:sticky;top:0;z-index:3;margin:0 calc(var(--gutter) * -1);padding:calc(.75rem + env(safe-area-inset-top)) var(--gutter) .75rem;background:var(--bar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.lesson-bar .icon-btn{width:2.5rem;height:2.5rem}.progress{flex:1;height:.95rem;background:var(--line);border-radius:999px;overflow:hidden}.progress>div{position:relative;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--lime));transition:width .5s cubic-bezier(.3,1.4,.6,1)}.progress>div:after{content:"";position:absolute;left:.5rem;right:.5rem;top:.2rem;height:.24rem;border-radius:999px;background:#fff6}.step{animation:enter .3s ease-out;padding-top:.75rem}@keyframes enter{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.step-title{font-size:1.55rem;line-height:1.25;margin:.9rem 0 1.1rem}.question-card{display:flex;align-items:center;gap:.75rem;margin:1rem 0 1.25rem}.question{font-size:1.3rem;font-weight:800;line-height:1.35;margin:0}.question.small{font-size:1rem;margin:1rem 0 .6rem}.options{display:flex;flex-direction:column;gap:.75rem;margin:.75rem 0}.option{display:flex;align-items:center;gap:.9rem;text-align:left;padding:.95rem 1.05rem;border-radius:20px;background:var(--card-solid);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);font-size:1.05rem;font-weight:700;transition:transform .06s,box-shadow .15s,background .15s}.option:active{transform:scale(.985)}.option .key{width:2rem;height:2rem;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green-ink);font-size:.85rem;font-weight:900}.option.chosen{box-shadow:var(--shadow-sm),0 0 0 2.5px var(--forest)}.option.chosen .key{background:var(--forest);color:#fff}.option.right{background:var(--green-soft);box-shadow:0 0 0 2.5px var(--green);animation:pop .35s}.option.right .key{background:var(--green);color:#fff}.option.wrong{background:var(--red-soft);box-shadow:0 0 0 2.5px var(--red);animation:shake .4s}.option.wrong .key{background:var(--red);color:#fff}.option.dim{opacity:.45}@media all{.option.chosen{box-shadow:var(--shadow-sm),0 0 0 2.5px var(--lime)}.option.chosen .key{background:var(--lime);color:var(--forest-2)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.text{width:100%;padding:.9rem 1.1rem;border-radius:18px;border:2px solid transparent;background:var(--card-solid);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);font-weight:700;outline:none;transition:border-color .15s}.text:focus{border-color:var(--green)}.text.big{font-size:1.15rem;padding:1rem 1.15rem;margin:.5rem 0}.text.right{border-color:var(--green);background:var(--green-soft)}.text.wrong{border-color:var(--red);background:var(--red-soft);animation:shake .4s}textarea.text{resize:vertical}.after{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;animation:enter .3s ease-out}.explain{display:flex;gap:.7rem;align-items:flex-start;width:100%;padding:.9rem 1.05rem;margin:.9rem 0 .25rem;border-radius:20px;background:var(--blue-soft)}.explain p{margin:0}.explain-icon{width:1.6rem;height:1.6rem;flex:none}.feedback{border-radius:20px;padding:.9rem 1.1rem;margin:1rem 0;animation:enter .3s ease-out}.feedback p{margin:.25rem 0}.feedback.ok{background:var(--green-soft)}.feedback.bad{background:var(--red-soft)}.better{display:flex;flex-direction:column;margin-top:.5rem!important;font-weight:800;font-size:1.05rem}.better span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.gap-card{background:var(--card-solid);border-radius:var(--r-card);box-shadow:var(--shadow);padding:1.25rem 1.2rem 1.2rem}.gap-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.2rem}.gap-line{font-size:1.3rem;line-height:2.3;margin:0;font-weight:700}.gap{font:inherit;font-weight:800;color:var(--green-ink);text-align:center;color-scheme:inherit;padding:0 .3rem;margin:0 .2rem;max-width:100%;border:0;border-bottom:3px solid var(--line-strong);border-radius:0;background:transparent;outline:none}.gap:focus{border-color:var(--green)}.gap.right{border-color:var(--green);color:var(--green-ink)}.gap.wrong{border-color:var(--red);color:var(--red-ink);text-decoration:line-through}.speaker{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.chat{list-style:none;padding:0;margin:.75rem 0;display:flex;flex-direction:column;gap:.4rem}.msg{display:flex;flex-direction:column;max-width:88%}.msg.left{align-self:flex-start;align-items:flex-start}.msg.right{align-self:flex-end;align-items:flex-end}.msg .speaker{margin:.6rem .5rem .2rem}.msg-row{display:flex;align-items:center;gap:.25rem}.msg.right .msg-row{flex-direction:row-reverse}.bubble-btn{display:inline-flex;align-items:center;gap:.5rem;text-align:left;padding:.7rem 1rem;border-radius:20px;font-weight:700;line-height:1.4;background:var(--card-solid);box-shadow:var(--shadow-sm);transition:background .15s,color .15s}button.bubble-btn:active{transform:scale(.98)}.msg.left .bubble-btn{border-bottom-left-radius:6px}.msg.right .bubble-btn{border-bottom-right-radius:6px;background:var(--green-soft);color:var(--ink)}.msg.playing .bubble-btn,.bubble-btn.playing{background:var(--green);color:#fff}.bubble-btn.audio{color:var(--green-ink);font-weight:800}.bubble-btn.audio.playing{color:#fff}.dots{display:inline-flex;gap:3px;align-items:center}.dots i{width:5px;height:14px;border-radius:3px;background:currentColor;opacity:.5}.dots i:nth-child(2){height:20px}.playing .dots i{animation:bounce .6s ease-in-out infinite alternate;opacity:1}.playing .dots i:nth-child(2){animation-delay:.2s}.playing .dots i:nth-child(3){animation-delay:.4s}.mark{width:2.2rem;height:2.2rem;display:grid;place-items:center;color:var(--line-strong);flex:none}.mark :is(svg,.art-icon){width:1.4rem;height:1.4rem}.mark.on{color:var(--gold);animation:pop .35s}.mic-stage{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin:1.75rem 0 .5rem}.mic{position:relative;width:6.5rem;height:6.5rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f56a6a,var(--red));color:#fff;box-shadow:0 7px 0 var(--red-dark),0 0 0 12px #ec4c4c21,0 20px 26px -12px #c7303099;transition:transform .08s,box-shadow .08s}.mic :is(svg,.art-icon){width:2.8rem;height:2.8rem}.mic:active:not(:disabled){transform:translateY(7px);box-shadow:0 0 0 var(--red-dark),0 0 0 12px #ec4c4c21}.mic.recording:before,.mic.recording:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid var(--red);animation:ripple 1.3s ease-out infinite;pointer-events:none}.mic.recording:after{animation-delay:.65s}.mic.checking{background:var(--line-strong);box-shadow:0 7px 0 var(--line),0 0 0 12px var(--line);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.6}}.dictate{display:flex;align-items:center;gap:.9rem;margin:.75rem 0}.mic.small{width:3.6rem;height:3.6rem;flex:none;box-shadow:0 4px 0 var(--red-dark),0 0 0 6px #ec4c4c21}.mic.small :is(svg,.art-icon){width:1.6rem;height:1.6rem}.mic.small:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--red-dark),0 0 0 6px #ec4c4c21}.mic.transcribing{background:var(--line-strong);box-shadow:0 4px 0 var(--line),0 0 0 6px var(--line);animation:pulse 1s infinite}.dictate .listen-caption{margin:0;text-align:left}.examples{background:var(--card);border-radius:20px;padding:.85rem 1.1rem;margin-top:1rem}.examples p{margin:.35rem 0 0;font-weight:700}.celebrate{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:.75rem}.celebrate h1{color:var(--forest);font-size:2rem;margin:.5rem 0 0;font-weight:900}@media all{.celebrate h1{color:var(--lime)}}.confetti{position:absolute;inset:-1rem -1rem auto;height:20rem;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{top:110%;transform:rotate(720deg) translate(30px);opacity:0}}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0 .5rem}.stat-card{display:flex;flex-direction:column-reverse;align-items:center;text-align:center;gap:.1rem;padding:.9rem .4rem;border-radius:22px;background:var(--card-solid);box-shadow:var(--shadow);animation:pop .5s ease-out backwards}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card span{color:var(--muted);font-size:.75rem;font-weight:800}.stat-card strong{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:1.4rem;line-height:1.2;font-weight:900;color:var(--c)}.stat-card strong .art-icon{width:2.4rem;height:2.4rem}.stat-card.gold{--c: var(--gold-dark)}.stat-card.green{--c: var(--green-ink)}.stat-card.orange{--c: var(--orange)}.phrases{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.phrases li{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem .5rem .5rem;background:var(--card-solid);border-radius:18px;box-shadow:var(--shadow-sm);font-weight:700}.dot{width:2.6rem;height:2.6rem;display:grid;place-items:center;color:var(--green);flex:none}.dot:before{content:"•";font-size:1.4rem}.segmented{display:flex;gap:.6rem}.segmented button{flex:1;padding:.8rem .4rem;border-radius:16px;font-weight:800;background:var(--card-solid);box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}.segmented button:active{transform:scale(.98)}.segmented button.on{background:var(--green-soft);color:var(--green-ink);box-shadow:0 0 0 2.5px var(--green)}.wrap-action{margin-top:1.75rem;display:flex}.footer{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--card-solid);border-radius:28px 28px 0 0;box-shadow:0 -10px 30px -12px #26540a4d;transition:background .2s}.footer-inner{max-width:600px;margin:0 auto;padding:1rem var(--gutter) calc(1rem + env(safe-area-inset-bottom))}.footer.ok{background:var(--green-soft)}.footer.bad{background:var(--red-soft)}@supports (backdrop-filter: blur(1px)){.footer:not(.ok):not(.bad){background:var(--sheet);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.footer-actions{display:flex;gap:.7rem}.footer-actions .slot{display:flex;flex:1.6;order:2}.footer-actions .slot:empty{display:none}.footer-actions .skip{order:1;flex:1}.footer-actions .btn-square{order:0}.footer-actions:has(.slot:not(:empty)) .btn-square{display:none}.combo{display:flex;align-items:center;gap:.25rem}.verdict{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem;animation:slideup .25s ease-out}@keyframes slideup{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.verdict-badge{width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;background:var(--card-solid);flex:none;box-shadow:var(--shadow-sm)}.verdict-badge :is(svg,.art-icon){width:1.5rem;height:1.5rem}.verdict-text{flex:1;min-width:0}.verdict-text strong{font-size:1.3rem;font-weight:900}.verdict-text p{margin:.1rem 0 0;font-weight:700}.footer.ok .verdict{color:var(--green-ink)}.footer.bad .verdict{color:var(--red-ink)}.xp-gain{font-weight:900;color:var(--gold-dark);background:var(--card-solid);padding:.3rem .75rem;border-radius:999px;box-shadow:var(--shadow-sm);animation:pop .4s .1s backwards}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08180680;display:flex;align-items:flex-end;z-index:10;animation:fade .2s}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:600px;margin:0 auto;max-height:88dvh;overflow:auto;background:var(--bg);border-radius:28px 28px 0 0;padding:.7rem var(--gutter) calc(1.25rem + env(safe-area-inset-bottom));animation:slideup .25s ease-out}.sheet-grip{width:3rem;height:5px;border-radius:3px;background:var(--line-strong);margin:0 auto .75rem}.sheet .bubble{font-size:1rem;max-height:45dvh;overflow:auto}.sheet .bubble:before{bottom:auto;top:1.4rem}.sheet-actions{display:flex;gap:.6rem;margin-top:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.chat.text-hidden .bubble-btn{color:transparent;text-shadow:0 0 10px var(--muted)}.chat.text-hidden .msg.playing .bubble-btn{color:transparent;text-shadow:0 0 10px #fff}.ask-btn{display:inline-flex;align-items:center;gap:.35rem;flex:none;height:2.5rem;padding:0 .85rem 0 .35rem;border-radius:999px;background:var(--card);box-shadow:var(--shadow-sm);font-weight:800;font-size:.95rem;color:var(--green-ink)}.ask-btn:active{transform:translateY(2px)}.ask-btn .mascot,.ask-btn img,.ask-btn svg{flex:none}@media(max-width:380px){.ask-btn span{display:none}.ask-btn{padding-right:.35rem}}.ask-sheet{display:flex;flex-direction:column}.ask-log{flex:1;min-height:8rem;max-height:52dvh;overflow:auto;display:flex;flex-direction:column;gap:.7rem;margin-bottom:.8rem}.ask-msg{display:flex;align-items:flex-end;gap:.5rem}.ask-msg.user{justify-content:flex-end}.ask-text{max-width:85%;padding:.7rem 1rem;border-radius:20px;background:var(--card-solid);box-shadow:var(--shadow-sm);line-height:1.45;white-space:pre-wrap}.ask-msg.user .ask-text{background:var(--green-soft);border-bottom-right-radius:6px}.ask-msg.assistant .ask-text{border-bottom-left-radius:6px}.ask-msg.error .ask-text{color:var(--red-ink);background:var(--red-soft)}.ask-text.muted{color:var(--muted)}