.mascot{display:block;overflow:visible}.mascot__shadow{fill:#0f28461f;transform-origin:100px 198px}.mascot__body,.mascot__sprout,.mascot__arm,.mascot__eye,.mascot__pupil,.mascot__sparkles,.mascot__zzz,.mascot__dots,.mascot__waves{transform-box:view-box}.mascot__sprout{transform-origin:100px 66px;animation:3.2s ease-in-out infinite bino-sway}.mascot__arm--left{transform-origin:50px 118px}.mascot__arm--right{transform-origin:150px 118px}.mascot__eye{transform-origin:100px 104px;animation:4.6s infinite bino-blink}.mascot__pupil{transition:transform .3s}.mascot--idle .mascot__body,.mascot--listen .mascot__body{transform-origin:100px 195px;animation:3s ease-in-out infinite bino-breathe}.mascot--idle .mascot__shadow{animation:3s ease-in-out infinite bino-shadow}.mascot--happy .mascot__body{transform-origin:100px 195px;animation:.9s cubic-bezier(.3,.7,.4,1) infinite bino-bounce}.mascot--happy .mascot__shadow{animation:.9s cubic-bezier(.3,.7,.4,1) infinite bino-shadow-jump}.mascot--happy .mascot__arm--left{animation:.9s ease-in-out infinite bino-arm-l}.mascot--happy .mascot__arm--right{animation:.9s ease-in-out infinite bino-arm-r}.mascot--celebrate .mascot__body{transform-origin:100px 195px;animation:1s cubic-bezier(.3,.7,.4,1) infinite bino-jump}.mascot--celebrate .mascot__shadow{animation:1s cubic-bezier(.3,.7,.4,1) infinite bino-shadow-jump}.mascot--celebrate .mascot__arm--left{animation:.5s ease-in-out infinite alternate bino-cheer-l;transform:rotate(70deg)}.mascot--celebrate .mascot__arm--right{animation:.5s ease-in-out infinite alternate bino-cheer-r;transform:rotate(-70deg)}.mascot--celebrate .mascot__sparkles{transform-origin:100px 100px;animation:1s ease-in-out infinite bino-twinkle}.mascot--wave .mascot__body{transform-origin:100px 195px;animation:2.4s ease-in-out infinite bino-breathe}.mascot--wave .mascot__arm--right{animation:1.1s ease-in-out infinite bino-wave}.mascot--sad .mascot__body{transform-origin:100px 195px;animation:2.6s ease-in-out infinite bino-droop}.mascot--sad .mascot__sprout{animation:none;transform:rotate(-24deg)}.mascot--sad .mascot__pupil{transform:translateY(3px)}.mascot__tear{animation:1.8s ease-in infinite bino-tear}.mascot--thinking .mascot__pupil{transform:translate(4px,-4px)}.mascot--thinking .mascot__body{transform-origin:100px 195px;animation:3s ease-in-out infinite bino-tilt}.mascot__dots circle{animation:1.4s ease-in-out infinite bino-dot}.mascot__dots circle:nth-child(2){animation-delay:.2s}.mascot__dots circle:nth-child(3){animation-delay:.4s}.mascot--surprised .mascot__body{transform-origin:100px 195px;animation:.5s cubic-bezier(.2,1.6,.4,1) bino-pop}.mascot--sleep .mascot__body{transform-origin:100px 195px;animation:4s ease-in-out infinite bino-breathe}.mascot--sleep .mascot__sprout{animation:none;transform:rotate(18deg)}.mascot__zzz text{opacity:0;animation:2.4s ease-in-out infinite bino-z}.mascot__zzz text:nth-child(2){animation-delay:.5s}.mascot__zzz text:nth-child(3){animation-delay:1s}.mascot__waves path{animation:1.2s ease-out infinite bino-wave-sig}.mascot__waves path:nth-child(2){animation-delay:.3s}@keyframes bino-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}@keyframes bino-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes bino-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,.975)}}@keyframes bino-shadow{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.04)}}@keyframes bino-bounce{0%,to{transform:translateY(0)scale(1.02,.98)}45%{transform:translateY(-12px)scale(.98,1.02)}}@keyframes bino-jump{0%,to{transform:translateY(0)scale(1.05,.95)}40%{transform:translateY(-26px)scale(.96,1.05)}70%{transform:translateY(-8px)}}@keyframes bino-shadow-jump{0%,to{opacity:1;transform:scaleX(1)}40%{opacity:.5;transform:scaleX(.7)}}@keyframes bino-arm-l{0%,to{transform:rotate(0)}50%{transform:rotate(25deg)}}@keyframes bino-arm-r{0%,to{transform:rotate(0)}50%{transform:rotate(-25deg)}}@keyframes bino-cheer-l{0%{transform:rotate(60deg)}to{transform:rotate(85deg)}}@keyframes bino-cheer-r{0%{transform:rotate(-60deg)}to{transform:rotate(-85deg)}}@keyframes bino-wave{0%,to{transform:rotate(-40deg)}50%{transform:rotate(-95deg)}}@keyframes bino-droop{0%,to{transform:translateY(2px)scale(1.02,.97)}50%{transform:translateY(4px)scale(1.03,.95)}}@keyframes bino-tear{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(26px)}}@keyframes bino-tilt{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bino-dot{0%,to{opacity:.3}50%{opacity:1}}@keyframes bino-pop{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bino-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}@keyframes bino-z{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes bino-wave-sig{0%{opacity:0}30%{opacity:1}to{opacity:0;transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.mascot *,.mascot{animation:none!important}}.shell{min-height:100dvh;display:flex}.sidebar{border-right:2px solid var(--line);background:var(--bg);z-index:5;flex-direction:column;flex:none;gap:24px;width:256px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;padding:0 12px;display:flex}.brand__name{letter-spacing:-.02em;color:var(--blue);font-size:25px;font-weight:900}.brand__name b{color:var(--green);font-weight:900}.brand__mark{place-items:center;display:grid}.sidebar__nav{flex-direction:column;gap:6px;display:flex}.navlink{min-height:52px;color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;border:2px solid #0000;border-radius:14px;align-items:center;gap:16px;padding:0 14px;font-size:15px;font-weight:800;transition:background .15s;display:flex}.navlink:hover{background:var(--surface)}.navlink.is-active{border-color:color-mix(in srgb, var(--blue) 45%, transparent);background:var(--blue-soft);color:var(--blue)}.shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:4;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:none;position:sticky;top:0}.shell__content{justify-content:center;gap:48px;padding:24px 24px 64px;display:flex}.shell__page{width:100%;min-width:0;max-width:640px}.shell__content:not(.has-rail) .shell__page{max-width:880px}.rail{flex-direction:column;flex:none;align-self:flex-start;gap:16px;width:340px;display:flex;position:sticky;top:24px}.tabbar{z-index:10;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--bg);border-top:2px solid var(--line);justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.tab{width:56px;height:48px;color:var(--muted);border:2px solid #0000;border-radius:14px;place-items:center;display:grid}.tab.is-active{color:var(--blue);background:var(--blue-soft);border-color:color-mix(in srgb, var(--blue) 40%, transparent)}@media (width<=1180px){.rail{display:none}.topbar{display:flex}}@media (width<=1080px){.sidebar{align-items:center;width:88px;padding:24px 12px}.brand__name,.navlink span{display:none}.brand{padding:0}.navlink{justify-content:center;width:56px;padding:0}}@media (width<=720px){.sidebar{display:none}.tabbar{display:flex}.shell__content{padding:16px 16px 96px}}.stats{align-items:center;gap:4px;display:flex}.stat{background:0 0;border:0;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-size:16px;font-weight:800;display:inline-flex}.stat:hover{background:var(--surface)}.stat--fire{color:#ff8a1f}.stat--fire.is-off{color:var(--locked-dark)}.stat--xp{color:var(--amber)}.stat--gem{color:var(--blue)}.rail .stats{justify-content:space-between}.rail-card h3{margin-bottom:4px;font-size:19px}.rail-card p{color:var(--muted);font-weight:600}.goal-row{align-items:center;gap:14px;margin-top:14px;display:flex}.goal-row .progress{flex:1}.goal-row__num{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:800}.rail-links{flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:4px 8px;display:flex}.rail-links a{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.rail-links a:hover{color:var(--ink-2)}.card.pro-card{color:#fff;background:linear-gradient(135deg,#1fa2f2 0%,#2bc28a 100%);border:0;position:relative;overflow:hidden}.card.pro-card p{color:#ffffffe6}.card.pro-card .btn{--c:#fff;--c-dark:#0000002e;--fg:var(--blue);margin-top:14px}.cpick{position:relative}.cpick__btn{border:2px solid var(--line);background:var(--bg);border-radius:14px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;font-weight:800;display:flex}.cpick__btn:hover{background:var(--surface)}.cpick__flag{border-radius:10px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.cpick__menu{z-index:30;border:2px solid var(--line);background:var(--bg);border-radius:18px;width:min(340px,100vw - 32px);padding:8px;animation:.18s pop-in;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0a1e3224}.cpick__menu p{padding:8px 10px}.cpick__item{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.cpick__item:hover{background:var(--surface)}.cpick__item.is-active{background:var(--blue-soft)}.cpick__item b{font-size:15px;display:block}.cpick__item small{color:var(--muted);font-weight:700}.cpick__btn>span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:42vw;overflow:hidden}.welcome{max-width:1080px;margin:0 auto;padding:0 16px 48px}.welcome__top{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.welcome__top .brand__name{font-size:28px;line-height:1.1;display:inline}.welcome__brand{flex-direction:column;gap:2px;display:flex}.welcome__slogan{letter-spacing:.01em;color:var(--muted);font-size:15px;font-weight:800}.welcome__slogan b{color:var(--blue);font-weight:900}.welcome__slogan b:last-child{color:var(--green)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:56px 0 40px;display:grid}.hero__art{place-items:center;min-height:340px;display:grid;position:relative}.hero__art:before{content:"";background:radial-gradient(circle, var(--blue-soft) 0%, transparent 70%);border-radius:50%;width:320px;height:320px;position:absolute}.hero__art .mascot{position:relative}.hero__orbit{animation:28s linear infinite orbit;position:absolute;inset:0}.hero__orbit span{background:var(--bg);border:2px solid var(--line);width:54px;height:54px;box-shadow:0 3px 0 var(--line);color:var(--blue);border-radius:16px;place-items:center;font-size:20px;font-weight:900;animation:28s linear infinite reverse orbit;display:grid;position:absolute}.hero__orbit span:first-child{top:4%;left:14%}.hero__orbit span:nth-child(2){color:var(--green);top:10%;right:8%}.hero__orbit span:nth-child(3){bottom:16%;left:2%}.hero__orbit span:nth-child(4){bottom:4%;right:16%}.hero__orbit span:nth-child(5){color:var(--green);font-size:14px;top:46%;right:-2%}.hero__copy h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(30px,4.2vw,46px);font-weight:700}.hero__copy .hl{font-weight:900}.hero__line{display:block}.hero__copy .hl--blue{color:var(--blue)}.hero__copy .hl--green{color:var(--green)}.hero__copy p{color:var(--ink-2);margin-top:16px;font-size:18px;font-weight:600}.hero__cta{flex-direction:column;gap:12px;max-width:360px;margin-top:28px;display:flex}.welcome__courses{border-top:2px solid var(--line);border-bottom:2px solid var(--line);grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0;display:grid}.wcourse{justify-content:center;align-items:center;gap:10px;padding:8px;animation:.5s both rise;display:flex}.wcourse__emoji{font-size:26px}.wcourse small{color:var(--muted);font-weight:800}.features{grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 0;display:grid}.features div{background:var(--surface);border-radius:20px;padding:20px}.features span{font-size:30px}.features h3{margin:10px 0 6px;font-size:18px}.features p{color:var(--ink-2);font-size:15px;font-weight:600}.welcome__foot{text-align:center;font-size:14px;font-weight:700}@keyframes orbit{to{transform:rotate(360deg)}}@media (width<=860px){.hero{text-align:center;grid-template-columns:1fr;gap:16px;padding:24px 0}.hero__art{min-height:280px}.hero__art .mascot{width:220px;height:220px}.hero__cta{margin-inline:auto}.welcome__courses{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr 1fr}}@media (width<=520px){.features{grid-template-columns:1fr}}.onb{flex-direction:column;min-height:100dvh;display:flex}.onb__top{align-items:center;gap:12px;width:100%;max-width:1000px;margin:0 auto;padding:20px 16px;display:flex}.onb__top .btn--plain{color:var(--muted)}.onb__main{flex:1;width:100%;max-width:620px;margin:0 auto;padding:8px 16px 140px;animation:.35s both rise}.onb__ask{align-items:center;gap:16px;margin:8px 0 28px;display:flex}.onb__ask .speech-bubble{flex:1}.onb__courses,.onb__goals{gap:12px;display:grid}.onb__course{padding:14px 16px}.onb__course b{font-size:17px;display:block}.onb__subject{font-weight:900}.onb__subject--math{color:var(--blue)}.onb__subject--science{color:var(--green-dark)}.tile.is-selected .onb__course-name{color:var(--ink)}.onb__course small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:700;display:block}.onb__course .cpick__flag{border-radius:14px}.onb__name{gap:10px;display:grid}.onb__foot{border-top:2px solid var(--line);background:var(--bg);padding:20px 16px calc(20px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.onb__foot-inner{justify-content:flex-end;max-width:1000px;margin:0 auto;display:flex}.onb__foot .btn{min-width:180px}.onb__login{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:400px;padding-top:48px;display:flex}.onb__or{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}@media (width<=720px){.onb__foot .btn{width:100%}.onb__ask .mascot{width:92px;height:92px}}.speak{flex:none;align-items:flex-end;gap:10px;display:inline-flex}.speak__btn{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-dark);border:0;border-radius:14px;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.speak__btn:active{box-shadow:0 0 0 var(--blue-dark);transform:translateY(4px)}.speak__btn.is-playing{animation:.7s ease-in-out infinite alternate speak-pulse}.speak--sm .speak__btn{width:38px;height:38px;box-shadow:0 3px 0 var(--blue-dark);border-radius:12px}.speak--md .speak__btn{width:52px;height:52px}.speak--lg .speak__btn{width:112px;height:112px;box-shadow:0 6px 0 var(--blue-dark);border-radius:24px}.speak--lg .speak__btn--slow{border-radius:18px;width:72px;height:72px}.speak--md .speak__btn--slow{width:40px;height:40px}@keyframes speak-pulse{to{filter:brightness(1.15);transform:scale(1.04)}}.save-screen{z-index:60;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:var(--bg);place-items:center;animation:.2s fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.save{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(440px,100%);animation:.35s rise;display:flex;position:relative}.save h1{text-wrap:balance;font-size:clamp(24px,4vw,30px);font-weight:900}.save__close{top:max(16px, env(safe-area-inset-top));color:var(--muted);background:0 0;border:0;border-radius:10px;padding:6px;display:grid;position:fixed;left:16px}.save__lead{color:var(--ink-2);max-width:38ch;font-weight:600}.save__stats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.save__stats span{background:var(--surface);color:var(--muted);border-radius:12px;padding:6px 12px;font-size:14px;font-weight:700}.save__stats b{color:var(--ink)}.save__form{gap:12px;width:100%;margin-top:4px;display:grid}.save__tabs{justify-self:center}.save__code{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:900}.save__err{color:var(--red-dark);font-size:14px;font-weight:700}.save__fine{color:var(--muted);font-size:12px;font-weight:600}.save__later{color:var(--muted)}.save--inline{border:2px solid var(--line);border-radius:22px;width:100%;padding:20px}.savebar{border:2px solid color-mix(in srgb, var(--green) 45%, transparent);background:var(--green-soft);border-radius:18px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.savebar p{flex:1;min-width:0;font-size:15px;font-weight:700}.savebar small{color:var(--ink-2);font-weight:600;display:block}@media (width<=520px){.savebar{flex-wrap:wrap}.savebar .btn{width:100%}}.save__or{color:var(--muted);text-transform:uppercase;text-align:center;font-size:13px;font-weight:800}.path{padding-bottom:40px}.unit{margin-bottom:36px}.unit__banner{z-index:3;background:var(--c);color:#fff;box-shadow:0 4px 0 var(--cd);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 16px 20px;display:flex;position:sticky;top:12px}@media (width<=1180px){.unit__banner{top:70px}}.unit__eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:13px;font-weight:800}.unit__banner h2{margin-top:2px;font-size:22px}.unit__en{opacity:.9;font-weight:700}.unit__guide{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#ffffff14;border:2px solid #fff6;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:800;display:flex}.unit__guide:hover{background:#ffffff2e}.unit__nodes{flex-direction:column;align-items:center;gap:30px;padding:40px 0 8px;display:flex;position:relative}.node-wrap.is-current{margin-top:34px}.node-wrap.is-open{z-index:4}.node-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.node{color:#fff;border:0;border-radius:50%;place-items:center;width:74px;height:68px;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.node--done,.node--current{background:var(--c);box-shadow:0 7px 0 var(--cd)}.node--done{background:var(--amber);box-shadow:0 7px 0 var(--amber-dark)}.node--current{animation:1.8s ease-out infinite pulse-ring}.node--current:before{content:"";border:6px solid color-mix(in srgb, var(--c) 25%, transparent);border-radius:50%;position:absolute;inset:-10px}.node--locked{background:var(--locked);color:var(--locked-dark);box-shadow:0 7px 0 var(--locked-dark)}.node:active{box-shadow:0 1px 0 var(--cd);transform:translateY(6px)}.node--chest{background:var(--locked);box-shadow:0 7px 0 var(--locked-dark);border-radius:20px;width:80px;height:70px;font-size:34px}.node--chest:disabled{filter:grayscale();opacity:.7;cursor:not-allowed}.node--chest.is-open{background:var(--amber);box-shadow:0 7px 0 var(--amber-dark)}.node__start{z-index:2;border:2px solid var(--line-strong);background:var(--bg);color:var(--c);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:900;animation:1.4s ease-in-out infinite bob;position:absolute;bottom:calc(100% + 14px)}.node__start:after{content:"";background:var(--bg);border-right:2px solid var(--line-strong);border-bottom:2px solid var(--line-strong);width:12px;height:12px;margin:-5px 0 0 -6px;position:absolute;top:100%;left:50%;transform:rotate(45deg)}.unit__mascot{pointer-events:none;width:130px;position:absolute;top:-10px}.unit__mascot .mascot{max-width:none}.unit__mascot.is-left{right:calc(100% + 60px)}.unit__mascot.is-right{left:calc(100% + 60px)}@media (width<=520px){.unit__mascot .mascot{width:92px;height:92px}.unit__mascot.is-left{right:calc(100% + 36px)}.unit__mascot.is-right{left:calc(100% + 36px)}}.pop{z-index:6;background:var(--c);color:#fff;border-radius:18px;width:300px;padding:18px;animation:.2s pop-in;position:absolute;top:calc(100% + 16px);box-shadow:0 10px 30px #0a1e322e}.pop:before{content:"";background:inherit;width:16px;height:16px;margin-left:-8px;position:absolute;top:-8px;left:50%;transform:rotate(45deg)}.pop--done{background:var(--amber)}.pop--locked{background:var(--surface);color:var(--muted);border:2px solid var(--line)}.pop h3{font-size:18px}.pop p{opacity:.9;margin-top:4px;font-weight:700}.pop__locked{margin-top:10px!important}.pop{--pop-fg:var(--c)}.pop--done{--pop-fg:var(--amber-dark)}.pop .pop__btn{--c:#fff;--c-dark:#00000026;--fg:var(--pop-fg);margin-top:14px}.path__end{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:24px;font-weight:700;display:flex}.center{margin:0 auto}.modal.guide{text-align:left;width:min(560px,100%)}.guide header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.guide ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.guide li{border-bottom:2px solid var(--line);gap:14px;padding:12px 0;display:flex}.guide li:last-child{border-bottom:0}.guide li b{font-size:17px}.guide li p{color:var(--ink-2);font-weight:600}.guide__ex{margin-top:2px;font-size:14px;font-style:italic;color:var(--muted)!important}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.node--pro{color:#fff;opacity:.9;background:linear-gradient(135deg,#8b6cf6,#1fa2f2);box-shadow:0 7px #5b45c9}.pop--pro{--pop-fg:#6e4fd9;background:linear-gradient(135deg,#8b6cf6,#1fa2f2)}.pp__open{border:2px solid var(--green);background:var(--green-soft);color:var(--green-dark);box-shadow:0 3px 0 var(--green);letter-spacing:.06em;text-transform:uppercase;border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:10px 18px;font-size:14px;font-weight:900;animation:.3s cubic-bezier(.2,1.4,.4,1) pop-in;display:inline-flex}.pp__open:active{box-shadow:none;transform:translateY(3px)}.pp{background:var(--surface);border-radius:18px;gap:10px;width:100%;margin-top:12px;padding:14px;animation:.25s rise;display:grid}.pp__tip{color:var(--muted);font-size:13px;font-weight:700}.pp__tip b{color:var(--red);font-size:1.2em}.pp__mic{border:2px solid var(--line-strong);background:var(--bg);min-height:52px;box-shadow:0 3px 0 var(--line-strong);color:var(--blue);letter-spacing:.06em;text-transform:uppercase;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:900;display:flex}.pp__mic:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.pp__mic:disabled{color:var(--muted)}.pp__mic.is-rec{border-color:var(--red);color:var(--red);box-shadow:0 3px 0 var(--red);animation:1s ease-in-out infinite alternate rec}.pp__result{text-align:left;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-weight:800;display:flex}.pp__result b{font-variant-numeric:tabular-nums;font-size:26px}.pp__result small{color:var(--ink-2);font-weight:600;display:block}.pp__result--good{background:var(--green-soft);color:var(--green-dark)}.pp__result--ok{background:color-mix(in srgb, var(--amber) 16%, transparent);color:var(--amber-dark)}.pp__result--bad{background:var(--red-soft);color:var(--red-dark)}.pp__self{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.pp__note{color:var(--muted);font-size:13px;font-weight:600}.lesson{flex-direction:column;min-height:100dvh;display:flex}.lesson__top{align-items:center;gap:16px;width:100%;max-width:1000px;margin:0 auto;padding:24px 16px 8px;display:flex}.lesson__close{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:4px;display:grid}.lesson__close:hover{color:var(--ink-2)}.lesson__progress{flex:1}.combo{text-align:right;color:#ff8a1f;min-width:44px;font-weight:900;animation:.3s cubic-bezier(.2,1.6,.4,1) pop-in}.combo--muted{color:var(--muted)}.lesson__retry{color:#ff8a1f;width:100%;max-width:600px;margin:6px auto 0;padding:0 16px;font-size:14px;font-weight:800}.lesson__body{flex:1;width:100%;max-width:640px;margin:0 auto;padding:24px 16px 180px;animation:.3s both slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.lesson__foot{z-index:5;border-top:2px solid var(--line);background:var(--bg);transition:background .2s;position:fixed;bottom:0;left:0;right:0}.lesson__foot.is-correct{background:var(--green-soft);border-color:#0000}.lesson__foot.is-wrong{background:var(--red-soft);border-color:#0000}.lesson__foot-inner{max-width:1000px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.lesson__cta{min-width:160px}.fb{align-items:center;gap:16px;min-width:0;animation:.25s rise;display:flex}.fb__mascot{flex:none}.fb__text{min-width:0}.fb__text h2{font-size:22px}.is-correct .fb__text h2{color:var(--green-dark)}.is-wrong .fb__text h2{color:var(--red-dark)}.fb__answer{font-size:17px;font-weight:800}.is-correct .fb__answer{color:var(--green-dark)}.is-wrong .fb__answer{color:var(--red-dark)}.fb__note{color:var(--ink-2);font-size:15px;font-weight:600}.fb__hint{font-size:14px;font-weight:700}.is-correct .speak__btn{background:var(--green);box-shadow:0 3px 0 var(--green-dark)}.is-wrong .speak__btn{background:var(--red);box-shadow:0 3px 0 var(--red-dark)}.ex{flex-direction:column;gap:22px;display:flex}.ex__title{font-size:clamp(22px,3.4vw,30px);font-weight:900}.ex__new{color:#8b6cf6;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:15px;display:inline-flex}.ex__new:before{content:"✨"}.ex__prompt{align-items:center;gap:16px;display:flex}.ex__prompt-word{font-size:28px;font-weight:900}.ex__ask{align-items:flex-end;gap:12px;display:flex}.ex__ask .speech-bubble{flex:1;margin-bottom:18px}.ex__textarea{min-height:130px}.ex__skip{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-self:center;font-size:14px}.ex__error{color:var(--red-dark);text-align:center;font-weight:700}.choices{gap:12px;display:grid}@media (width>=640px){.choices{grid-template-columns:1fr 1fr}}.intro-card{text-align:center;border:2px solid var(--line);border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:28px 20px 22px;display:flex}.intro-card .speak{margin-bottom:10px}.intro-card__word{color:var(--blue);font-size:36px;font-weight:900}.intro-card__ipa{color:var(--muted);font-size:18px;font-weight:700}.intro-card__vi{background:var(--green-soft);color:var(--green-dark);border-radius:10px;margin-top:6px;padding:4px 14px;font-size:20px;font-weight:800}.intro-card__ex{text-align:left;border-top:2px dashed var(--line);align-items:flex-start;gap:12px;width:100%;margin-top:16px;padding-top:16px;display:flex}.intro-card__ex p{font-weight:700}.intro-card__ex p.muted{font-size:15px;font-weight:600}mark{background:color-mix(in srgb, var(--amber) 35%, transparent);color:inherit;border-radius:4px;padding:0 2px}.pairs{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.pairs__col{align-content:start;gap:12px;display:grid}.pairs .tile{min-height:60px;font-size:16px}@media (width<=480px){.pairs .tile{text-align:center;justify-content:center;padding:10px;font-size:15px}}.listen{justify-content:center;padding:8px 0;display:flex}.wb__answer{background-image:linear-gradient(var(--line) 2px, transparent 2px);background-position:0 56px;background-size:100% 60px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:120px;padding:8px 0;display:flex}.wb__bank{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wb__slot{background:var(--locked);border-radius:12px;display:inline-block}.wb__tile{border:2px solid var(--line-strong);background:var(--bg);min-height:46px;box-shadow:0 3px 0 var(--line-strong);border-radius:12px;padding:8px 14px;font-size:17px;font-weight:700;transition:transform 80ms;animation:.15s pop-in}.wb__tile:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.wb__tile.is-used{visibility:hidden}.speak-bubble{align-items:flex-start;gap:12px;display:flex}.speak-text{font-size:20px;font-weight:800}.w-good{color:var(--green-dark)}.w-ok{color:var(--amber-dark)}.w-bad{color:var(--red-dark);-webkit-text-decoration:underline wavy color-mix(in srgb, var(--red) 60%, transparent);text-decoration:underline wavy color-mix(in srgb, var(--red) 60%, transparent);text-underline-offset:4px}.mic{border:2px solid var(--line-strong);background:var(--bg);width:100%;min-height:64px;box-shadow:0 4px 0 var(--line-strong);color:var(--blue);letter-spacing:.06em;text-transform:uppercase;border-radius:18px;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:900;display:flex}.mic:active{box-shadow:none;transform:translateY(4px)}.mic.is-rec{border-color:var(--red);color:var(--red);box-shadow:0 4px 0 var(--red);animation:1s ease-in-out infinite alternate rec}@keyframes rec{to{background:var(--red-soft)}}.pron{background:var(--surface);border-radius:20px;align-items:center;gap:20px;padding:16px;animation:.3s rise;display:flex}.pron__detail{flex:1;gap:8px;display:grid}.pron__retry{color:var(--amber-dark);font-weight:800}.meter{grid-template-columns:110px 1fr 32px;align-items:center;gap:10px;font-size:14px;font-weight:700;display:grid}.meter b{text-align:right}.results{flex-direction:column;min-height:100dvh;display:flex}.results__main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:32px 16px 140px;animation:.4s rise;display:flex}.results__title{color:var(--amber);font-size:clamp(26px,4vw,34px);font-weight:900}.results__stats{grid-template-columns:repeat(3,1fr);gap:14px;width:min(480px,100%);display:grid}.rstat{--c:var(--amber);border:2px solid var(--c);background:var(--c);border-radius:18px;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop-in;overflow:hidden}.rstat:nth-child(2){animation-delay:.12s}.rstat:nth-child(3){animation-delay:.24s}.rstat span{color:#fff;letter-spacing:.08em;text-transform:uppercase;padding:6px 4px;font-size:12px;font-weight:900;display:block}.rstat b{background:var(--bg);color:var(--c);border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:14px 4px;font-size:20px;display:flex}.rstat--time{--c:var(--blue)}.rstat--acc{--c:var(--green)}.results__foot{max-width:1000px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));border-top:2px solid var(--line);background:var(--bg);justify-content:flex-end;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=1000px){.results__foot{border-top:0}}.streak-flame{place-items:center;display:grid;position:relative}.streak-flame span{font-size:150px;line-height:1;animation:1.2s ease-in-out infinite alternate flame}.streak-flame b{color:#fff;-webkit-text-stroke:2px #e66a00;font-size:52px;font-weight:900;position:absolute;bottom:10px}@keyframes flame{to{transform:scale(1.06)rotate(-2deg)}}.week{border:2px solid var(--line);border-radius:18px;gap:10px;padding:16px 20px;display:flex}.week__day{color:var(--muted);justify-items:center;gap:6px;font-size:13px;font-weight:800;display:grid}.week__day i{background:var(--locked);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.week__day.is-on i{background:#ff8a1f}.week__day.is-today span{color:#ff8a1f}@media (width<=720px){.lesson__top{padding-top:16px}.lesson__foot-inner{flex-direction:column;align-items:stretch}.lesson__cta{width:100%}.fb__mascot,.fb__hint{display:none}.results__foot .btn{width:100%}.ex__ask .mascot{width:84px;height:84px}}.shadow__steps{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:-8px 0 0;padding:0;font-size:13px;font-weight:800;list-style:none;display:flex}.shadow__steps li{align-items:center;gap:6px;display:inline-flex}.shadow__steps span{background:var(--locked);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;display:grid}.shadow__steps .is-on{color:var(--blue)}.shadow__steps .is-on span{background:var(--blue);color:#fff}.shadow__steps .is-done span{background:var(--green);color:#fff}.shadow__text span{border-radius:6px;transition:background .12s,color .12s}.shadow__text .w-now{background:var(--amber);color:#fff;padding:0 3px}.shadow__text .w-past{color:var(--blue)}.shadow__ipa b{color:var(--red);font-size:1.25em}.shadow__ipa small{font-size:12px}.shadow__hint{text-align:center;color:var(--ink-2);font-weight:700}.shadow__solo{background:var(--blue-soft);text-align:center;border-radius:20px;gap:12px;padding:18px;animation:.3s rise;display:grid}.shadow__solo p{font-weight:700}.shadow__timer{width:100%;animation:linear forwards shadow-timer}@keyframes shadow-timer{0%{width:0}to{width:100%}}.shadow__rate{gap:12px;animation:.3s rise;display:grid}.shadow__rate .tile{justify-content:center}.shadow__notice{color:var(--muted);text-align:center;font-size:13px;font-weight:600}.page{animation:.3s backwards fade-in}.page__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page__head h1,.profile__head h1{font-size:30px;font-weight:900}.page__head p{margin-top:4px;font-weight:700}.section-title{margin:32px 0 14px;font-size:22px}.notice{background:var(--blue-soft);border-radius:18px;margin-bottom:16px;padding:18px}.notice p{color:var(--ink-2);font-weight:600}.empty{text-align:center;padding:32px;font-weight:700}.chip--green{background:var(--green-soft);color:var(--green-dark)}.chip--red{background:var(--red-soft);color:var(--red-dark)}.input.select{width:auto;min-height:44px;padding:8px 12px;font-size:15px}.seg{background:var(--surface);border:2px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-weight:800;display:inline-flex}.seg button.is-on{background:var(--bg);color:var(--blue);box-shadow:0 2px 0 var(--line-strong)}.pcards{gap:12px;display:grid}.pcard{border:2px solid var(--line);box-shadow:0 4px 0 var(--line);color:var(--ink);border-radius:20px;align-items:center;gap:16px;padding:18px;transition:transform 80ms,box-shadow 80ms,background .15s;display:flex}.pcard:hover{background:var(--surface)}.pcard:active{box-shadow:none;transform:translateY(4px)}.pcard.is-disabled{opacity:.5;cursor:not-allowed}.pcard__icon{background:color-mix(in srgb, var(--c) 15%, transparent);width:56px;height:56px;color:var(--c);border-radius:16px;flex:none;place-items:center;display:grid}.pcard__text{flex:1}.pcard__text b{font-size:18px;display:block}.pcard__text small{color:var(--muted);font-size:14px;font-weight:700}.pcard>svg:last-child{color:var(--muted)}.words__tools{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.search{flex:1;min-width:220px;position:relative}.search svg{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search .input{min-height:48px;padding-left:44px;font-size:16px}.wgroup{margin-bottom:24px}.wgroup h2{color:var(--ink-2);margin-bottom:8px;font-size:17px}.wgroup ul{border:2px solid var(--line);border-radius:18px;margin:0;padding:0;list-style:none;overflow:hidden}.wrow{border-bottom:2px solid var(--line)}.wrow:last-child{border-bottom:0}.wrow__main{align-items:center;gap:12px;padding:10px 14px;display:flex}.wrow__btn{text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:4px 0;display:flex}.wrow__btn b{font-size:17px}.wrow__vi{color:var(--ink-2);font-weight:600;display:block}.wrow__tags{flex:none;align-items:center;gap:8px;display:flex}.wrow__chev{color:var(--muted);transition:transform .2s}.wrow.is-open .wrow__chev{transform:rotate(90deg)}.wrow__ex{gap:12px;padding:4px 14px 14px 64px;animation:.2s rise;display:flex}.wrow__ex p{font-weight:700}.wrow__ex .muted{font-size:14px;font-weight:600}@media (width<=520px){.wrow__ex{padding-left:14px}.wrow__tags .chip{display:none}}.league__tiers{justify-content:center;gap:18px;margin:8px 0 12px;font-size:42px;display:flex}.league__tiers span{filter:grayscale();opacity:.35}.league__tiers span.is-on{filter:none;opacity:1;transform:scale(1.25)}.league__head{text-align:center;border-bottom:2px solid var(--line);margin-bottom:16px;padding-bottom:16px}.league__head h1{font-size:26px}.league__head p{font-weight:700}.league{margin:0;padding:0;list-style:none}.lrow{border-radius:14px;align-items:center;gap:14px;padding:10px 12px;display:flex;position:relative}.lrow.is-me{background:var(--blue-soft)}.lrow__rank{text-align:center;width:28px;color:var(--muted);font-weight:900}.lrow__rank.is-top1{color:#f5b800}.lrow__rank.is-top2{color:#9aa9bc}.lrow__rank.is-top3{color:#d4844a}.lrow__avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.lrow__name{flex:1;font-weight:800}.lrow__xp{color:var(--muted);font-weight:800}.lrow__zone{text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;position:absolute;bottom:-14px;left:0;right:0}.lrow__zone--up{color:var(--green-dark)}.lrow__zone--down{color:var(--red-dark)}.lrow:has(.lrow__zone){margin-bottom:22px}.profile__head{border-bottom:2px solid var(--line);align-items:center;gap:20px;padding-bottom:20px;display:flex}.profile__avatar{background:linear-gradient(135deg, var(--blue), var(--green));color:#fff;border-radius:50%;flex:none;place-items:center;width:92px;height:92px;font-size:40px;font-weight:900;display:grid}.profile__head p{font-weight:700}.statgrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sg{border:2px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:14px 16px;display:grid}.sg span{grid-row:span 2;font-size:28px}.sg b{font-size:20px}.sg small{color:var(--muted);font-weight:700}.heat{grid-template-columns:repeat(7,1fr);grid-auto-flow:row;gap:6px;max-width:360px;display:grid}.heat span{aspect-ratio:1;background:var(--locked);border-radius:8px}.heat .l1{background:color-mix(in srgb, var(--green) 35%, var(--locked))}.heat .l2{background:color-mix(in srgb, var(--green) 65%, var(--locked))}.heat .l3{background:var(--green)}.heat .is-future{border:2px dashed var(--line);background:0 0}.badges{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.badge{text-align:center;border:2px solid var(--line);opacity:.45;filter:grayscale();border-radius:18px;justify-items:center;gap:4px;padding:16px 10px;display:grid}.badge.is-on{opacity:1;filter:none;border-color:color-mix(in srgb, var(--amber) 60%, transparent);background:color-mix(in srgb, var(--amber) 8%, transparent)}.badge span{font-size:34px}.badge small{color:var(--muted);font-size:12px;font-weight:700}.settings{padding:4px 20px}.setrow{border-bottom:2px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-weight:700;display:flex}.setrow:last-child{border-bottom:0}.engine{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:14px;display:flex}.profile__actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}@media (width<=520px){.badges{grid-template-columns:repeat(2,1fr)}.statgrid{grid-template-columns:1fr}}.plus{gap:20px;max-width:560px;margin:0 auto;display:grid}.plus__hero{color:#fff;background:linear-gradient(135deg,#1fa2f2 0%,#2bc28a 100%);border-radius:24px;align-items:center;gap:12px;padding:20px;display:flex}.plus__hero h1{font-size:24px;font-weight:900}.cycle{justify-self:center}.plans{grid-template-columns:1fr 1fr;gap:12px;display:grid}.plan{border:2px solid var(--line);border-radius:20px;padding:20px;position:relative}.plan--pro{border-color:var(--green);box-shadow:0 4px 0 var(--green)}.plan__tag{background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:900;position:absolute;top:-12px;right:14px}.plan__price{margin:6px 0 2px;font-size:26px;font-weight:900}.plan p.muted{font-size:14px;font-weight:700}.ftable{border-collapse:collapse;width:100%}.ftable th,.ftable td{border-bottom:2px solid var(--line);text-align:center;padding:12px 8px;font-weight:700}.ftable td:first-child{text-align:left}.ftable th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:900}.ftable .ok{color:var(--green)}.paymethods{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.paymethods span{border:2px solid var(--line);color:var(--muted);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:800}.clist{margin:0;padding:0;list-style:none}.clist li{border-bottom:2px solid var(--line);align-items:center;gap:10px;padding:12px 0;display:flex}.clist li:last-child{border-bottom:0}.clist li>div{flex:1;min-width:0}.clist small,.draft small{color:var(--muted);font-size:13px;font-weight:700;display:block}.steps{gap:16px;padding-left:20px;font-weight:700;display:grid}.steps li>.input,.steps li>.drop{margin-top:8px}.drop{border:2px dashed var(--line-strong);color:var(--blue);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:24px;font-weight:800;display:flex;position:relative}.drop:hover{background:var(--blue-soft)}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.draft{background:var(--surface);border-radius:18px;margin-top:20px;padding:16px}.draft__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.draft__units{gap:10px;max-height:320px;margin-top:12px;display:grid;overflow:auto}.warn{color:var(--amber-dark);margin-top:12px;font-weight:700}.warn ul{color:var(--ink-2);font-size:14px;font-weight:600}:root{--blue:#1fa2f2;--blue-dark:#0b84d4;--blue-soft:#e3f4ff;--green:#3ccb5a;--green-dark:#2aa845;--green-soft:#e4f9e9;--red:#ff5a63;--red-dark:#e0414b;--red-soft:#ffe8ea;--amber:#ffb020;--amber-dark:#e59500;--violet:#8b6cf6;--ink:#1d2b3a;--ink-2:#4b5b6e;--muted:#8a99ad;--line:#e4eaf1;--line-strong:#d3dce6;--surface:#f5f8fb;--bg:#fff;--locked:#e5eaf0;--locked-dark:#cdd6e0;--radius:16px;--radius-lg:22px;--shadow-card:0 1px 0 #1028460a;--font:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--blue-soft:#10324a;--green-soft:#12351f;--red-soft:#3c1a1e;--ink:#e9f0f7;--ink-2:#b9c6d4;--muted:#7f90a5;--line:#233140;--line-strong:#2e3e50;--surface:#15202b;--bg:#0f1822;--locked:#243241;--locked-dark:#1a2532;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--blue-soft:#10324a;--green-soft:#12351f;--red-soft:#3c1a1e;--ink:#e9f0f7;--ink-2:#b9c6d4;--muted:#7f90a5;--line:#233140;--line-strong:#2e3e50;--surface:#15202b;--bg:#0f1822;--locked:#243241;--locked-dark:#1a2532;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.2}p{margin:0}img,svg{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 60%, transparent);outline-offset:2px;border-radius:10px}.btn{--c:var(--blue);--c-dark:var(--blue-dark);--fg:#fff;border-radius:var(--radius);background:var(--c);min-height:50px;color:var(--fg);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 var(--c-dark);-webkit-user-select:none;user-select:none;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--c-dark);transform:translateY(4px)}.btn:disabled{--c:var(--locked);--c-dark:var(--locked-dark);--fg:var(--muted);cursor:not-allowed;filter:none}.btn--green{--c:var(--green);--c-dark:var(--green-dark)}.btn--red{--c:var(--red);--c-dark:var(--red-dark)}.btn--amber{--c:var(--amber);--c-dark:var(--amber-dark)}.btn--ghost{--c:var(--bg);--c-dark:var(--line-strong);--fg:var(--blue);border:2px solid var(--line-strong);box-shadow:0 3px 0 var(--line-strong)}.btn--plain{box-shadow:none;color:var(--blue);background:0 0;padding:0 12px}.btn--plain:active:not(:disabled){transform:none}.btn--block{width:100%}.btn--sm{border-radius:12px;min-height:40px;padding:0 16px;font-size:13px}.card{border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);padding:20px}.tile{border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);width:100%;min-height:56px;box-shadow:0 3px 0 var(--line-strong);text-align:left;align-items:center;gap:12px;padding:12px 16px;font-size:17px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s,box-shadow 80ms;display:flex}.tile:hover:not(:disabled){background:var(--surface)}.tile:active:not(:disabled){box-shadow:0 0 0 var(--line-strong);transform:translateY(3px)}.tile.is-selected{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 3px 0 var(--blue);color:var(--blue-dark)}.tile.is-correct{border-color:var(--green);background:var(--green-soft);box-shadow:0 3px 0 var(--green);color:var(--green-dark)}.tile.is-wrong{border-color:var(--red);background:var(--red-soft);box-shadow:0 3px 0 var(--red);color:var(--red-dark);animation:.4s shake}.tile.is-done{opacity:.35;box-shadow:none;cursor:default;transform:translateY(3px)}.tile__key{border:2px solid var(--line-strong);width:28px;height:28px;color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:13px;display:grid}.tile.is-selected .tile__key{border-color:var(--blue);color:var(--blue)}.chip{background:var(--surface);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.muted{color:var(--muted)}.ipa{color:var(--muted);font-family:Nunito,Segoe UI,Lucida Sans Unicode,sans-serif;font-weight:600}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.input{border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);outline:none;width:100%;min-height:52px;padding:12px 16px;font-size:17px;font-weight:600;transition:border-color .15s,background .15s}.input:focus{border-color:var(--blue);background:var(--bg)}textarea.input{resize:none;min-height:140px;line-height:1.5}.switch{flex:none;width:52px;height:30px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch span{background:var(--locked-dark);pointer-events:none;border-radius:99px;transition:background .2s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(22px)}.progress{background:var(--locked);border-radius:99px;height:16px;position:relative;overflow:hidden}.progress__bar{background:var(--green);border-radius:99px;transition:width .45s cubic-bezier(.3,.8,.4,1);position:absolute;inset:0 auto 0 0}.progress__bar:after{content:"";background:#ffffff59;border-radius:99px;height:4px;position:absolute;top:4px;left:10px;right:10px}.progress--amber .progress__bar{background:var(--amber)}.progress--blue .progress__bar{background:var(--blue)}.speech-bubble{border:2px solid var(--line-strong);background:var(--bg);border-radius:18px;padding:14px 18px;font-size:17px;font-weight:700;position:relative}.speech-bubble:before{content:"";background:var(--bg);border-left:2px solid var(--line-strong);border-bottom:2px solid var(--line-strong);width:16px;height:16px;margin-top:-8px;position:absolute;top:50%;left:-10px;transform:rotate(45deg)}.modal-backdrop{z-index:50;background:#0a141e8c;place-items:center;padding:16px;animation:.15s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--bg);text-align:center;border-radius:24px;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:28px 24px 24px;animation:.25s cubic-bezier(.2,1.3,.4,1) pop-in;overflow:auto}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)translateY(10px)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c,var(--blue)) 45%, transparent)}to{box-shadow:0 0 0 18px #0000}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}