:root{--bg:#f3f4f6;--surface:#fff;--surface-2:#eef0f2;--text:#1a1a1a;--muted:#6b7079;--accent:#c4b5fd;--accent-text:#1a1a1a;--grad:linear-gradient(135deg, #a5b4fc 0%, #c4b5fd 50%, #d8b4fe 100%);--highlight:#f3efff;--border:#e6e8eb;--radius:20px;--radius-sm:16px;--font:"Onest", system-ui, sans-serif;--ok:#1d8a4a;--ok-bg:#e5f5ec;--miss:#b4561a;--miss-bg:#fdf0e4;--link:#2b5fd9;--focus:#7c6cf0}[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121214;--surface:#1e1e22;--surface-2:#2a2a30;--text:#f4f4f6;--muted:#a3a6ae;--highlight:#c4b5fd29;--border:#2f2f35;--ok:#5fd08a;--ok-bg:#5fd08a24;--miss:#f2a36b;--miss-bg:#f2a36b24;--link:#8fb0ff;--focus:#c4b5fd}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0}body{min-height:100dvh}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}a{color:var(--link)}p{margin:0}.screen{flex-direction:column;gap:20px;width:100%;max-width:560px;min-height:100dvh;margin:0 auto;padding:20px 16px 32px;display:flex}.screen--tabs{padding-bottom:104px}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.topbar__title{text-align:center;flex:1;font-size:15px;font-weight:800}.logo{box-shadow:4px 4px 10px var(--neu-dark,#c3c8d2), -4px -4px 10px var(--neu-light,#fff), inset 0 1px 0 #fff9;border-radius:24%;flex-shrink:0;display:block}.brand{font-size:17px;font-weight:800}.h1{letter-spacing:-.01em;margin:0;font-size:clamp(28px,8vw,36px);font-weight:800;line-height:1.08}.h2{margin:0;font-size:20px;font-weight:800;line-height:1.2}.muted{color:var(--muted)}.small{font-size:13px}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.lead{font-size:17px;line-height:1.5}.btn{border-radius:var(--radius);background:var(--surface);min-height:52px;color:var(--text);border:0;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--grad);color:var(--accent-text)}.btn--soft{background:var(--surface-2)}.btn--block{width:100%}.btn--small{border-radius:14px;min-height:40px;padding:8px 14px;font-size:14px}.btn[disabled]{opacity:.45;cursor:not-allowed}.link-btn{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:6px 0;font-size:14px;font-weight:600;text-decoration:underline}.icon-btn{background:var(--surface);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.chip{background:var(--surface);border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.chip--accent{background:var(--grad);color:var(--accent-text)}.chip--ok{background:var(--ok-bg);color:var(--ok)}.chip--miss{background:var(--miss-bg);color:var(--miss)}.card{background:var(--surface);border-radius:var(--radius);padding:16px}.card--accent{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad) border-box;border:2px solid #0000}.bar{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.bar__fill{background:var(--grad);height:100%;transition:width .3s}.big-num{font-size:34px;font-weight:800;line-height:1}.big-num .muted{font-size:18px}.emoji-badge{background:var(--highlight);border-radius:16px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.emoji-badge--big{border-radius:22px;width:76px;height:76px;font-size:40px}.lesson-list{flex-direction:column;gap:8px;display:flex}.lesson-row{text-align:left;background:var(--surface);border-radius:var(--radius-sm);border:0;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px 12px 10px 10px;display:flex}.lesson-row .emoji-badge{border-radius:14px;width:46px;height:46px;font-size:22px}.lesson-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-row__title{font-weight:700;line-height:1.25}.lesson-row[disabled]{cursor:default}.lesson-row--soon{border:1.5px dashed var(--border);background:0 0;min-height:60px}.status{background:var(--surface-2);color:var(--muted);border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:700}.status--done{background:var(--ok-bg);color:var(--ok)}.tabbar{z-index:5;padding:6px 4px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);justify-content:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar__item{min-width:0;max-width:110px;min-height:48px;color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;font-size:11px;display:flex}.tabbar__item[aria-current=page]{color:var(--text);font-weight:700}.welcome{flex-direction:column;gap:24px;max-width:480px;min-height:100dvh;margin:0 auto;padding:20px 16px 32px;display:flex}.welcome__collage{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 6px 0;display:grid;transform:rotate(-3deg)}.tile{aspect-ratio:1;background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:700;line-height:1.15;display:flex;box-shadow:0 6px 18px #0000001a}.tile span:first-child{font-size:30px}.tile:nth-child(2),.tile:nth-child(5){transform:translateY(14px)}.tile:first-child,.tile:nth-child(6){background:var(--grad);color:var(--accent-text)}.welcome__title{letter-spacing:-.02em;align-items:center;gap:14px;margin:0;font-size:clamp(36px,10vw,56px);font-weight:800;line-height:1;display:flex}.steps{counter-reset:step;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:step;grid-template-columns:36px 1fr;gap:2px 12px;line-height:1.35;display:grid}.steps li:before{content:counter(step);background:var(--grad);width:36px;height:36px;color:var(--accent-text);border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;font-weight:800;display:flex}.welcome__cta{min-height:58px;font-size:18px}.lesson-top{align-items:center;gap:12px;display:flex}.lesson-top .bar{border-radius:5px;flex:1;height:10px}.lesson-body{flex-direction:column;flex:1;gap:16px;display:flex}.lesson-foot{padding:12px 0 calc(4px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom, transparent, var(--bg) 24%);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.example{border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:14px 16px;line-height:1.45;display:flex}.example--bad{background:var(--surface-2)}.example--good{background:var(--surface);background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad) border-box;border:2px solid #0000}.example__label{font-size:12px;font-weight:800}.example--bad .example__label{color:var(--miss)}.example--good .example__label{color:var(--ok)}.quote{font-weight:500}.material{background:var(--surface-2);border-radius:var(--radius-sm);white-space:pre-wrap;padding:14px 16px;font-size:14px;line-height:1.5}.checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checklist li{grid-template-columns:22px 1fr;gap:8px;font-size:14px;line-height:1.4;display:grid}.checklist li:before{content:"";border:2px solid var(--border);border-radius:6px;width:18px;height:18px;margin-top:1px}.checklist li.is-ok:before{content:"✓";border-color:var(--ok);background:var(--ok);color:#fff;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.textarea{resize:vertical;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);width:100%;min-height:140px;padding:14px 16px;font-size:16px;line-height:1.45}.textarea:focus{border-color:var(--accent);outline:none}.warn{border-radius:var(--radius-sm);background:var(--miss-bg);color:var(--text);padding:12px 14px;font-size:14px;line-height:1.45}.warn strong{color:var(--miss)}.answer{white-space:pre-wrap;font-size:15px;line-height:1.5}.thinking{color:var(--muted);align-items:center;gap:10px;font-weight:600;display:flex}.dots{gap:4px;display:inline-flex}.dots i{background:var(--grad);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite blink}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.score{flex-wrap:wrap;gap:6px;display:flex}.better{background:var(--highlight);border-radius:var(--radius-sm);padding:14px 16px;font-size:15px;line-height:1.45}.done-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 0 8px;display:flex}.done-hero__icon{font-size:64px;line-height:1;animation:.5s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--surface);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stat__value{font-size:24px;font-weight:800}.saved{flex-direction:column;gap:10px;display:flex}.saved__text{white-space:pre-wrap;font-size:15px;line-height:1.45}.options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.option{border-radius:var(--radius-sm);background:var(--surface);border:0;min-height:56px;padding:10px;font-size:14px;font-weight:700}.option[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent) inset;background:var(--highlight)}.price-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.price-list li{border-radius:var(--radius-sm);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.price-list li span{flex-direction:column;gap:2px;display:flex}.price-list li.is-best{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad) border-box;border:2px solid #0000}.price-list b{white-space:nowrap;font-size:18px}.price-old{text-decoration:line-through}@media (width>=900px){.welcome{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;max-width:1080px;padding:48px 40px;display:grid}.welcome__collage{order:2}.welcome__cta{align-self:flex-start;padding-inline:40px}.screen{padding-top:32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.answers{flex-direction:column;gap:10px;display:flex}.answer-btn{border-radius:var(--radius-sm);background:var(--surface);text-align:left;border:0;min-height:56px;padding:14px 16px;font-size:16px;font-weight:600;line-height:1.35;transition:box-shadow .15s}.answer-btn:hover{box-shadow:0 0 0 2px var(--accent) inset}.ladder{opacity:.6;align-items:center;gap:12px;display:flex}.ladder.is-passed,.ladder.is-here{opacity:1}.ladder__mark{background:var(--surface-2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.ladder.is-passed .ladder__mark{background:var(--ok);color:#fff}.ladder.is-here .ladder__mark{background:var(--grad);color:var(--accent-text)}.check{background:0 0;border:0;align-items:flex-start;gap:12px;width:100%;padding:0;font-size:15px;line-height:1.4;display:flex}.check__box{border:2px solid var(--border);border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:flex}.check[aria-pressed=true] .check__box{background:var(--ok);border-color:var(--ok);color:#fff}.level-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.level-head .h2{font-size:18px}.status--skip{border:1.5px dashed var(--border);background:0 0}.status--gate{background:var(--highlight);color:var(--text)}.lesson-row--muted .lesson-row__title{color:var(--muted)}.help-fab{right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:6;position:fixed}.chat{padding-bottom:12px}.chat__lines{flex-direction:column;flex:1;gap:12px;display:flex}.bubble{white-space:pre-wrap;border-radius:18px;max-width:88%;margin:0;padding:12px 14px;line-height:1.45}.bubble--assistant{background:var(--surface);border-top-left-radius:4px;align-self:flex-start}.bubble--user{background:var(--grad);color:var(--accent-text);border-top-right-radius:4px;align-self:flex-end;font-weight:500}.suggest{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{border:1.5px solid var(--border);background:var(--surface);text-align:left;border-radius:999px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:600}.chat__composer{padding:10px 0 calc(4px + env(safe-area-inset-bottom,0px));background:var(--bg);position:sticky;bottom:0}.input{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);flex:1;min-width:0;height:50px;padding:0 14px;font-size:16px}.input:focus{border-color:var(--accent);outline:none}.icon-btn--accent{border-radius:var(--radius);background:var(--grad);width:50px;height:50px;color:var(--accent-text)}.icon-btn[disabled]{opacity:.45}.test-card{text-align:left;box-shadow:0 0 0 2px var(--border) inset;border:0;font-size:15px}.check__hint{padding-left:38px;line-height:1.45}.promo-ok{border-radius:var(--radius-sm);background:var(--ok-bg);color:var(--ok);margin:0;padding:12px 14px;font-weight:700}.puf{flex-shrink:0;display:block}.intro{touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow-x:clip}.intro__bars{gap:6px;display:flex}.intro__bars i{background:var(--surface-2);border-radius:2px;flex:1;height:4px}.intro__bars i.is-on{background:var(--grad)}.intro__card{flex-direction:column;flex:1;gap:14px;animation:.35s intro-in;display:flex}.intro__art{justify-content:center;align-self:center;align-items:flex-end;min-height:200px;display:flex}.intro__growth{align-items:flex-end;display:flex}@keyframes intro-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.puf-line{align-items:center;gap:12px;display:flex}.bot-line{align-items:flex-end;gap:6px;display:flex}.bot-line .bubble{max-width:calc(88% - 58px)}.done-hero__icon .puf{margin:0 auto}.level-done{animation:.5s cubic-bezier(.2,1.6,.4,1) pop}.sync-code{letter-spacing:.06em;background:var(--highlight);border-radius:12px;padding:8px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:20px;font-weight:700}.howto{flex-direction:column;gap:8px;margin:0;padding-left:22px;font-size:15px;line-height:1.45;display:flex}.resources{flex-wrap:wrap;gap:8px;display:flex}.paid-note{border-radius:var(--radius-sm);background:var(--highlight);color:var(--text);padding:12px 14px;font-size:14px;line-height:1.45}[data-mode=dark] .paid-note{background:#c4b5fd24}.textarea--short{min-height:96px}.shot{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.shot img{border-radius:var(--radius-sm);border:2px solid var(--border);max-width:100%;max-height:260px}.foot-row{gap:8px;display:flex}.foot-row>.btn:first-child:not(.btn--block){flex:0 0 56px;font-size:20px}.link-btn[disabled]{opacity:.7;text-decoration:none}.lesson-video{object-fit:contain;border-radius:var(--radius);background:#e3e1f1;width:100%;max-height:72dvh;display:block}.finale{position:relative;overflow:hidden}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{opacity:0;border-radius:2px;width:8px;height:14px;animation:linear 2 confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(520px)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.price-list li:has(.price-pick){padding:0}.price-pick{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.price-pick>span{flex:1}.price-radio{border:2px solid var(--border);border-radius:50%;flex:0 0 22px;height:22px}.price-list li.is-selected{background:linear-gradient(var(--highlight), var(--highlight)) padding-box, var(--grad) border-box;border:2px solid #0000}[data-mode=dark] .price-list li.is-selected{background:linear-gradient(#2a2440, #2a2440) padding-box, var(--grad) border-box}.price-list li.is-selected .price-radio{border:7px solid var(--accent)}.btn--primary{background:linear-gradient(180deg, #fff9, #fff0 55%), var(--grad);box-shadow:inset 0 2px 1px #ffffffe6,inset 0 -4px 8px #5a46c840,0 8px 18px #7c6cf059}.btn--soft,.option{background:linear-gradient(180deg, var(--surface), var(--surface-2));box-shadow:inset 0 2px 1px #ffffffb3,inset 0 -3px 6px #7864c81f,0 6px 14px #503ca01f}.price-list li:has(.price-pick){background:linear-gradient(180deg, var(--surface), var(--surface-2));box-shadow:inset 0 2px 1px #ffffffb3,inset 0 -3px 6px #7864c81f,0 6px 14px #503ca01f}[data-mode=dark] .btn--soft,[data-mode=dark] .option{box-shadow:inset 0 1px #ffffff14,inset 0 -3px 6px #00000040,0 6px 14px #0000004d}.btn--primary:active,.btn--soft:active,.option:active{transform:scale(.98);box-shadow:inset 0 3px 8px #5a46c840}.btn[disabled]{box-shadow:none}.option--theme{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:6px;padding:10px 6px 12px;display:flex}.option--theme small{font-size:11.5px;font-weight:500;line-height:1.3}.mini{border:2px solid #2a2547;border-radius:10px;flex-direction:column;gap:5px;width:54px;height:78px;padding:7px 5px;display:flex}.mini i{border-radius:4px;height:7px;display:block}.mini .mini__g{background:var(--grad);height:10px;margin-top:auto}.mini--light{background:#f3f1fa}.mini--light i:not(.mini__g){background:#fff}.mini--dark{background:#17142a}.mini--dark i:not(.mini__g){background:#2a2545}.mini--auto{background:linear-gradient(90deg,#f3f1fa 50%,#17142a 50%)}.mini--auto i:not(.mini__g){background:linear-gradient(90deg,#fff 50%,#2a2545 50%)}.video-peek summary{cursor:pointer;color:var(--text);padding:6px 0;font-weight:700}.video-peek[open] summary{margin-bottom:8px}.video-mark{color:var(--accent-strong,#7c6cf0);font-weight:700}.intro__video{aspect-ratio:1;background:#ece8fb;border-radius:24px;width:min(100%,340px);box-shadow:0 14px 34px #503ca02e}.paid-zone{background:linear-gradient(160deg,#a5b4fc40,#d8b4fe40);border-radius:24px;flex-direction:column;gap:18px;padding:12px;display:flex}.paid-zone__head{color:#5b4fd6;padding:2px 4px 0;font-size:14px;font-weight:800}[data-mode=dark] .paid-zone__head{color:#c4b5fd}:root{--bg:#e9ebf0;--neu-dark:#c3c8d2;--neu-light:#fff;--raised:7px 7px 16px var(--neu-dark), -7px -7px 16px var(--neu-light), inset 0 0 0 1px #ffffffb3;--raised-sm:5px 5px 11px var(--neu-dark), -5px -5px 11px var(--neu-light), inset 0 0 0 1px #ffffffb3;--pressed:inset 4px 4px 10px var(--neu-dark), inset -4px -4px 10px var(--neu-light)}[data-mode=dark]{--bg:#17171b;--neu-dark:#050506;--neu-light:#2a2a31}.card,.lesson-row,.price-list li,.bubble--assistant,.intro__video{background:var(--bg);box-shadow:var(--raised)}.lesson-row{border-radius:20px;margin-bottom:4px}.card{border-radius:22px}.card--accent{background:linear-gradient(var(--bg), var(--bg)) padding-box, var(--grad) border-box;box-shadow:var(--raised);border:2px solid #0000}.btn--soft,.option,.chip-btn,.icon-btn,.tabbar__item,.price-pick{background:var(--bg);box-shadow:var(--raised-sm);border:0;transition:box-shadow .12s,transform 80ms}.btn--soft:active,.option:active,.chip-btn:active,.icon-btn:active,.lesson-row:active{box-shadow:var(--pressed);transform:none}.option[aria-pressed=true],.tabbar__item[aria-current=page]{box-shadow:var(--pressed);background:var(--bg)}.tabbar{background:var(--bg);box-shadow:0 -6px 14px var(--neu-dark);border-top:0;gap:8px;padding-top:10px;padding-left:10px;padding-right:10px}.tabbar__item{border-radius:14px;justify-content:center;min-height:54px;padding:7px 0 6px}.textarea,.input,.material,.bar,.emoji-badge,.check__box,.mini{background:var(--bg);box-shadow:var(--pressed);border:0}.textarea:focus,.input:focus{box-shadow:var(--pressed), 0 0 0 2px var(--accent)}.bar{border-radius:6px;height:10px}.status{background:var(--bg);box-shadow:var(--raised-sm)}.status--free{background:var(--grad);color:#1a1a1a}.lesson-row--paid,.paid-zone .lesson-row{background:var(--bg)}.btn--primary{background:radial-gradient(120% 90% at 50% 0,#ffffff8c,#fff0 60%),linear-gradient(#bfc8ff 0%,#c3b2fd 55%,#c9a3f9 100%);margin-bottom:6px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 6px #9384e2,0 12px 20px #8b7cf661,inset 0 3px 2px #ffffffd9,inset 0 -8px 14px #6950cd59}.btn--primary:active{transform:translateY(5px);box-shadow:0 1px #9384e2,0 3px 8px #8b7cf64d,inset 0 2px 2px #fff9,inset 0 -3px 8px #6950cd59}.foot-row>.btn--soft:first-child{background:radial-gradient(120% 90% at 50% 0,#fff,#f1f2f5 70%);margin-bottom:6px;box-shadow:0 6px #c3c8d2,0 10px 16px #00000017,inset 0 2px 1px #fff,inset 0 -5px 10px #0000000f}.foot-row>.btn--soft:first-child:active{transform:translateY(5px);box-shadow:0 1px #d6d9df,inset 0 -2px 6px #0000000f}[data-mode=dark] .btn--primary{box-shadow:0 6px #6d5fc4,0 10px 18px #0006,inset 0 3px 2px #ffffff8c,inset 0 -8px 14px #503caa73}[data-mode=dark] .btn--primary:active{box-shadow:0 1px #6d5fc4,inset 0 -3px 8px #503caa73}[data-mode=dark] .foot-row>.btn--soft:first-child{background:var(--surface-2);box-shadow:0 6px #0c0c0e,inset 0 1px #ffffff14,inset 0 -5px 10px #0000004d}.btn--primary[disabled]{transform:none;box-shadow:0 6px #c9c3ea,inset 0 3px 2px #fff9}.home-side,.home-main{flex-direction:column;gap:20px;display:flex}.sidebar,.next-card__cover,.next-card__ask{display:none}@media (width>=1024px){:root,[data-mode=light]{--bg:#f3f4f6;--mono-icon:grayscale(1) sepia(1) saturate(2.6) hue-rotate(208deg) brightness(.95)}[data-mode=dark]{--mono-icon:grayscale(1) sepia(1) saturate(2.6) hue-rotate(208deg) brightness(1.25)}.tabbar{display:none}.webbar{z-index:10;background:#fff;border-bottom:1px solid #eceef1;align-items:center;gap:24px;height:72px;padding:0 max(40px,50vw - 640px);display:flex;position:sticky;top:0}[data-mode=dark] .webbar{background:#18181c;border-color:#26262c}.webbar__brand{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font:800 22px Onest,sans-serif;display:flex}.webbar .logo,.web .logo{box-shadow:none}.webbar__brand,.webbar__link,.webbar__cta{white-space:nowrap;flex:none}.webbar__nav{align-items:center;gap:6px;margin-left:auto;display:flex}.webbar__link{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 14px;font:500 16px Onest,sans-serif}.webbar__link:hover{background:#f3f4f6}.webbar__link[aria-current=page]{background:#f3f4f6;font-weight:700}[data-mode=dark] .webbar__link:hover,[data-mode=dark] .webbar__link[aria-current=page]{background:#26262c}.webbar__cta{color:#fff;cursor:pointer;background:#1a1a1a;border:0;border-radius:10px;margin-left:10px;padding:11px 18px;font:700 15px Onest,sans-serif}[data-mode=dark] .webbar__cta{color:#1a1a1a;background:#fff}.web{background:var(--bg);min-height:100vh}.web__main{flex-direction:column;gap:48px;max-width:1280px;margin:0 auto;padding:22px 40px 56px;display:flex}.web-hero{text-align:center;background:radial-gradient(45% 80% at 10% 55%,#a5b4fc80,#0000 70%),radial-gradient(45% 80% at 90% 55%,#d8b4fe8c,#0000 70%),#f8f6ff;border-radius:32px;padding:52px 260px 44px;position:relative;overflow:hidden}[data-mode=dark] .web-hero{background:radial-gradient(45% 80% at 10% 55%,#a5b4fc2e,#0000 70%),radial-gradient(45% 80% at 90% 55%,#d8b4fe2e,#0000 70%),#1c1b24}.web-hero>.puf{position:absolute;bottom:18px}.web-hero>.puf:first-of-type{left:40px}.web-hero>.puf:nth-of-type(2){right:40px}.web-hero__tags{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:16px;font-size:15px;display:flex}.web-hero h1{letter-spacing:-.5px;max-width:680px;margin:0 auto 24px;font-size:42px;font-weight:500;line-height:1.15}.web-hero__lead{max-width:640px;color:var(--muted);margin:-8px auto 26px;font-size:18px;line-height:1.5}.web-hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.web-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:0;border-radius:12px;padding:15px 24px;font:700 16px Onest,sans-serif}.web-btn--dark{color:#fff;background:#1a1a1a}.web-search{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border-radius:22px;flex-direction:column;gap:10px;max-width:600px;margin:0 auto;padding:14px;display:flex}[data-mode=dark] .web-search{background:#282830bf}.web-search__in{color:var(--text);box-shadow:none;background:#fff;border:0;border-radius:12px;outline:none;padding:14px 16px;font:400 16px Onest,sans-serif}[data-mode=dark] .web-search__in{background:#1e1e22}.web-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.web-chip{color:var(--text);cursor:pointer;background:#fff;border:0;border-radius:12px;padding:10px 16px;font:500 15px Onest,sans-serif}[data-mode=dark] .web-chip{background:#1e1e22}.web-chip[aria-selected=true]{background:var(--grad);color:#1a1a1a;font-weight:700}.web-search__go{color:var(--text);cursor:pointer;background:#fff;border:0;border-radius:12px;padding:14px;font:700 16px Onest,sans-serif}[data-mode=dark] .web-search__go{background:#1e1e22}.web-search__go:hover,.web-chip:hover,.web-btn:hover{filter:brightness(.97)}.web-cat h2,.web-intro-video h2{text-align:center;letter-spacing:-.5px;margin:0 0 8px;font-size:36px;font-weight:500}.web-cat__sub{text-align:center;color:var(--muted);margin:0 0 18px}.web-cat__empty{text-align:center;color:var(--muted)}.web-tabs{justify-content:center;gap:6px;margin-bottom:28px;display:flex}.web-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 18px;font:500 15px Onest,sans-serif}.web-tab[aria-pressed=true]{color:var(--text);background:#fff;font-weight:700}[data-mode=dark] .web-tab[aria-pressed=true]{background:#26262c}.web-grid,.web-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.web-steps{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;margin:0 auto}.web-card,.web-step{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:2px;padding:0;font-family:Onest,sans-serif;display:flex}.web-step{cursor:default}.web-card:hover .web-card__pic{transform:translateY(-3px)}.web-card__pic{aspect-ratio:1;background:#eef0ff;border-radius:20px;place-items:center;transition:transform .15s;display:grid;position:relative}.web-card__pic--b{background:#f3eeff}.web-card__pic--c{background:#f8eefe}[data-mode=dark] .web-card__pic{background:#24233a}.web-step .web-card__pic{aspect-ratio:16/9}.web-card__emoji{filter:var(--mono-icon);font-size:72px;line-height:1}.web-card__st{color:var(--text);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}[data-mode=dark] .web-card__st{background:#1e1e22}.web-card__st.status--free{background:var(--grad);color:#1a1a1a}.web-card__st.status--done{color:#1d7a45}.web-card__lvl{color:var(--muted);margin-top:10px;font-size:13px}.web-card__t{font-size:17px;font-weight:600;line-height:1.3}.web-card__s{color:var(--muted);font-size:14px}.web-intro-video{flex-direction:column;align-items:center;gap:18px;display:flex}.web-intro-video video{aspect-ratio:1;background:#ece8fb;border-radius:28px;width:min(100%,560px)}.web-promo{text-align:center;background:var(--grad);color:#1a1a1a;border-radius:200px;width:100%;max-width:980px;margin:0 auto;padding:46px 80px}.web-promo__t{font-size:32px;font-weight:600}.web-promo p{color:#3a3550;max-width:640px;margin:12px auto 22px;font-size:17px}.web-promo__b{color:#fff;cursor:pointer;background:#1a1a1a;border:0;border-radius:10px;padding:14px 24px;font:700 16px Onest,sans-serif}.web-foot{text-align:center;color:var(--muted);margin:0;font-size:14px}.screen--tabs{max-width:880px;padding:104px 40px 64px;font-size:17px}.screen--tabs>.webbar{position:fixed;top:0;left:0;right:0}.screen--tabs .topbar{display:none}.screen .card,.screen .lesson-row,.screen .status,.screen .emoji-badge,.screen .btn--soft,.screen .option,.screen .chip-btn,.screen .icon-btn,.screen .price-list li,.screen .textarea,.screen .input,.screen .material,.screen .bar,.screen .check__box,.screen .answer-btn,.screen .bubble--assistant,.foot-row>.btn--soft:first-child{box-shadow:none}.screen .card,.screen .price-list li,.screen .answer-btn,.screen .bubble--assistant,.screen .lesson-row{background:#fff;border-radius:20px}.screen .textarea,.screen .input{background:#fff;border:2px solid #e3e5ea}.screen .material,.screen .emoji-badge,.screen .bar{background:#eef0ff}.screen .emoji-badge{filter:none}.screen .emoji-badge,.web-hero__tags,.screen .lesson-row .emoji-badge{filter:var(--mono-icon)}.screen .check__box{background:#fff;border:2px solid #d5d8de}[data-mode=dark] .screen .card,[data-mode=dark] .screen .price-list li,[data-mode=dark] .screen .answer-btn,[data-mode=dark] .screen .textarea,[data-mode=dark] .screen .input,[data-mode=dark] .screen .bubble--assistant,[data-mode=dark] .screen .lesson-row{background:#1e1e22;border-color:#2f2f35}.screen .btn--soft,.screen .option,.screen .chip-btn,.screen .icon-btn,.foot-row>.btn--soft:first-child{background:#ecedf0;border-radius:12px;margin-bottom:0}[data-mode=dark] .screen .btn--soft,[data-mode=dark] .screen .option,[data-mode=dark] .screen .icon-btn{background:#2a2a30}.screen .option[aria-pressed=true]{background:var(--grad);color:#1a1a1a}.screen .btn--primary{color:#fff;box-shadow:none;background:#1a1a1a;border-radius:12px;min-height:58px;margin-bottom:0;font-size:17px}[data-mode=dark] .screen .btn--primary{color:#1a1a1a;background:#fff}.screen .btn--primary:hover{filter:brightness(1.15)}.screen .btn--primary:active{box-shadow:none;transform:scale(.98)}.screen .btn--primary[disabled]{box-shadow:none;background:#c9cbd1}.lesson-foot{background:linear-gradient(to bottom, transparent, var(--bg) 30%)}.screen:not(.screen--tabs){max-width:820px;padding-top:36px;font-size:18px}.screen:not(.screen--tabs) .lead{font-size:19px}.lesson-video{max-height:62vh}}@media (width<=1279px) and (width>=1024px){.web-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.web-hero{padding-left:200px;padding-right:200px}.web-hero>.puf{width:150px;height:150px}}@media (width>=1024px){.webbar__cta,.web-btn--dark,.web-promo__b,.screen .btn--primary,.web-chip[aria-selected=true],.screen .option[aria-pressed=true],.webbar__link[aria-current=page]{color:#1a1a1a;background:radial-gradient(120% 90% at 50% 0,#ffffff8c,#fff0 60%),linear-gradient(#bfc8ff 0%,#c3b2fd 55%,#c9a3f9 100%);margin-bottom:5px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #9384e2,0 10px 18px #8b7cf64d,inset 0 2px 1px #ffffffd9,inset 0 -6px 12px #6950cd4d}.web-promo__b{background:linear-gradient(#fff,#f0f1f4);box-shadow:0 5px #9384e2,0 10px 18px #5b4fd633,inset 0 1px #fff}.webbar__link,.web-btn:not(.web-btn--dark),.web-chip,.web-search__go,.web-tab,.screen .btn--soft,.screen .option,.screen .icon-btn,.screen .chip-btn,.screen .answer-btn,.screen .link-btn.as-key,.foot-row>.btn--soft:first-child{color:var(--text);background:linear-gradient(#fff,#f0f1f4);margin-bottom:4px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #d3d6dd,0 7px 12px #0000000f,inset 0 1px #fff}.web-chip[aria-selected=true],.screen .option[aria-pressed=true],.webbar__link[aria-current=page]{background:radial-gradient(120% 90% at 50% 0,#ffffff8c,#fff0 60%),linear-gradient(#bfc8ff 0%,#c3b2fd 55%,#c9a3f9 100%);box-shadow:0 4px #9384e2,0 7px 12px #8b7cf640,inset 0 2px 1px #ffffffd9}.web-tab[aria-pressed=true]{background:radial-gradient(120% 90% at 50% 0,#ffffff8c,#fff0 60%),linear-gradient(#bfc8ff 0%,#c3b2fd 55%,#c9a3f9 100%);box-shadow:0 4px #9384e2,inset 0 2px 1px #ffffffd9}.webbar__link:hover,.web-chip:hover,.web-tab:hover{filter:brightness(1.02)}.webbar__cta:active,.web-btn:active,.web-promo__b:active,.web-chip:active,.web-search__go:active,.web-tab:active,.webbar__link:active,.screen .btn--primary:active,.screen .btn--soft:active,.screen .option:active,.screen .icon-btn:active,.screen .chip-btn:active,.screen .answer-btn:active,.foot-row>.btn--soft:first-child:active{transform:translateY(4px);box-shadow:0 1px #c3c8d2}.webbar__cta:active,.web-btn--dark:active,.screen .btn--primary:active{box-shadow:0 1px #9384e2,inset 0 -3px 8px #6950cd4d}.screen .btn--primary[disabled]{color:#8c88a3;background:linear-gradient(#e3e0f3,#d9d5ee);transform:none;box-shadow:0 5px #c4bfe0}.web-card__pic{box-shadow:0 6px #9384e238,0 12px 22px #5b4fd614,inset 0 1px #fff}.web-card:active .web-card__pic{transform:translateY(4px);box-shadow:0 2px #9384e238}.screen .card,.screen .lesson-row,.screen .price-list li{box-shadow:0 4px #e2e4ea,0 10px 20px #0000000a}[data-mode=dark] .webbar__link,[data-mode=dark] .web-btn:not(.web-btn--dark),[data-mode=dark] .web-chip,[data-mode=dark] .web-search__go,[data-mode=dark] .web-tab,[data-mode=dark] .screen .btn--soft,[data-mode=dark] .screen .option,[data-mode=dark] .screen .icon-btn,[data-mode=dark] .screen .answer-btn,[data-mode=dark] .foot-row>.btn--soft:first-child{color:var(--text);background:linear-gradient(#2e2e35,#232328);box-shadow:0 4px #0c0c0e,inset 0 1px #ffffff14}[data-mode=dark] .screen .card,[data-mode=dark] .screen .lesson-row{box-shadow:0 4px #0c0c0e}}.lesson-pane{display:contents}@media (width>=1024px){.screen.screen--lesson{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 40px;max-width:1240px;height:100dvh;min-height:0;padding:24px 40px;display:grid}.screen--lesson .lesson-top{grid-column:1/-1}.screen--lesson .lesson-body{display:contents}.screen--lesson .lesson-pane:first-child{grid-area:2/1/4}.screen--lesson .lesson-pane+.lesson-pane{grid-area:2/2}.screen--lesson .lesson-pane{scrollbar-width:thin;flex-direction:column;gap:16px;min-height:0;margin:-6px -8px 0;padding:6px 8px 12px;display:flex;overflow-y:auto}.screen--lesson .lesson-foot{background:0 0;grid-area:3/2;padding:0;position:static}.screen.screen--lesson,.screen.screen--lesson .lead{font-size:17px}.screen--lesson .lesson-pane{padding-bottom:28px;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.screen--lesson .lesson-video{max-height:46vh}.screen--lesson .material{max-height:max(180px,26vh);overflow-y:auto}.screen--cp .lesson-pane>.emoji-badge--big{display:none}.screen--cp .cp-links{flex-flow:wrap}.screen--cp .cp-links>.btn{white-space:nowrap;flex:auto}.web-card__pic--a{background:linear-gradient(155deg,#dde9ff,#b4ccff);box-shadow:0 6px #98b2ee,0 12px 22px #466edc24,inset 0 1px #fffc}.web-card__pic--b{background:linear-gradient(155deg,#ffe4f3,#f6bddd);box-shadow:0 6px #e19fc4,0 12px 22px #dc5aa021,inset 0 1px #fffc}.web-card__pic--c{background:linear-gradient(155deg,#ece4ff,#c8b6fb);box-shadow:0 6px #a693ea,0 12px 22px #6e50dc26,inset 0 1px #fffc}.web-card:active .web-card__pic--a{box-shadow:0 2px #98b2ee}.web-card:active .web-card__pic--b{box-shadow:0 2px #e19fc4}.web-card:active .web-card__pic--c{box-shadow:0 2px #a693ea}.web-card__emoji{filter:var(--mono-icon) brightness(.82) drop-shadow(0 6px 8px #3c288c38)}[data-mode=dark] .web-card__pic--a{background:linear-gradient(155deg,#26304a,#1f2740);box-shadow:0 6px #10141f}[data-mode=dark] .web-card__pic--b{background:linear-gradient(155deg,#3a2639,#2e1f30);box-shadow:0 6px #170f17}[data-mode=dark] .web-card__pic--c{background:linear-gradient(155deg,#2f2950,#262142);box-shadow:0 6px #120f20}[data-mode=dark] .web-card__emoji{filter:var(--mono-icon) drop-shadow(0 6px 8px #00000059)}}@media (width<=1023px){:root{--mono-icon:grayscale(1) sepia(1) saturate(2.6) hue-rotate(186deg) brightness(.95)}[data-mode=dark]{--mono-icon:grayscale(1) sepia(1) saturate(2.6) hue-rotate(186deg) brightness(1.25)}}.ico{filter:var(--mono-icon);display:inline-block}.ico--img{object-fit:cover;vertical-align:-.22em;filter:none;border-radius:50%;width:1.15em;height:1.15em;display:inline-block;box-shadow:0 0 0 1.5px #2a25471f}:is(.emoji-badge:has(.ico--img),.web-card__emoji:has(.ico--img)){filter:none!important}