@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{--bg: #ffffff;--surface: #f7f7f7;--card: #ffffff;--ink: #3c3c3c;--muted: #8a8f94;--line: #e5e5e5;--line-strong: #d4d4d4;--green: #58cc02;--green-dark: #46a302;--green-soft: #d7ffb8;--green-ink: #58a700;--blue: #1cb0f6;--blue-dark: #1899d6;--blue-soft: #ddf4ff;--red: #ff4b4b;--red-dark: #ea2b2b;--red-soft: #ffdfe0;--red-ink: #ea2b2b;--gold: #ffc800;--gold-dark: #e5a500;--orange: #ff9600;--purple: #8e5cf7;--purple-dark: #6f3fdc;--purple-soft: #efe7ff;--radius: 16px;color-scheme:light;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(prefers-color-scheme:dark){:root{--bg: #131f24;--surface: #1a2a31;--card: #131f24;--ink: #f1f7fb;--muted: #8ea2ad;--line: #37464f;--line-strong: #4b5d67;--green-soft: #1f3a12;--green-ink: #79d635;--blue-soft: #10344a;--red-soft: #3f1d20;--red-ink: #ff7878;--purple-soft: #2b2146;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:800;letter-spacing:-.01em}h1{font-size:1.75rem;margin:.5rem 0}h3{font-size:1.1rem;margin:1.75rem 0 .6rem}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:.75rem 1.1rem calc(3rem + env(safe-area-inset-bottom))}.screen.center{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;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(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;padding:.75rem 0;display:block}.btn{--b: var(--line);--s: var(--line-strong);--c: var(--ink);--f: var(--card);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.1rem;padding:.7rem 1.4rem;border-radius:var(--radius);border:2px solid var(--b);background:var(--f);color:var(--c);font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 0 var(--s);transition:transform .06s,box-shadow .06s,filter .15s}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--s)}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:disabled{--f: var(--line);--b: var(--line);--s: var(--line);--c: var(--muted)}.btn-wide{flex:1;width:100%}.btn-square{width:3.1rem;padding:0;flex:none}.btn-square :is(svg,.art-icon){width:1.3rem;height:1.3rem}.btn-green{--f: var(--green);--b: var(--green);--s: var(--green-dark);--c: #fff}.btn-blue{--f: var(--blue);--b: var(--blue);--s: var(--blue-dark);--c: #fff}.btn-red{--f: var(--red);--b: var(--red);--s: var(--red-dark);--c: #fff}.btn-ghost{--c: var(--muted)}.icon-btn{width:2.5rem;height:2.5rem;border-radius:12px;flex:none;display:grid;place-items:center;color:var(--muted)}.icon-btn :is(svg,.art-icon){width:1.5rem;height:1.5rem}.icon-btn:hover{background:var(--surface)}.icon-btn.ask{border:2px solid var(--line);box-shadow:0 3px 0 var(--line);font-weight:900;font-size:1.15rem;color:var(--blue);width:2.3rem;height:2.3rem}.icon-btn.ask:active{transform:translateY(3px);box-shadow:none}.chip{display:inline-flex;align-items:center;gap:.3rem;flex:none;font-weight:900;font-size:1rem;padding:.2rem .5rem;border-radius:10px;animation:pop .35s ease-out}.chip.gold{color:var(--gold-dark)}.chip.orange{color:var(--orange)}.chip.off{filter:grayscale(1);opacity:.55}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .7rem;border-radius:999px}.pill-blue{color:var(--blue-dark);background:var(--blue-soft)}.pill-purple{color:var(--purple);background:var(--purple-soft)}.pill-orange{color:#d07800;background:#fff1d6}.pill-red{color:var(--red-ink);background:var(--red-soft)}.pill-green{color:var(--green-ink);background:var(--green-soft)}@media(prefers-color-scheme:dark){.pill-orange{color:var(--orange);background:#3d2a0c}}.play{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:14px;background:var(--card);color:var(--blue);font-weight:800;border:2px solid var(--line);box-shadow:0 3px 0 var(--line)}.play:active{transform:translateY(3px);box-shadow:none}.play.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 0 var(--blue-dark)}.play.icon-only{padding:.55rem}.rate{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .8rem;border-radius:14px;font-weight:800;font-size:.9rem;color:var(--muted);border:2px solid var(--line);box-shadow:0 3px 0 var(--line)}.rate:active{transform:translateY(3px);box-shadow:none}.rate.on{color:var(--blue-dark);background:var(--blue-soft);border-color:var(--blue);box-shadow:0 3px 0 var(--blue)}.round-play{position:relative;width:8.5rem;height:8.5rem;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;box-shadow:0 8px 0 var(--blue-dark);transition:transform .08s,box-shadow .08s}.round-play :is(svg,.art-icon){width:3.4rem;height:3.4rem}.round-play .nudge{transform:translate(4px)}.round-play:active{transform:translateY(8px);box-shadow:0 0 0 var(--blue-dark)}.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(--blue);animation:ripple 1.6s ease-out infinite;pointer-events:none}.round-play.active:after{animation-delay:.8s}.round-play.small{width:4.6rem;height:4.6rem;box-shadow:0 5px 0 var(--blue-dark)}.round-play.small :is(svg,.art-icon){width:2rem;height:2rem}.round-play.small:active{transform:translateY(5px)}@keyframes ripple{0%{transform:scale(1);opacity:.7}to{transform:scale(1.6);opacity:0}}.listen-stage{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 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);transition:background .3s}.wave.on i{background:var(--blue);animation:bounce .9s ease-in-out infinite alternate}@keyframes bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.home-bar{display:flex;align-items:center;gap:.5rem;position:sticky;top:0;z-index:3;background:var(--bg);padding:.5rem 0;margin-bottom:.5rem;border-bottom:2px solid var(--line)}.brand{display:flex;align-items:center;gap:.45rem;font-weight:900;font-size:1.3rem;color:var(--purple);margin-right:auto}.brand :is(svg,.art-icon){width:1.7rem;height:1.7rem}.goal-card{display:flex;gap:.9rem;align-items:center;padding:1rem;margin:.75rem 0 1.25rem;border:2px solid var(--line);border-radius:20px;box-shadow:0 4px 0 var(--line)}.goal-body{flex:1;min-width:0}.goal-body>strong{font-size:1.05rem;font-weight:900;line-height:1.25;display:block}.goal-bar{position:relative;height:1.3rem;border-radius:999px;background:var(--line);margin:.5rem 0 .75rem;overflow:hidden}.goal-bar>div{height:100%;border-radius:999px;background:var(--gold);transition:width .6s;box-shadow:inset 0 -4px #00000014}.goal-bar>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.75rem;font-weight:900;color:var(--ink)}.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:.15rem;font-size:.72rem;font-weight:800;color:var(--muted)}.day i{width:min(1.6rem,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.05rem;height:1.05rem}.day.on{color:var(--orange)}.day.on i{background:#ffe7c2;box-shadow:0 0 0 2px var(--orange)}@media(prefers-color-scheme:dark){.day.on i{background:#3d2a0c}}@media(max-width:380px){.goal-card{gap:.6rem;padding:.8rem}.goal-card .mascot{width:56px;height:56px}}.unit{display:flex;flex-direction:column;padding:1rem 1.2rem;border-radius:18px;background:var(--green);color:#fff;box-shadow:0 5px 0 var(--green-dark)}.unit strong{font-size:1.25rem;font-weight:900}.unit span{opacity:.92}.path{list-style:none;padding:1.5rem 0 1rem;margin:0;display:flex;flex-direction:column;align-items:center;gap:3.4rem}.path li{position:relative;display:flex;flex-direction:column;align-items:center}.path-current:first-child{margin-top:3rem}.node{--face: var(--blue);--edge: var(--blue-dark);position:relative;width:5.2rem;height:5.2rem;border-radius:50%;padding:0;display:grid;place-items:center}.node-face{width:5.2rem;height:4.8rem;border-radius:50%;display:grid;place-items:center;background:var(--face);color:#fff;font-size:1.7rem;font-weight:900;box-shadow:0 7px 0 var(--edge),inset 0 -3px #0000000f;transition:transform .08s,box-shadow .08s}.node-face :is(svg,.art-icon){width:2.2rem;height:2.2rem}.node-face .nudge{transform:translate(2px)}button.node:active .node-face{transform:translateY(7px);box-shadow:0 0 0 var(--edge)}.node.done{--face: var(--gold);--edge: var(--gold-dark)}.node.next{--face: var(--green);--edge: var(--green-dark)}.node.next:before{content:"";position:absolute;top:-.65rem;right:-.65rem;bottom:-1.1rem;left:-.65rem;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);--edge: var(--line-strong)}.node.locked .node-face{color:var(--muted)}.node-label{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:.85rem;max-width:12rem}.node-label strong{font-weight:900}.node-label span{color:var(--muted);font-size:.82rem}.start-tip{position:absolute;bottom:calc(100% + .9rem);z-index:1;white-space:nowrap;padding:.5rem .9rem;border-radius:12px;border:2px solid var(--line);background:var(--card);color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;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);border:2px solid var(--line);border-top:0;border-left:0;transform:translate(-50%,-5px) rotate(45deg)}@keyframes float{50%{transform:translateY(-6px)}}.journal{margin-top:1.5rem;border:2px solid var(--line);border-radius:18px;padding:.9rem 1rem}.journal summary{font-weight:900;cursor:pointer}.journal pre{white-space:pre-wrap;font:inherit;font-size:.88rem;font-weight:600;color:var(--muted)}.login-screen{gap:.25rem}.brand-title{color:var(--purple);font-size:2.2rem;font-weight:900;margin:.5rem 0 0}.login{display:flex;flex-direction:column;gap:.9rem;width:100%;max-width:360px;margin-top:1.5rem}.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 .5rem}.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:.6rem;margin:1.5rem 0}.mascot-say.compact{margin:.5rem 0 1rem;align-items:center}.bubble{position:relative;flex:1;padding:1rem 1.1rem;border:2px solid var(--line);border-radius:18px;font-size:1.08rem;line-height:1.5;white-space:pre-wrap}.bubble:before{content:"";position:absolute;left:-9px;bottom:1.6rem;width:14px;height:14px;background:var(--bg);border:2px solid var(--line);border-top:0;border-right:0;transform:rotate(45deg)}.lesson-screen{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;background:var(--bg);padding:.4rem 0 .6rem}.progress{flex:1;height:1.05rem;background:var(--line);border-radius:999px;overflow:hidden}.progress>div{position:relative;height:100%;border-radius:999px;background:var(--green);transition:width .5s cubic-bezier(.3,1.4,.6,1)}.progress>div:after{content:"";position:absolute;left:.5rem;right:.5rem;top:.22rem;height:.26rem;border-radius:999px;background:#ffffff4d}.step{animation:enter .3s ease-out;padding-top:.6rem}@keyframes enter{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.step-title{font-size:1.45rem;line-height:1.3;margin:.75rem 0 1rem}.question-card{display:flex;align-items:center;gap:.75rem;margin:.9rem 0 1rem}.question{font-size:1.3rem;font-weight:800;line-height:1.35;margin:0}.question.small{font-size:1rem;margin:1rem 0 .5rem}.options{display:flex;flex-direction:column;gap:.7rem;margin:.75rem 0}.option{display:flex;align-items:center;gap:.85rem;text-align:left;padding:.85rem 1rem;border-radius:var(--radius);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);font-size:1.05rem;font-weight:700;transition:transform .06s,box-shadow .06s,background .15s,border-color .15s}.option:active{transform:translateY(4px);box-shadow:0 0 0 var(--line)}.option .key{width:1.9rem;height:1.9rem;flex:none;border-radius:9px;display:grid;place-items:center;border:2px solid var(--line);color:var(--muted);font-size:.85rem;font-weight:900}.option.chosen{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-dark);box-shadow:0 4px 0 var(--blue)}.option.chosen .key{border-color:var(--blue);color:var(--blue)}.option.right{border-color:var(--green);background:var(--green-soft);color:var(--green-ink);box-shadow:0 4px 0 var(--green);animation:pop .35s}.option.right .key{border-color:var(--green);color:var(--green-ink)}.option.wrong{border-color:var(--red);background:var(--red-soft);color:var(--red-ink);box-shadow:0 4px 0 var(--red);animation:shake .4s}.option.wrong .key{border-color:var(--red);color:var(--red-ink)}.option.dim{opacity:.45}@media(prefers-color-scheme:dark){.option.chosen{color:var(--blue)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.text{width:100%;padding:.85rem 1rem;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);font-weight:700;outline:none;transition:border-color .15s}.text:focus{border-color:var(--blue)}.text.big{font-size:1.15rem;padding:1rem 1.1rem;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:.6rem;align-items:flex-start;width:100%;padding:.8rem 1rem;margin:.75rem 0 .25rem;border-radius:var(--radius);background:var(--blue-soft)}.explain p{margin:0}.explain-icon{width:1.5rem;height:1.5rem;flex:none}.feedback{border-radius:var(--radius);padding:.8rem 1rem;margin:.9rem 0;border:2px solid;animation:enter .3s ease-out}.feedback p{margin:.25rem 0}.feedback.ok{background:var(--green-soft);border-color:var(--green)}.feedback.bad{background:var(--red-soft);border-color:var(--red)}.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{border:2px solid var(--line);border-radius:20px;padding:1.2rem 1.1rem 1.1rem;box-shadow:0 4px 0 var(--line)}.gap-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.1rem}.gap-line{font-size:1.3rem;line-height:2.3;margin:0;font-weight:700}.gap{font:inherit;font-weight:800;color:var(--blue-dark);text-align:center;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(--blue)}.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:.35rem}.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:.5rem .4rem .15rem}.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:.65rem .95rem;border-radius:18px;font-weight:700;line-height:1.4;border:2px solid var(--line);background:var(--card);box-shadow:0 3px 0 var(--line);transition:background .15s,border-color .15s}button.bubble-btn:active{transform:translateY(3px);box-shadow:none}.msg.left .bubble-btn{border-bottom-left-radius:6px}.msg.right .bubble-btn{border-bottom-right-radius:6px;background:var(--blue-soft);border-color:var(--blue-soft);box-shadow:0 3px #1cb0f64d}.msg.playing .bubble-btn,.bubble-btn.playing{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-dark)}.bubble-btn.audio{color:var(--blue);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.35rem;height:1.35rem}.mark.on{color:var(--gold);animation:pop .35s}.mic-stage{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1.75rem 0 .5rem}.mic{position:relative;width:6.5rem;height:6.5rem;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;box-shadow:0 7px 0 var(--red-dark);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)}.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);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.6}}.examples{border:2px dashed var(--line);border-radius:var(--radius);padding:.75rem 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:.5rem}.celebrate h1{color:var(--gold-dark);font-size:2rem;margin:.5rem 0 0}.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:.6rem;margin:1.25rem 0 .5rem}.stat-card{border:2px solid var(--c);border-radius:16px;overflow:hidden;text-align:center;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{display:block;background:var(--c);color:#fff;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:.25rem}.stat-card strong{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.6rem .25rem;font-size:1.2rem;font-weight:900;color:var(--c)}.stat-card.gold{--c: var(--gold-dark)}.stat-card.green{--c: var(--green)}.stat-card.orange{--c: var(--orange)}.phrases{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.phrases li{display:flex;align-items:center;gap:.75rem;padding:.4rem .6rem .4rem .4rem;border:2px solid var(--line);border-radius:14px;font-weight:700}.dot{width:2.6rem;height:2.6rem;display:grid;place-items:center;color:var(--muted);flex:none}.dot:before{content:"•";font-size:1.4rem}.segmented{display:flex;gap:.5rem}.segmented button{flex:1;padding:.7rem .4rem;border-radius:14px;font-weight:800;border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.segmented button:active{transform:translateY(4px);box-shadow:none}.segmented button.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-dark);box-shadow:0 4px 0 var(--blue)}.wrap-action{margin-top:1.75rem;display:flex}.footer{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--bg);border-top:2px solid var(--line);transition:background .2s}.footer-inner{max-width:600px;margin:0 auto;padding:.9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom))}.footer.ok{background:var(--green-soft);border-color:transparent}.footer.bad{background:var(--red-soft);border-color:transparent}.footer-actions{display:flex;gap:.6rem}.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:.8rem;margin-bottom:.85rem;animation:slideup .25s ease-out}@keyframes slideup{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.verdict-badge{width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;background:var(--card);flex:none}.verdict-badge :is(svg,.art-icon){width:1.6rem;height:1.6rem}.verdict-text{flex:1;min-width:0}.verdict-text strong{font-size:1.35rem;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);padding:.3rem .6rem;border-radius:10px;animation:pop .4s .1s backwards}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;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:24px 24px 0 0;padding:.6rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));animation:slideup .25s ease-out}.sheet-grip{width:3rem;height:5px;border-radius:3px;background:var(--line);margin:0 auto .5rem}.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:.9rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.chip .ico{width:1.35em;height:1.35em}