:root{--ok:#22c55e;--ok-soft:#dcfce7;--ok-ink:#15803d;--bad:#ef4444;--bad-soft:#fee2e2;--bad-ink:#b91c1c;--rx-bg:#fffaf2;--rx-line:#f3d9b8}:root[data-theme=dark]{--ok-soft:#12301f;--ok-ink:#4ade80;--bad-soft:#3a1a1e;--bad-ink:#f87171;--rx-bg:#f9731612;--rx-line:#f973164d}.latin,.drug-lat,.opt.is-latin,.tile,.typein-input,.rx{font-style:italic}.ink{color:var(--ink)}.appbar-stats{align-items:center;gap:12px;margin-right:2px;display:flex}.stat{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:4px;font-size:16px;font-weight:900;display:inline-flex}.stat svg{width:22px;height:22px;fill:var(--line);stroke:var(--lock-fg);stroke-width:1.5px}.stat-fire{color:var(--accent-ink)}.stat-fire svg{fill:var(--accent);stroke:var(--accent-btn)}.stat-xp{color:var(--gold-ink)}.stat-xp svg{fill:var(--gold);stroke:var(--gold-lip)}.lesson{background:var(--bg)}.lesson-top{z-index:10;background:var(--bg);align-items:center;gap:8px;width:100%;max-width:560px;margin:0 auto;padding:10px 14px 8px 12px;display:flex;position:sticky;top:0}.lesson-top .icon-btn{margin-left:0}.lesson-bar{background:var(--line);border-radius:99px;flex:1;height:16px;overflow:hidden}.lesson-bar i{background:var(--accent);border-radius:99px;height:100%;transition:width .35s;display:block;position:relative}.lesson-bar i:after{content:"";background:#fff6;border-radius:99px;height:4px;position:absolute;top:4px;left:8px;right:8px}.hearts{color:var(--heart);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;font-size:18px;font-weight:900;display:inline-flex}.hearts svg{fill:#ef4444;stroke:#dc2626;stroke-width:1.5px;width:24px;height:24px}.lesson-body{flex-direction:column;flex:1;gap:16px;width:100%;max-width:560px;margin:0 auto;padding:10px 16px 24px;display:flex}.ask{align-items:flex-end;gap:10px;display:flex}.ask img{flex:none;width:84px;height:auto}.lesson-q{border:2px solid var(--line);background:var(--card);border-radius:16px;flex:1;min-width:0;margin-bottom:22px;padding:12px 14px;font-size:18px;font-weight:800;line-height:1.3;position:relative}.lesson-q:before{content:"";background:var(--card);border-left:2px solid var(--line);border-bottom:2px solid var(--line);width:14px;height:14px;position:absolute;bottom:18px;left:-9px;transform:rotate(45deg)}.situation{border-radius:var(--r);background:var(--card);border:2px solid var(--line);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.situation b{font-size:16px;font-weight:800;line-height:1.35}.situation .muted{font-size:14px}.hint{color:var(--accent-ink);margin:0;font-size:14px;font-weight:800}.opts{flex-direction:column;gap:12px;display:flex}.opt{--opt-line:var(--line);text-align:left;background:var(--card);border:2px solid var(--opt-line);width:100%;min-height:58px;box-shadow:0 4px 0 var(--opt-line);border-radius:var(--r);flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;font-size:17px;font-weight:800;line-height:1.3;transition:transform 60ms,box-shadow 60ms,background-color .15s;display:flex}.opt:active:not(:disabled){box-shadow:0 1px 0 var(--opt-line);transform:translateY(3px)}.opt:disabled{cursor:default}.opt-sub{color:var(--muted);font-size:14px;font-style:italic;font-weight:600}.opt.is-sel{--opt-line:var(--sky);background:var(--sky-soft);color:var(--sky-ink)}.opt.is-right{--opt-line:var(--ok);background:var(--ok-soft);color:var(--ok-ink)}.opt.is-wrong{--opt-line:var(--bad);background:var(--bad-soft);color:var(--bad-ink)}.opt.is-dim{opacity:.5}.statement{border-radius:var(--r);background:var(--card);border:2px solid var(--line);padding:18px 16px;font-size:18px;font-weight:800;line-height:1.35}.tf{grid-template-columns:1fr 1fr;gap:12px;display:grid}.opt-tf{flex-direction:row;justify-content:center;align-items:center;gap:8px}.opt-tf svg{stroke-width:3px;width:22px;height:22px}.typein{flex-direction:column;gap:8px;display:flex}.typein-prompt{color:var(--muted);font-size:14px;font-weight:800}.typein-input{width:100%;min-height:58px;font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:var(--r);box-shadow:0 4px 0 var(--line);outline:none;padding:14px 16px;font-size:19px;font-style:italic;font-weight:800}.typein-input:focus{border-color:var(--sky);box-shadow:0 4px 0 var(--sky)}.typein-input:disabled{opacity:.85}.rxpad{border-radius:var(--r);background:var(--rx-bg);border:2px dashed var(--rx-line);flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:120px;padding:12px;display:flex}.rxpad-rp{color:var(--bad);padding:7px 2px;font-weight:900}.bank{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tile{background:var(--card);border:2px solid var(--line);min-height:42px;box-shadow:0 3px 0 var(--line);border-radius:12px;padding:7px 12px;font-size:16px;font-weight:700}.tile:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.tile.is-used{visibility:hidden}.pairs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pairs-col{flex-direction:column;gap:12px;display:flex}.opt-pair{justify-content:center;min-height:64px;padding:10px 12px;font-size:14px}.opt.is-gone{opacity:.2;pointer-events:none}.rx{border-radius:var(--r-sm);background:var(--rx-bg);border:2px dashed var(--rx-line);color:var(--ink);padding:10px 12px;font-size:15px;line-height:1.55}.rx-line.is-cont{padding-left:2.6em}.rx-rp{color:var(--bad);font-style:normal}.rx-sig{font-size:14px;font-style:normal}.drug{color:var(--ink);flex-direction:column;gap:6px;display:flex}.drug-head b{font-size:16px;font-weight:900}.drug-head .drug-lat{color:var(--muted);font-size:14px;display:block}.drug-chip{background:var(--block);color:var(--slate);border-radius:8px;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:800}.muscle{flex-direction:column;gap:6px;margin:4px 0 0;font-size:14px;line-height:1.4;display:flex}.muscle dt{color:var(--muted);font-size:12px;font-weight:900}.muscle dd{margin:0}.lesson-foot{z-index:5;background:var(--bg);border-top:2px solid var(--line);padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px));position:sticky;bottom:0}.lesson-foot.is-ok{background:var(--ok-soft);border-color:#0000}.lesson-foot.is-bad{background:var(--bad-soft);border-color:#0000}.lesson-foot-in{flex-direction:column;gap:14px;max-width:528px;margin:0 auto;display:flex}.explain{flex-direction:column;gap:8px;max-height:42vh;animation:.18s both fade;display:flex;overflow-y:auto}.explain-head{align-items:center;gap:12px;display:flex}.explain-head img{flex:none;width:56px;height:auto}.explain h3{font-size:23px}.is-ok .explain h3{color:var(--ok-ink)}.is-bad .explain h3{color:var(--bad-ink)}.explain p{margin:0;font-size:15px}.is-ok .explain>p{color:var(--ok-ink)}.is-bad .explain>p{color:var(--bad-ink)}.sheet-backdrop{z-index:50;background:#0f172a80;justify-content:center;align-items:flex-end;animation:.15s both fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:560px;max-height:82vh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex}.sheet-head{justify-content:space-between;align-items:center;padding:12px 12px 4px 18px;display:flex}.sheet-head b{font-size:19px;font-weight:900}.sheet-body{flex-direction:column;gap:14px;padding:4px 18px 20px;display:flex;overflow-y:auto}.sheet-body>p{margin:0}.peek-sec{border-bottom:2px solid var(--line);flex-direction:column;gap:10px;padding-bottom:14px;display:flex}.peek-sec:last-child{border-bottom:0}.peek-sec h3{font-size:17px}.result{justify-content:flex-start;padding-top:36px}.result-art{place-items:center;width:210px;height:210px;display:grid;position:relative}.result-art:before{content:"";background:var(--accent-soft);border-radius:50%;position:absolute;inset:14px}.result-art img{width:auto;height:190px;position:relative}.result-title{color:var(--accent-btn);font-size:30px;line-height:1.15}:root[data-theme=dark] .result-title{color:#fb923c}.result-title.is-bad{color:var(--bad-ink)}.result-sub{font-size:16px;font-weight:700}.stats3{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:8px 0;display:grid}.stats3 div{--tile:#b45309;background:var(--tile);border:2px solid var(--tile);box-shadow:0 4px 0 var(--tile);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.stats3 span{letter-spacing:.06em;text-transform:uppercase;color:#fff;text-align:center;padding:4px 0 3px;font-size:12px;font-weight:900}.stats3 b{background:var(--card);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:12px 12px 0 0;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 4px;font-size:22px;font-weight:900;display:flex}.stats3 svg{flex:none;width:20px;height:20px}.stats3 .tile-gold{--tile:#b45309}.stats3 .tile-gold svg{color:var(--gold);stroke:var(--gold-lip)}.stats3 .tile-ok{--tile:#15803d}.stats3 .tile-ok svg{color:#16a34a;stroke-width:2.8px}.stats3 .tile-fire{--tile:#c2410c}.stats3 .tile-fire svg{color:var(--accent);stroke:var(--accent-btn)}.btn-3d{border:2px solid var(--line);border-radius:var(--r-sm);box-shadow:0 3px 0 var(--line);background:var(--card);color:var(--sky-ink);font:inherit;align-self:flex-start;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:14px;font-weight:900;display:inline-flex}.v3d-wait{z-index:60;color:#cbd5e1;font:inherit;text-align:center;background:#111827;border:0;place-items:center;padding:24px;font-size:15px;display:grid;position:fixed;inset:0}@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+460-52F,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+301,U+400-45F,U+490-491,U+4B0-4B1,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+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,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+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff;--card:#fff;--ink:#1f2937;--slate:#475569;--muted:#64748b;--line:#e5e7eb;--lip:#e5e7eb;--block:#f1f5f9;--lock-bg:#e5e7eb;--lock-lip:#c9ced6;--lock-fg:#8b95a3;--accent:#f97316;--accent-btn:#ea580c;--accent-lip:#c2410c;--accent-ink:#c2410c;--accent-soft:#fff1e6;--accent-line:#fdba74;--gold:#fbbf24;--gold-lip:#d97706;--gold-ink:#b45309;--sky:#0ea5e9;--sky-ink:#0369a1;--sky-soft:#e0f2fe;--success:#16a34a;--danger:#dc2626;--heart:#dc2626;--subj:var(--accent);--subj-lip:var(--accent-lip);--subj-deep:#c2410c;--subj-deep-lip:#9a3412;--r-sm:10px;--r:14px;--r-lg:20px;--font:"Nunito Variable", Nunito, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#111827;--card:#1a2332;--ink:#f1f5f9;--slate:#cbd5e1;--muted:#94a3b8;--line:#2c3a4d;--lip:#2c3a4d;--block:#1e293b;--lock-bg:#2c3a4d;--lock-lip:#1e293b;--lock-fg:#64748b;--accent-ink:#fb923c;--accent-soft:#f9731624;--accent-line:#9a3412;--gold-ink:#fbbf24;--sky-ink:#7dd3fc;--sky-soft:#0ea5e924;--heart:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.subj-orange{--subj:#f97316;--subj-lip:#c2410c;--subj-deep:#c2410c;--subj-deep-lip:#9a3412}.subj-teal{--subj:#14b8a6;--subj-lip:#0f766e;--subj-deep:#0f766e;--subj-deep-lip:#134e4a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;font-weight:600;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible{outline:3px solid var(--sky);outline-offset:2px}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:900}svg.fill{fill:currentColor}.page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.content{width:100%;max-width:560px;padding:16px 16px calc(40px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:24px;margin:0 auto;display:flex}.appbar{z-index:10;background:var(--bg);border-bottom:2px solid var(--line);position:sticky;top:0}.appbar-in{align-items:center;gap:10px;max-width:560px;height:58px;margin:0 auto;padding:0 12px 0 14px;display:flex}.appbar-brand{align-items:center;gap:10px;margin-right:auto;font-size:22px;font-weight:900;display:flex}.appbar-brand img{border-radius:10px;width:34px;height:34px}.appbar-title{white-space:nowrap;text-overflow:ellipsis;margin-right:auto;font-size:17px;font-weight:900;overflow:hidden}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:12px;flex:none;place-items:center;margin-left:-8px;display:grid}.icon-btn:active{background:var(--block)}.icon-btn svg{stroke-width:3px;width:26px;height:26px}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:900}.label-accent{color:var(--accent-ink)}.title-xl{font-size:28px;line-height:1.15}.title-l{font-size:24px;line-height:1.2}.title-m{font-size:20px;line-height:1.2}.muted{color:var(--muted)}.section{flex-direction:column;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head .count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:800}.pill{letter-spacing:.06em;border-radius:9px;place-items:center;height:28px;padding:0 10px;font-size:13px;font-weight:900;display:inline-grid}.pill-pro{background:var(--accent-btn);color:#fff;box-shadow:0 3px #9a3412}.pill-free{border:2px solid var(--line);color:var(--muted)}.step-over .pill{height:20px;box-shadow:none;vertical-align:1px;border-radius:6px;margin-left:6px;padding:0 6px;font-size:11px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--line);height:32px;color:var(--slate);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.chip svg{width:15px;height:15px}.tag{background:var(--accent-soft);color:var(--accent-ink);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:900;display:inline-flex}.meter{background:var(--line);border-radius:99px;height:10px;display:block;overflow:hidden}.meter i{background:var(--subj);border-radius:99px;height:100%;display:block}.btn{--btn-bg:var(--accent-btn);--btn-lip:var(--accent-lip);border-radius:var(--r);background:var(--btn-bg);min-height:54px;box-shadow:0 5px 0 var(--btn-lip);color:#fff;letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:18px;font-weight:900;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.btn:active{box-shadow:0 1px 0 var(--btn-lip);transform:translateY(4px)}.btn svg{stroke-width:3px;width:20px;height:20px}.btn-block{width:100%}.btn-sm{min-height:46px;padding:0 18px;font-size:16px}.btn-primary{--btn-bg:var(--accent-btn);--btn-lip:var(--accent-lip)}.btn-secondary{--btn-bg:var(--card);--btn-lip:var(--line);color:var(--sky-ink);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);font-size:16px}.btn-ok{--btn-bg:#16a34a;--btn-lip:#166534}.btn-bad{--btn-bg:#dc2626;--btn-lip:#991b1b}.btn:disabled{--btn-bg:var(--line);--btn-lip:var(--line);color:var(--muted);cursor:default;transform:none}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:0 5px 0 var(--lip)}.list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.row{text-align:left;background:var(--card);border:2px solid var(--line);width:100%;box-shadow:0 4px 0 var(--lip);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:transform 60ms,box-shadow 60ms;display:flex}.row:active{box-shadow:0 1px 0 var(--lip);transform:translateY(3px)}.row-tile{background:var(--block);width:42px;height:40px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:12px;flex:none;place-items:center;font-size:15px;font-weight:900;display:grid}.row-tile svg{stroke-width:2.6px;width:22px;height:22px}.row-tile.is-subj,.row-tile.is-done{background:var(--subj);box-shadow:0 3px 0 var(--subj-lip);color:#fff}.row-tile.is-done svg{stroke-width:3.5px}.row-tile.is-gold{background:var(--gold);box-shadow:0 3px 0 var(--gold-lip);color:#92400e}.row-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.row-title{font-size:16px;font-weight:900;line-height:1.25}.row-sub{color:var(--muted);font-size:13px;font-weight:700}.row-meter{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.row-meter .meter{flex:1;height:8px}.row-end{color:var(--muted);flex:none;align-items:center;gap:8px;display:flex}.row-end svg{stroke-width:3px;width:20px;height:20px}.row.is-locked .row-title{color:var(--slate)}.row.is-locked .row-tile{background:var(--lock-bg);box-shadow:0 3px 0 var(--lock-lip);color:var(--lock-fg)}.hero{min-height:160px;padding:18px;position:relative;overflow:hidden}.hero-mascot{width:138px;height:auto;position:absolute;bottom:-14px;right:-10px;transform:scaleX(-1)}.hero-text{flex-direction:column;align-items:flex-start;gap:4px;max-width:66%;display:flex;position:relative}.hero h1{font-size:25px;line-height:1.15}.hero p{color:var(--muted);margin:0;font-size:15px;font-weight:700}.hero .btn{margin-top:12px}.subjects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.subject{border-radius:var(--r-lg);border:2px solid var(--line);min-height:168px;box-shadow:0 5px 0 var(--lip);background:var(--card);color:var(--ink);text-align:left;flex-direction:column;transition:transform 60ms,box-shadow 60ms;display:flex;position:relative;overflow:hidden}button.subject:active{box-shadow:0 1px 0 var(--lip);transform:translateY(4px)}.subject-body{flex-direction:column;flex:1;justify-content:flex-end;gap:2px;padding:10px 14px 14px;display:flex}.subject-body b{font-size:17px;font-weight:900;line-height:1.2}.subject-sub{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:700}.subject.is-soon{box-shadow:none;color:var(--lock-fg);border-style:dashed}.subject.is-soon .subject-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--lock-fg);font-weight:900}.subject-icon{background:var(--line);border-radius:16px;place-items:center;width:52px;height:48px;margin:14px 14px 0;display:grid}button.subject .subject-icon{background:var(--subj);box-shadow:0 4px 0 var(--subj-lip);color:#fff}.subject-icon svg{stroke-width:2.6px;width:26px;height:26px}.promo{border-radius:var(--r-lg);background:var(--accent-soft);border:2px solid var(--accent-line);align-items:flex-start;gap:14px;padding:16px;display:flex}.promo-icon{background:var(--accent);width:40px;height:40px;box-shadow:0 3px 0 var(--accent-lip);color:#fff;border-radius:12px;flex:none;place-items:center;display:grid}.promo-icon svg{width:22px;height:22px}.promo b{margin-bottom:2px;font-size:16px;font-weight:900;display:block}.promo p{color:var(--slate);margin:0 0 10px;font-size:14px}.promo .link{color:var(--accent-ink);align-items:center;gap:4px;font-size:14px;font-weight:900;display:inline-flex}.promo .link svg{width:16px;height:16px}.cover{background:#0d1826;flex:none;height:260px;position:relative;overflow:hidden}.cover-img{object-fit:cover;width:100%;height:100%}.cover:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg));height:110px;position:absolute;bottom:0;left:0;right:0}.cover-back{z-index:1;color:#fff;background:#0d1826b3;border:2px solid #ffffff2e;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;left:12px}.cover-back svg{stroke-width:3px;width:24px;height:24px}.subject-content{margin-top:-44px;padding-top:0;position:relative}.subject-title{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.subject-title .label{letter-spacing:.24em}.subject-title h1{font-size:40px;line-height:1.05}.subject-progress{color:var(--muted);align-items:center;gap:10px;margin-top:8px;font-size:14px;font-weight:800;display:flex}.subject-progress .meter{width:120px}.banner{background:var(--subj-deep);min-height:92px;box-shadow:0 5px 0 var(--subj-deep-lip);color:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px 104px 14px 18px;display:flex;position:relative;overflow:hidden}.banner-text{flex-direction:column;gap:2px;min-width:0;display:flex}.banner-over{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;font-size:13px;font-weight:900}.banner h1{font-size:22px;line-height:1.2}.banner-mascot{width:92px;height:auto;position:absolute;bottom:-10px;right:6px}.path{flex-direction:column;gap:14px;margin:0;padding:4px 0 8px;list-style:none;display:flex}.step{--node:72px;text-align:left;align-items:center;gap:16px;width:100%;min-height:80px;display:flex}.step.is-right{padding-left:max(0px, calc(50% - var(--node) / 2 + var(--dx)))}.step.is-left{text-align:right;padding-right:max(0px, calc(50% - var(--node) / 2 - var(--dx)));flex-direction:row-reverse}.node{width:var(--node);border-radius:50%;flex:none;place-items:center;height:64px;font-size:22px;font-weight:900;transition:transform 60ms,box-shadow 60ms;display:grid;position:relative}.step:active .node{transform:translateY(5px)}.node svg{stroke-width:3px;width:30px;height:30px}.node.is-done{background:var(--subj);box-shadow:0 7px 0 var(--subj-lip);color:#fff}.node.is-done svg{stroke-width:3.6px}.node.is-now{background:var(--subj);box-shadow:0 7px 0 var(--subj-lip);color:#fff}.node.is-now:after{content:"";border:5px solid var(--subj);border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-11px -11px -18px}.node.is-open{background:var(--card);border:3px solid var(--subj);box-shadow:0 6px 0 var(--subj-lip);color:var(--subj-lip)}:root[data-theme=dark] .node.is-open{color:var(--subj)}.node.is-lock{background:var(--lock-bg);box-shadow:0 7px 0 var(--lock-lip);color:var(--lock-fg)}.node.is-lock svg{width:26px;height:26px}.node.is-gold{background:var(--gold);box-shadow:0 7px 0 var(--gold-lip);color:#92400e}.step-cap{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.step-over{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:900}.step[aria-current]{gap:26px}.step[aria-current] .step-over{color:var(--accent-ink)}.step-title{color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;font-weight:900;line-height:1.25;display:-webkit-box;overflow:hidden}.step-meta{color:var(--muted);font-size:13px;font-weight:700}@keyframes pulse{50%{opacity:.6;transform:scale(1.06)}}.unit-head{flex-direction:column;gap:10px;display:flex}.theory{flex-direction:column;gap:16px;display:flex}.theory-card{padding:18px 18px 20px}.theory-num{color:var(--accent-ink);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:13px;font-weight:900}.theory-card h2{margin:4px 0 10px;font-size:19px;line-height:1.3}.theory-rx{border-top:2px solid var(--line);flex-direction:column;gap:16px;margin-top:16px;padding-top:14px;display:flex}.prose{color:var(--ink);font-size:16px;line-height:1.6}.prose p{margin:0 0 12px}.prose p:last-child,.prose ul:last-child{margin-bottom:0}.prose b,.prose strong{font-weight:900}.prose ul{flex-direction:column;gap:8px;margin:0 0 12px;padding-left:0;list-style:none;display:flex}.prose li{padding-left:18px;position:relative}.prose li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.6em;left:2px}.prose .chain{border-radius:var(--r);background:var(--block);text-align:center;margin:14px 0 0;padding:12px 14px;font-size:15px;font-weight:800}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose td{border-top:2px solid var(--line);vertical-align:top;padding:10px 6px}.prose tr:first-child td{border-top:0}.prose td:first-child{width:48px;color:var(--accent-ink);white-space:nowrap;font-weight:900}.sticky-cta{margin:0 -16px calc(-40px - env(safe-area-inset-bottom,0px));padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--bg) 75%, transparent);flex-direction:column;align-items:center;gap:8px;display:flex;position:sticky;bottom:0}.sticky-cta small{color:var(--muted);font-size:12px;font-weight:700}.center{text-align:center;padding:32px 24px calc(32px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;max-width:440px;margin:0 auto;display:flex}.portrait{background:var(--accent-soft);border-radius:50%;place-items:center;width:152px;height:152px;margin-bottom:8px;display:grid;position:relative}.portrait img{width:76%;height:auto}.portrait-wrap{position:relative}.portrait-badge{background:var(--accent);color:#fff;width:46px;height:46px;box-shadow:0 4px 0 var(--accent-lip), 0 0 0 4px var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:2px}.portrait-badge svg{stroke-width:2.6px;width:22px;height:22px}.center p{color:var(--muted);margin:0}.perks{text-align:left;flex-direction:column;gap:10px;width:100%;margin:8px 0 12px;padding:0;list-style:none;display:flex}.perks li{align-items:center;gap:12px;font-size:15px;font-weight:800;display:flex}.perks .row-tile{background:var(--accent-soft);width:38px;height:36px;color:var(--accent-ink);border-radius:11px}.perks .row-tile svg{width:18px;height:18px}.perks .link{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:15px;font-weight:800;display:flex}.perks .link>svg:last-child{width:18px;height:18px;color:var(--muted);margin-left:auto}.actions{flex-direction:column;gap:14px;width:100%;margin-top:4px;display:flex}.splash{flex:1;place-items:center;display:grid}.splash-in{flex-direction:column;align-items:center;gap:16px;display:flex}.splash-mark{width:132px;animation:1.8s ease-in-out infinite bob;transform:scaleX(-1)}.splash-word{align-items:center;gap:10px;font-size:30px;font-weight:900;display:flex}.splash-word img{border-radius:10px;width:36px;height:36px}.splash-bar{background:var(--line);border-radius:99px;width:140px;height:12px;overflow:hidden}.splash-bar i{background:var(--accent);border-radius:99px;width:40%;height:100%;animation:1.1s ease-in-out infinite slide;display:block}.splash-tag{color:var(--muted);font-size:14px;font-weight:700}@keyframes bob{50%{translate:0 -6px}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.footnote{color:var(--muted);text-align:center;margin:0;font-size:12px;font-weight:600;line-height:1.5}.footnote-link{font-size:inherit;color:var(--accent-ink);text-underline-offset:2px;font-weight:800;text-decoration:underline}.fade-in{animation:.22s both fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=360px){.hero-text{max-width:74%}.hero-mascot{width:116px}.subjects{gap:10px}.step{--node:64px}}.avatar{background:var(--block);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;font-size:16px;font-weight:900;display:grid}.avatar-btn{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;margin-right:-4px;display:grid}.avatar-btn .avatar{border:2px solid var(--line)}.avatar-btn.is-pro .avatar{border-color:var(--accent-btn);box-shadow:0 0 0 2px var(--accent-soft)}.avatar-btn:active .avatar{transform:translateY(2px)}.avatar-l{border:3px solid var(--line);width:88px;height:88px;box-shadow:0 5px 0 var(--lip);font-size:38px}.avatar-l.is-pro{border-color:var(--accent-btn);box-shadow:0 5px 0 var(--accent-lip)}.profile-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.profile-head .title-l{margin-top:6px}.profile-head .pill{margin-top:4px}.stats3.stats-grid{grid-template-columns:repeat(2,1fr);margin:0}.stats3 .tile-sky{--tile:#0369a1}.stats3 .tile-sky svg{color:#0ea5e9;stroke-width:2.8px}.docs{flex-direction:column;gap:10px;display:flex}.docs-chevron svg{transition:transform .15s}.docs-chevron.is-open svg{transform:rotate(180deg)}.docs-list{flex-direction:column;gap:2px;margin:0;padding:0 6px;list-style:none;display:flex}.docs-list .link{width:100%;color:var(--sky-ink);text-align:left;justify-content:space-between;align-items:center;padding:10px 8px;font-size:15px;font-weight:800;display:flex}.docs-list .link svg{width:18px;height:18px;color:var(--muted)}