@font-face{font-family:Geologica;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/13d601e0732c7766-s.p.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geologica;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f54e13212b7871d5-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geologica;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/5ccbc299521a181a-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Geologica;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4fca260083159167-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geologica;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fe1772644044fc6c-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geologica;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f3fb4235d30510d6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geologica Fallback;src:local("Arial");ascent-override:90.18%;descent-override:25.43%;line-gap-override:0.00%;size-adjust:108.12%}.__className_cf02c9{font-family:Geologica,Geologica Fallback;font-style:normal}.__variable_cf02c9{--f-display:"Geologica","Geologica Fallback"}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/be4f912c06e1e110-s.p.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6961d055d00ff7ec-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/1dd116e7162c5f47-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-209f,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/25408a68d73c6c69-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ae,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f700-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f8d0-1f8d8,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fac6,u+1fac8,u+1facc-1fadd,u+1fadf-1faeb,u+1faef-1fafa,u+1fb??}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a2a4a14ada96f862-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c1b02c1a57568c67-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/cd87a8f174d93ac6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Onest Fallback;src:local("Arial");ascent-override:92.20%;descent-override:28.99%;line-gap-override:0.00%;size-adjust:105.20%}.__className_1c3dbf{font-family:Onest,Onest Fallback;font-style:normal}.__variable_1c3dbf{--f-body:"Onest","Onest Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.p.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_8302b4{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_8302b4{--f-mono:"JetBrains Mono","JetBrains Mono Fallback"}:root{--bg:#EDF1F8;--panel:#FFFFFF;--ink:#14203A;--muted:#5A6984;--line:#D5DDEA;--accent:#1D54C4;--accent-ink:#FFFFFF;--accent-soft:#DCE6FA;--ok:#1C8A55;--bad:#D03838;--bad-soft:#FBE2E2;--gold:#E0A100;--key:#F8FAFD;--key-edge:#C3CEE0;--z-pinky:#F3B9C8;--z-ring:#F5D58C;--z-middle:#A7DDB8;--z-index:#A8C7F5;--z-thumb:#D3D8E3;--font-display:var(--f-display),"Segoe UI",system-ui,sans-serif;--font-body:var(--f-body),"Segoe UI",system-ui,sans-serif;--font-mono:var(--f-mono),Consolas,"Courier New",monospace;--radius:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0C1323;--panel:#141E36;--ink:#E5EBF7;--muted:#93A1BD;--line:#24345A;--accent:#6B98F5;--accent-ink:#0C1323;--accent-soft:#1D2D55;--ok:#4FC48C;--bad:#FF6F6F;--bad-soft:#47202A;--gold:#F2C14E;--key:#1A2645;--key-edge:#0A0F1E;--z-pinky:#7B3A4E;--z-ring:#75602A;--z-middle:#2C6A45;--z-index:#2C4F8A;--z-thumb:#36425E;color-scheme:dark}}:root[data-theme=dark]{--bg:#0C1323;--panel:#141E36;--ink:#E5EBF7;--muted:#93A1BD;--line:#24345A;--accent:#6B98F5;--accent-ink:#0C1323;--accent-soft:#1D2D55;--ok:#4FC48C;--bad:#FF6F6F;--bad-soft:#47202A;--gold:#F2C14E;--key:#1A2645;--key-edge:#0A0F1E;--z-pinky:#7B3A4E;--z-ring:#75602A;--z-middle:#2C6A45;--z-index:#2C4F8A;--z-thumb:#36425E;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body,html{min-height:100%;margin:0;overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;text-wrap:balance}.authbox h1,.card h2,.card h3,.faq summary,.feat h3,.lhead h2,.paywall h3,.plan h3,.sectiontitle{font-family:var(--font-body);font-weight:600;letter-spacing:-.01em}.wrap{max-width:1240px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px))}main.page{padding-block:24px 48px}.site{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site .wrap{gap:18px;height:62px}.logo,.site .wrap{display:flex;align-items:center}.logo{gap:9px;text-decoration:none;color:var(--ink)}.logo .mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:16px;box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 60%,#000)}.logo b{font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.03em}.nav{gap:2px;flex:1 1;align-self:stretch}.nav,.nav a{display:flex}.nav a{position:relative;align-items:center;gap:7px;color:var(--muted);text-decoration:none;font-weight:500;padding:0 12px;white-space:nowrap;transition:color .15s}.nav a:hover{color:var(--ink)}.nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--accent);transform:scaleX(0);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.nav a:hover:after{transform:scaleX(1);background:var(--line)}.nav a.on{color:var(--ink)}.nav a.on:after{transform:scaleX(1);background:var(--accent)}.nav a:focus-visible{outline-offset:-6px;border-radius:12px}.nav-aux{display:flex;margin-left:auto}.nav-aux a{font-size:14px}.newtag{font-size:11px;font-weight:600;line-height:1;padding:3px 6px;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.who{display:flex;align-items:center;gap:8px}.pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.pill.gold{background:color-mix(in srgb,var(--gold) 20%,transparent);color:color-mix(in srgb,var(--gold) 70%,var(--ink))}.acct{position:relative}.acct-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 8px 0 4px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font-weight:500}.acct-btn:hover,.acct-btn[aria-expanded=true]{border-color:var(--accent)}.acct-btn .chev{color:var(--muted);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.acct-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:14px}.acct-name{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:232px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 14px 36px -8px color-mix(in srgb,#000 30%,transparent),0 2px 6px color-mix(in srgb,#000 8%,transparent);display:flex;flex-direction:column;z-index:50;transform-origin:top right;animation:menu-in .16s cubic-bezier(.2,.8,.2,1)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}@media (prefers-reduced-motion:reduce){.menu{animation:none}.acct-btn .chev,.nav a:after{transition:none}}.menu-h{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.menu-h b{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi{display:block;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-decoration:none;font-weight:500;font-size:14px}.mi:focus-visible,.mi:hover{background:var(--accent-soft)}.mi:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mi.accent,.mi.on{color:var(--accent)}.mi.accent{font-weight:600}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}.sm-only{display:none!important}.btn.burger{display:none;width:38px;height:38px;padding:0}@media (max-width:1100px){.nav{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;align-self:auto;background:var(--panel);border-bottom:1px solid var(--line);padding:8px 12px 12px;box-shadow:0 14px 30px -12px color-mix(in srgb,#000 30%,transparent)}.nav.open{display:flex}.nav a{padding:12px;border-radius:10px}.nav a:after{display:none}.nav a.on{background:var(--accent-soft);color:var(--accent)}.nav-aux{flex-direction:column;margin:6px 0 0;padding-top:6px;border-top:1px solid var(--line)}.nav-aux a{font-size:15px}.sm-only{display:flex!important}.nav-aux a.signup{color:var(--accent);font-weight:600}.btn.burger{display:inline-flex}.site .wrap{gap:10px}.who{margin-left:auto}.who .hide-sm{display:none}}@media (max-width:420px){.acct-name{display:none}.acct-btn{padding-right:6px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 14px;font-weight:500;text-decoration:none;color:var(--ink);white-space:nowrap}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.big{padding:13px 22px;font-size:16px;border-radius:12px}.btn.ghost{background:transparent;border-color:transparent}.theme-toggle{width:38px;height:38px;padding:0;border-radius:10px;color:var(--muted)}.theme-toggle:hover{color:var(--ink);background:var(--accent-soft)}.btn.danger{color:var(--bad)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.foot,.muted{color:var(--muted)}.foot{border-top:1px solid var(--line);margin-top:40px;padding:28px 0 40px;font-size:13px}.foot .wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.foot a{color:var(--muted)}.foot .sp{flex:1 1}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:500;color:var(--muted)}.input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:10px 12px;width:100%}.input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.form-err{color:var(--bad);font-size:14px;margin:4px 0 12px}.okmsg{color:var(--ok);font-size:14px;font-weight:500}.authbox{max-width:420px;margin:40px auto}.authbox h1{font-size:24px;margin:0 0 6px}.app{display:grid;grid-template-columns:270px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.app{grid-template-columns:minmax(0,1fr)}}.rail{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 100px);overflow:auto;position:-webkit-sticky;position:sticky;top:78px}@media (max-width:900px){.rail{position:static;max-height:none;flex-direction:row;overflow-x:auto;gap:8px}.rail .grp{display:none}.lesson{min-width:170px}}.grp{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;padding:10px 8px 4px}.lesson{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;text-align:left;border:0;background:transparent;border-radius:10px;padding:8px}.lesson:hover{background:var(--accent-soft)}.lesson.on{background:var(--accent);color:var(--accent-ink)}.lesson .n{font-family:var(--font-mono);font-size:12px;color:var(--muted);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lesson.on .n{color:inherit;opacity:.8}.lesson .t{font-weight:500;font-size:14px;line-height:1.25}.lesson .k{font-family:var(--font-mono);font-size:12px;opacity:.75;display:block}.lesson .lock{font-size:13px;opacity:.7}.stars{font-size:13px;letter-spacing:1px;color:var(--line);white-space:nowrap}.stars i{font-style:normal}.stars i.got{color:var(--gold)}.lesson.on .stars{color:rgba(255,255,255,.35)}.desk{display:flex;flex-direction:column;gap:16px;min-width:0}.lhead{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.lhead h2{font-weight:500;font-size:20px;margin:0}.lhead .newkeys{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:var(--font-mono);font-weight:600;font-size:15px;min-width:30px;height:30px;padding:0 8px;display:inline-grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--ink)}.lhead .brk{flex-basis:100%;height:0}.lhead p{margin:0;color:var(--muted);max-width:70ch}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}@media (max-width:560px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{border:1px solid var(--line);border-radius:10px;padding:8px 12px}.stat .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat .val{font-family:var(--font-mono);font-weight:600;font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .val small{font-size:12px;color:var(--muted);font-weight:400;margin-left:3px}.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:10px}.bar>div{height:100%;width:0;background:var(--accent);transition:width .15s}.typebox{position:relative;border:2px solid var(--line);border-radius:12px;padding:18px 20px;min-height:150px;cursor:text;transition:border-color .15s}.typebox.active{border-color:var(--accent)}.text{font-family:var(--font-mono);font-size:26px;line-height:1.75;word-break:normal;overflow-wrap:anywhere;position:relative;max-height:7em;overflow:hidden}@media (max-width:560px){.text{font-size:20px}}.w{display:inline-block;white-space:nowrap}.c{position:relative;border-radius:4px;color:var(--muted);transition:color .08s}.c.done{color:var(--ink)}.c.fixed,.c.wrong{color:var(--bad)}.c.wrong{background:var(--bad-soft)}.c.sp.wrong{box-shadow:inset 0 -3px 0 var(--bad)}.caps{position:absolute;top:8px;right:12px;font-size:12px;font-weight:600;color:var(--bad);background:var(--bad-soft);padding:2px 10px;border-radius:999px}.c.cur{background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.c.cur.err{background:var(--bad-soft);box-shadow:inset 0 -3px 0 var(--bad);animation:shake .22s}.c.sp{white-space:pre}.c.sp.cur:after{content:"␣";position:absolute;left:0;right:0;bottom:.05em;text-align:center;color:var(--accent);font-size:.7em;line-height:1}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.hint{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:18px;min-height:28px}.hint b{color:var(--ink);font-weight:600;font-size:1.15em}.hint .dot{width:16px;height:16px;border-radius:50%;display:inline-block;flex:none}@media (max-width:560px){.hint{font-size:16px}}.tyfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.tyfoot .hint{margin-top:0;flex:1 1 280px}.btn.restart{margin-left:auto;gap:8px}.btn.restart kbd{font-size:11px;padding:0 5px;color:var(--muted)}.loading,.paused{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 80%,transparent);border-radius:10px;font-weight:500;color:var(--muted)}.slot:empty{display:none}.result{background:var(--panel);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:16px;text-align:center}.result,.result .big{display:flex;justify-content:center}.result .big{gap:28px;flex-wrap:wrap}.result .big div{font-family:var(--font-mono);font-weight:600;font-size:34px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.result .big small{display:block;font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.result .rstars{font-size:30px;letter-spacing:4px;color:var(--line)}.result .rstars i{font-style:normal}.result .rstars i.got{color:var(--gold)}.result .msg{font-weight:500;max-width:56ch}.result .weak{color:var(--muted);font-size:14px}.result .weak .chip{background:var(--bad-soft);font-size:13px;height:24px;min-width:24px;margin:0 2px}.result .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.result .keys{font-size:12px;color:var(--muted)}.kbwrap{overflow-x:auto}.kb{min-width:640px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kb,.kr{display:flex;gap:6px}.key{--zone:var(--z-thumb);flex:var(--u,1) 1 0;height:52px;border-radius:8px;position:relative;background:color-mix(in srgb,var(--zone) 55%,var(--key));border:1px solid var(--key-edge);box-shadow:0 2px 0 var(--key-edge);font-family:var(--font-mono);transition:transform .06s,box-shadow .06s,background .1s}.key .m{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:19px;font-weight:600}.kbwrap .kb,.kbwrap .kr{gap:clamp(4px,.7vh,6px)}.kbwrap .key{height:clamp(34px,calc(5.8vh - 4px),52px)}.kbwrap .key .m{font-size:clamp(15px,2.3vh,19px)}@media (max-height:920px){main:has(.kbwrap) .text{max-height:5.25em}main:has(.kbwrap) .typebox{min-height:0}}@media (max-height:760px){main:has(.kbwrap) .text{font-size:22px}.kbwrap .key{height:34px}main:has(.kbwrap) .card{padding:14px}main:has(.kbwrap) .stats{margin-bottom:10px}}.key .s{left:6px;top:3px;font-size:11px}.key .l,.key .s{position:absolute;color:var(--muted)}.key .l{right:6px;bottom:3px;font-size:10px;opacity:.8}.key.fn .m{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--muted)}.key.home:after{content:"";position:absolute;left:50%;bottom:7px;width:14px;height:3px;margin-left:-7px;border-radius:2px;background:var(--ink);opacity:.45}.key.pinky{--zone:var(--z-pinky)}.key.ring{--zone:var(--z-ring)}.key.middle{--zone:var(--z-middle)}.key.index{--zone:var(--z-index)}.key.next{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 2px 0 var(--key-edge);animation:pulse 1.2s ease-in-out infinite}.key.next,.key.next .l,.key.next .s,.key.next.fn .m{color:var(--accent-ink)}.key.shiftnext{background:var(--accent-soft);border-color:var(--accent)}.key.down{transform:translateY(2px);box-shadow:0 0 0 var(--key-edge)}.key.wrong{background:var(--bad);color:#fff;border-color:var(--bad)}@keyframes pulse{50%{box-shadow:0 0 0 6px var(--accent-soft),0 2px 0 var(--key-edge)}}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:14px;border-radius:4px;display:inline-block;border:1px solid var(--key-edge)}.kb{position:relative}.kbh{position:absolute;left:0;top:0;pointer-events:none;z-index:3;overflow:visible}.kbh-fill{flood-color:var(--hand-fill);flood-opacity:var(--hand-fill-op)}.kbh-edge{flood-color:var(--hand-edge);flood-opacity:var(--hand-edge-op)}.kbh .fs path,.kbh .palm{fill:#000}.kbh .crease,.kbh .nail{fill:none;stroke:var(--hand-edge);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.kbh .nail{stroke-opacity:.5;stroke-width:1.1}.kbh .crease{stroke-opacity:.3;stroke-width:1}.kbh .f,.kbh .fs{--x:0px;--y:0px;--ang:0deg;--s:1;transform-box:view-box;transform-origin:0 0;transform:translate(var(--x),var(--y)) rotate(var(--ang)) scaleY(var(--s));transition:transform .2s cubic-bezier(.3,.85,.35,1)}.kbh .press{transition-duration:.11s;transition-timing-function:cubic-bezier(.2,.7,.3,1)}.kbh.init .f,.kbh.init .fs{transition:none}.kbh .tint{fill:var(--zone);opacity:0;transition:opacity .16s}.kbh .f.on .tint,.kbh .f.press .tint{opacity:var(--tint-op,.85)}.kbh .f.pinky{--zone:var(--z-pinky)}.kbh .f.ring{--zone:var(--z-ring)}.kbh .f.middle{--zone:var(--z-middle)}.kbh .f.index{--zone:var(--z-index)}.kbh .f.thumb{--zone:var(--z-thumb)}@media (prefers-reduced-motion:reduce){.kbh .f,.kbh .fs{transition:none}}.touchnote{display:none;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--accent-soft);font-size:14px}@media (hover:none) and (pointer:coarse){.touchnote{display:block}}.paywall{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px}.paywall h3{margin:0;font-size:18px}.paywall p{margin:0;color:var(--muted);max-width:52ch}.levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}@media (max-width:640px){.levels{grid-template-columns:minmax(0,1fr)}}.lvl{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 14px}.lvl.on,.lvl:hover{border-color:var(--accent)}.lvl.on{box-shadow:inset 0 0 0 1px var(--accent)}.lvl-n{font-weight:600;font-size:16px}.lvl-r{color:var(--muted)}.lvl-b,.lvl-r{font-size:13px}.lvl-b{margin-top:4px}.okc{color:var(--ok);font-weight:600}.tblwrap{overflow-x:auto}table.hist{width:100%;border-collapse:collapse;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hist th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;padding:6px 10px}.hist td,.hist th{border-bottom:1px solid var(--line)}.hist td{padding:9px 10px;white-space:nowrap}.hist td.num{font-family:var(--font-mono)}.hist td.empty{white-space:normal;color:var(--muted);padding:16px 10px}.hist tr.me td{background:var(--accent-soft)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px}.badge.pass{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.badge.fail{background:var(--bad-soft);color:var(--bad)}.exbest{font-family:var(--font-mono);font-size:12px;color:var(--muted);white-space:nowrap}.exbest.ok{color:var(--ok)}.lesson.on .exbest{color:inherit}.cfg{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px}.cfg .sep{width:1px;height:22px;background:var(--line);margin:0 3px}.seg{border:0;background:transparent;border-radius:8px;padding:6px 10px;color:var(--muted);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seg:hover{color:var(--ink)}.seg.on{background:var(--accent-soft);color:var(--accent)}.chart{width:100%;height:180px;display:block}.chart .grid{stroke:var(--line);stroke-width:1}.chart .wpm{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart .raw{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:4 4;opacity:.7}.chart .errdot{fill:var(--bad)}.chart text{fill:var(--muted);font-size:11px;font-family:var(--font-mono)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:40px;gap:40px;align-items:center;padding:56px 0 40px}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);padding-top:32px}}.hero h1{font-size:clamp(34px,5.2vw,58px);line-height:1.06;margin:0 0 20px;font-weight:700;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--accent)}.hero p.lead{font-size:18px;color:var(--muted);max-width:52ch;margin:0 0 26px}.hero .ctas{gap:10px}.hero .ctas,.hero .proof{display:flex;flex-wrap:wrap}.hero .proof{margin-top:22px;gap:22px;color:var(--muted);font-size:14px}.hero .proof b{display:block;font-family:var(--font-mono);font-size:22px;color:var(--ink)}.demo-kb{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 24px 60px -30px color-mix(in srgb,var(--accent) 45%,transparent)}.demo-line{font-family:var(--font-mono);font-size:22px;margin:0 0 14px;line-height:1.6}.demo-line .done{color:var(--ink)}.demo-line .cur{background:var(--accent-soft);box-shadow:inset 0 -3px 0 var(--accent);border-radius:3px}.demo-line .todo{color:var(--muted)}.mini-kb{display:flex;flex-direction:column;gap:5px}.mini-kb .kr{gap:5px}.mini-kb .key{height:38px}.mini-kb .key .m{font-size:15px}.mini-kb .key{min-width:0}@media (max-width:560px){.demo-kb{padding:12px}.demo-line{font-size:16px}.mini-kb,.mini-kb .kr{gap:3px}.mini-kb .kr{padding-left:0!important}.mini-kb .key{height:30px;border-radius:5px}.mini-kb .key .m{font-size:11px}.hero p.lead{font-size:16px}.hero .proof{gap:16px}}section.band{padding:48px 0}section.band h2{font-size:clamp(28px,3.6vw,40px);margin:0 0 8px;letter-spacing:-.02em}section.band .sub{color:var(--muted);margin:0 0 28px;max-width:62ch}.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:900px){.feats{grid-template-columns:minmax(0,1fr)}}.feat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.feat .ic{width:42px;height:42px;font-size:20px;font-weight:600;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:12px}.feat h3{font-size:16px;margin:0 0 6px}.feat p{margin:0;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;counter-reset:s}@media (max-width:900px){.steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.step{border-top:1px solid var(--line);padding:14px 0 0}.step b{display:block;font-weight:600;margin-bottom:4px}.step span{color:var(--muted);font-size:14px}.cmp{width:100%;border-collapse:collapse;font-size:14px;background:var(--panel);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.cmp td,.cmp th{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left}.cmp th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.cmp td.y{color:var(--ok);font-weight:600}.cmp td.n{color:var(--muted)}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:500}.faq p{color:var(--muted);margin:10px 0 0}.plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:28px 22px;gap:28px 22px;align-items:stretch}@media (max-width:1100px){.plans{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.plans{grid-template-columns:minmax(0,1fr);gap:26px}}.plan{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:6px}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 20px 50px -30px var(--accent)}.plan .tag{position:absolute;top:-11px;left:18px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink)}.plan .tag.gold{background:var(--gold);color:#241a00}.plan h3{margin:0;font-size:17px}.plan .price{font-family:var(--font-mono);font-weight:600;font-size:28px;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plan .per{color:var(--muted)}.plan .per,.plan .save{font-size:13px;min-height:20px}.plan .save{color:var(--ok);font-weight:600}.plan .btn{margin-top:auto}.plan ul{margin:8px 0 14px;font-size:14px;display:flex;flex-direction:column;gap:5px;color:var(--muted)}.included,.plan ul{padding:0;list-style:none}.included{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 24px;gap:8px 24px;margin:0}@media (max-width:700px){.included{grid-template-columns:minmax(0,1fr)}}.included li{display:flex;gap:8px;align-items:flex-start}.included li:before{content:"✓";color:var(--ok);font-weight:700}.offer{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-gap:28px 40px;gap:28px 40px;align-items:center;max-width:980px;margin:0 auto;background:var(--panel);border:1px solid var(--accent);border-radius:18px;padding:28px 32px;box-shadow:0 0 0 1px var(--accent),0 24px 60px -36px var(--accent)}@media (max-width:800px){.offer{grid-template-columns:minmax(0,1fr);padding:24px 20px}}.offer-price{position:relative;display:flex;flex-direction:column;gap:6px}.offer-price .tag{align-self:flex-start;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px}.offer-price .tag.gold{background:var(--gold);color:#241a00}.offer-price h2{margin:6px 0 0;font-size:20px}.offer-price .price{font-family:var(--font-mono);font-weight:600;font-size:44px;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.offer-price .per{margin:0 0 10px;color:var(--muted);font-size:14px}.offer-price .btn{padding:12px 18px;font-size:16px}.offer-price .pay-note{margin:8px 0 0;color:var(--muted);font-size:13px}.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;max-width:900px;margin:0 auto}@media (max-width:800px){.checkout{grid-template-columns:minmax(0,1fr)}}.qr{background:#fff;border-radius:12px;padding:12px;width:240px;height:240px;margin:0 auto;display:block}.banks{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.banks a{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-size:13px}.banks img{width:26px;height:26px;border-radius:6px}.mockbox{border:1px dashed var(--gold);border-radius:12px;padding:12px;margin-top:14px;font-size:14px}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:16px;gap:16px}@media (max-width:800px){.grid2{grid-template-columns:minmax(0,1fr)}}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}@media (max-width:700px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.kpi .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.kpi .val{font-family:var(--font-mono);font-weight:600;font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.heat .key .m{font-size:15px}.sectiontitle{font-size:18px;margin:28px 0 12px}.cert{max-width:860px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:48px;text-align:center;position:relative;overflow:hidden}.cert:before{content:"";position:absolute;inset:12px;border:2px solid var(--accent-soft);border-radius:12px;pointer-events:none}.cert h1{font-size:30px;margin:12px 0 4px}.cert .name{font-family:var(--font-display);font-size:40px;font-weight:700;margin:22px 0 6px;color:var(--accent)}.cert .nums{display:flex;gap:40px;justify-content:center;margin:26px 0}.cert .nums b{display:block;font-family:var(--font-mono);font-size:32px}.cert .meta{font-size:13px;color:var(--muted)}@media print{.foot,.noprint,.site{display:none!important}body{background:#fff}.cert{border:0}}.legal{max-width:760px}.legal h1{font-size:28px}.legal h2{font-size:18px;margin-top:28px}.legal li,.legal p{color:var(--muted)}.legal li{margin-bottom:4px}kbd{font-family:var(--font-mono);font-size:13px;border:solid var(--key-edge);border-width:1px 1px 2px;border-radius:5px;padding:1px 6px;background:var(--key);color:var(--ink)}.class-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.class-name{font-size:18px;margin:0;flex:1 1 auto}.class-rename{display:flex;gap:8px;flex:1 1 320px;flex-wrap:wrap}.class-rename .input{flex:1 1 200px;padding:7px 10px}.class-actions{display:inline-flex;gap:6px;flex-wrap:wrap}.btn-danger-solid,.btn.danger:hover{border-color:var(--bad)}.btn-danger-solid{background:var(--bad);color:#fff}.btn-danger-solid:hover{filter:brightness(1.08);border-color:var(--bad)}.confirm-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--bad-soft);border:1px solid color-mix(in srgb,var(--bad) 35%,transparent);border-radius:12px;padding:12px 14px;margin:0 0 12px}.confirm-bar b{color:var(--ink)}.tut-head h1{font-size:clamp(28px,4vw,40px);margin:0 0 6px}.tut-head p{margin:0 0 20px;max-width:60ch}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:20px}@media (max-width:800px){.quick{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.quick-step{display:grid;grid-template-columns:auto 1fr;grid-column-gap:12px;column-gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink)}.quick-step:hover{border-color:var(--accent)}.quick-step b{grid-row:span 2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono)}.quick-step span{font-weight:600}.quick-step small{color:var(--muted);font-size:13px}.tut{padding:0;overflow:hidden;display:flex;flex-direction:column}.tut-big{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);margin-bottom:16px}@media (max-width:900px){.tut-big{grid-template-columns:minmax(0,1fr)}}.tut-media{display:block;width:100%;aspect-ratio:16/9;background:#0C1323;border:0}.tut-big .tut-media{height:100%;min-height:100%}.tut-soon{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(120% 120% at 0 0,var(--accent-soft),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),var(--panel));border-bottom:1px solid var(--line)}.tut-big .tut-soon{border-bottom:0;border-right:1px solid var(--line)}.tut-num{position:absolute;top:12px;left:16px;font-family:var(--font-mono);font-weight:600;color:var(--accent);opacity:.7}.tut-play{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:color-mix(in srgb,var(--accent) 55%,var(--muted));font-size:20px;padding-left:4px;border:1.5px dashed color-mix(in srgb,var(--accent) 45%,var(--line))}.tut-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1 1}.tut-body h2{font-size:18px;margin:0}.tut-big .tut-body h2{font-size:24px}.tut-body p{margin:0;font-size:14px}.tut-meta{display:flex;gap:6px;font-size:12px;color:var(--muted);font-family:var(--font-mono)}.tut-steps{margin:4px 0 0;padding-left:20px;font-size:14px;display:flex;flex-direction:column;gap:5px}.tut-body details summary{cursor:pointer;font-size:14px;color:var(--accent);font-weight:500}.tut-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.tut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:800px){.tut-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.modes{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:820px){.modes{grid-template-columns:1fr}}.mode{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.mode h2{margin:0;font-size:18px}.mode p{margin:0 0 4px;font-size:14px;flex:1 1}.mode.main{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mode .join{display:flex;gap:8px;width:100%}.mode .join .input{font-family:var(--font-mono);font-weight:600;letter-spacing:.06em;min-width:0}.mode .join .input::placeholder{font-family:var(--font-body);font-weight:400;letter-spacing:0}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.racing{display:flex;flex-direction:column;gap:16px}.rhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:40px}.rstatus{flex:1 1 240px;font-weight:600;font-size:17px}.room{display:flex;gap:8px;flex-wrap:wrap}.codebox,.room{align-items:center}.codebox{display:inline-flex;gap:10px;padding:4px 6px 4px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.codelbl{font-size:13px;color:var(--muted)}.code{font-family:var(--font-mono);font-weight:600;font-size:16px;letter-spacing:.06em;padding:3px 9px;border-radius:7px;background:var(--accent-soft);color:var(--ink)}.lanes{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.lane{display:grid;grid-template-columns:180px minmax(0,1fr) 92px 84px;align-items:center;grid-gap:14px;gap:14px}@media (max-width:640px){.lane{grid-template-columns:minmax(0,1fr) 80px;row-gap:4px}.lane .track{grid-column:1/-1;grid-row:2}.lane .lplace{display:none}}.lname{display:flex;align-items:center;gap:6px;min-width:0}.lname .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.lane.you .lname .nm{font-weight:700}.tag{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--line);color:var(--muted);flex:none}.tag.you{background:var(--accent-soft);color:var(--accent)}.track{position:relative;height:30px;border-radius:8px;background:color-mix(in srgb,var(--line) 45%,transparent);background-image:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),color-mix(in srgb,var(--line) 90%,transparent) calc(10% - 1px) 10%);box-shadow:inset -4px 0 0 var(--ink)}.track .fill{position:absolute;inset:0 auto 0 0;border-radius:8px 0 0 8px;background:color-mix(in srgb,var(--muted) 22%,transparent);transition:width .45s linear}.lane.you .track .fill{background:color-mix(in srgb,var(--accent) 35%,transparent);transition-duration:.12s}.lane.fin .track .fill{background:color-mix(in srgb,var(--ok) 30%,transparent)}.track .runner{position:absolute;top:50%;width:26px;text-align:center;font-size:22px;line-height:1;transform:translateY(-52%) scaleX(-1);transition:left .45s linear;pointer-events:none}.lane.you .track .runner{transition-duration:.12s}.lspd{font-weight:600;font-size:17px;text-align:right}.lspd small{font-family:var(--font-body);font-size:11px;color:var(--muted);font-weight:400;margin-left:3px}.medal{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--line);white-space:nowrap}.medal.p1{background:color-mix(in srgb,var(--gold) 28%,transparent);color:color-mix(in srgb,var(--gold) 65%,var(--ink))}.race-card{position:relative}.race-card .btn.restart{display:none}.countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 55%,transparent)}.countdown span{font-family:var(--font-display);font-size:120px;font-weight:700;color:var(--accent);line-height:1;animation:cd-pop .9s ease-out both}.countdown.wait span{font-family:var(--font-body);font-size:20px;font-weight:600;color:var(--muted);animation:none}@keyframes cd-pop{0%{transform:scale(1.5);opacity:0}25%{transform:scale(1);opacity:1}to{opacity:.85}}@media (prefers-reduced-motion:reduce){.countdown span{animation:none}.track .fill,.track .runner{transition:none}}.result .rplace{font-family:var(--font-display);font-size:30px;font-weight:700;text-align:center}.result .rplace small{font-family:var(--font-body);font-size:16px;font-weight:400;color:var(--muted)}.rtip{font-size:13px;margin:0}.lvlpill.easy{--lvl:var(--ok)}.lvlpill.medium{--lvl:var(--accent)}.lvlpill.hard{--lvl:var(--bad)}.lvlpill{background:color-mix(in srgb,var(--lvl) 16%,transparent);color:color-mix(in srgb,var(--lvl) 80%,var(--ink))}.setup{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:16px 28px;gap:16px 28px;align-items:start;margin-bottom:16px}@media (max-width:820px){.setup{grid-template-columns:1fr}}.pick{display:flex;flex-direction:column;gap:8px;min-width:0}.pick-h{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.opts{display:grid;grid-gap:8px;gap:8px}.opts.lang{grid-template-columns:repeat(2,minmax(0,1fr))}.opts.lvls{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:560px){.opts.lvls{grid-template-columns:1fr}}.opt{--c:var(--accent);display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);min-width:0;transition:border-color .12s,background .12s}.opt:hover{border-color:color-mix(in srgb,var(--c) 60%,var(--line))}.opt.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}.opt .otxt{display:flex;flex-direction:column;min-width:0;line-height:1.25}.opt .otxt b{font-weight:600;font-size:15px}.opt .otxt small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opt .glyph{font-family:var(--font-display);font-weight:700;font-size:20px;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--line);color:var(--muted);flex:none}.opt.on .glyph{background:var(--c);color:var(--accent-ink)}.opt.diff.easy{--c:var(--ok)}.opt.diff.medium{--c:var(--accent)}.opt.diff.hard{--c:var(--bad)}.meter{display:flex;align-items:flex-end;gap:3px;height:20px;flex:none}.meter i{width:5px;border-radius:2px;background:var(--line)}.meter i:first-child{height:8px}.meter i:nth-child(2){height:14px}.meter i:nth-child(3){height:20px}.opt.on .meter i.f{background:var(--c)}.opt:not(.on) .meter i.f{background:color-mix(in srgb,var(--c) 45%,var(--line))}.sample{grid-column:1/-1;border-radius:12px;padding:12px 16px;background:var(--bg);border:1px dashed var(--line);animation:sample-in .28s ease-out}.sample-h{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.langtag{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:var(--accent);color:var(--accent-ink)}.lvlword{font-weight:600}.lvlword.easy{color:var(--ok)}.lvlword.medium{color:var(--accent)}.lvlword.hard{color:var(--bad)}.sample-t{font-family:var(--font-mono);font-size:19px;margin-top:6px;color:var(--ink);overflow-wrap:anywhere}.sample-n{margin-top:8px;font-size:13px;color:var(--accent);font-weight:500}@keyframes sample-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sample{animation:none}}.setup .nick{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.setup .nick .input{max-width:240px;padding:7px 10px}.btn .btnsub{font-size:12px;font-weight:500;opacity:.8;margin-left:4px}.btn.big:has(.btnsub){flex-direction:column;gap:0;line-height:1.2}.btn.big .btnsub{margin-left:0}.langpill{background:var(--line);color:var(--ink)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kpis.kpis6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:980px){.kpis.kpis6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.kpis.kpis6{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi .val small{font-family:var(--font-body);font-weight:400}.kpi .sub,.kpi .val small{font-size:12px;color:var(--muted)}.kpi .sub{margin-top:2px}.kpi.kpi-main{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs a{padding:9px 14px;color:var(--muted);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a.on,.tabs a:hover{color:var(--ink)}.tabs a.on{border-bottom-color:var(--accent)}.hist tr.gap td{text-align:center;color:var(--muted);padding:2px}.signup-nudge{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.signup-nudge h2{margin:0 0 4px;font-size:18px}.signup-nudge p{margin:0;max-width:60ch}.signup-strip{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:var(--accent-soft);margin:0 0 14px;font-weight:500}.empty-state{text-align:center;padding:36px 20px}.empty-state h2{margin:0 0 6px;font-size:18px}.result .guestcta{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--accent-soft);text-align:center;font-size:14px}.hist.compact td,.hist.compact th{padding-left:6px;padding-right:6px}.hist.compact .pill{padding:2px 8px}.board{padding:0;overflow:hidden}.board-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:18px 20px 14px}.board-h h2{margin:0;font-size:20px}.board-sub{font-size:13px;margin-top:2px}.period{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}.period .seg{padding:5px 10px;font-size:13px}.standing{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 20px 6px;padding:10px 12px 10px 14px;border-radius:12px;background:var(--accent-soft);font-size:14px}.standing b{font-size:16px}.board .tblwrap{padding:0 8px 10px}.board-t td.num,.board-t th.num{text-align:right}.board-t td:first-child,.board-t th:first-child{width:64px}.board-t .unit{text-transform:none;letter-spacing:0;font-weight:400}.board-t td.spd b{font-size:17px}.board-t td.when{white-space:nowrap}.board-t .who-cell{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.board-t th{white-space:nowrap}.board-t td{vertical-align:middle}.rank{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;font-family:var(--font-mono);font-weight:600;font-size:13px;color:var(--muted)}.rank.r1,.rank.r2,.rank.r3{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--medal)}.rank.r1{--medal:var(--gold);background:color-mix(in srgb,var(--gold) 22%,transparent)}.rank.r2{--medal:color-mix(in srgb,var(--muted) 75%,var(--panel));background:color-mix(in srgb,var(--muted) 16%,transparent)}.rank.r3{--medal:#B9773F;background:color-mix(in srgb,#B9773F 20%,transparent)}.board-empty{text-align:center;padding:28px 20px 34px}.board-empty p{margin:0 0 14px}@media (max-width:640px){.hist .hide-sm{display:none}.board-h{align-items:flex-start}.board-t .unit{display:none}.board-t td:first-child,.board-t th:first-child{width:auto}}.filters{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:flex-end;margin-bottom:16px}.fgroup{display:flex;flex-direction:column;gap:6px;min-width:0}.flabel{font-size:12px;font-weight:600;color:var(--muted);padding-left:4px}.ftrack{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.ftrack .seg{padding:8px 14px;border-radius:9px;color:var(--muted);font-weight:500;transition:background .15s,color .15s,box-shadow .15s,transform .1s}.ftrack .seg:hover{color:var(--ink);background:var(--accent-soft)}.ftrack .seg.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 60%,#000)}.ftrack .seg:active{transform:translateY(1px);box-shadow:none}.ftrack.nums .seg{font-family:var(--font-mono);font-weight:600;min-width:52px;text-align:center}@media (max-width:640px){.filters{gap:12px}.fgroup{flex:1 1 100%}.ftrack{width:100%}.ftrack .seg{flex:1 1;text-align:center;padding:8px 6px}}.onfire{--fire:#FF6A1A;--core:#FFC93C;--glow:16px;--ring:1.5px;display:inline-flex;align-items:center;gap:6px;padding:3px 11px 3px 8px;border-radius:999px;background:color-mix(in srgb,var(--fire) 12%,transparent);box-shadow:0 0 0 var(--ring) color-mix(in srgb,var(--fire) 85%,transparent),0 0 var(--glow) color-mix(in srgb,var(--fire) 50%,transparent);animation:burn 1.4s ease-in-out infinite alternate}.onfire.f2{--glow:9px;--ring:1.25px;background:color-mix(in srgb,var(--fire) 8%,transparent)}.onfire.f3{--glow:4px;--ring:1px;--fire:#E2843C;background:color-mix(in srgb,var(--fire) 6%,transparent);animation-duration:2.2s}.flames{display:inline-flex;align-items:flex-end;gap:0}.flame{display:block;transform-origin:50% 100%;animation:flicker .9s ease-in-out infinite alternate}.flame+.flame{margin-left:-4px}.flame .outer{fill:var(--fire)}.flame .core{fill:var(--core)}.f2 .flame{width:11px;height:14px}.f3 .flame{width:10px;height:12px;animation-duration:1.4s}@keyframes flicker{0%{transform:scale(1) rotate(-3deg)}50%{transform:scale(.94,1.1) rotate(2deg)}to{transform:scale(1.04,.94) rotate(-1deg)}}@keyframes burn{0%{box-shadow:0 0 0 var(--ring) color-mix(in srgb,var(--fire) 85%,transparent),0 0 calc(var(--glow) * .55) color-mix(in srgb,var(--fire) 40%,transparent)}to{box-shadow:0 0 0 var(--ring) color-mix(in srgb,var(--core) 90%,transparent),0 0 var(--glow) color-mix(in srgb,var(--fire) 60%,transparent)}}@media (prefers-reduced-motion:reduce){.flame,.onfire{animation:none}}.contest{margin-bottom:18px;padding:0;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel) 60%)}.contest-main{display:flex;gap:16px 28px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 20px}.contest-what{min-width:0;flex:1 1 320px}.contest-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.contest-title h2{margin:0;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em}.contest-what p{margin:6px 0 0;max-width:62ch}.contest-prize{font-size:15px;color:var(--ink)}.contest-prize b{color:var(--accent)}.contest-clock{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.contest-clock>.muted{font-size:13px}.countdown-t{display:flex;gap:8px}.cd-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;padding:7px 8px 6px;border-radius:10px;background:var(--key);border:1px solid var(--key-edge);box-shadow:0 3px 0 var(--key-edge)}.cd-cell b{font-size:24px;font-weight:600;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cd-cell small{font-size:11px;color:var(--muted)}.contest-foot{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;padding:11px 20px;border-top:1px solid var(--line);font-size:14px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.contest-foot .btn{margin-left:auto}.contest-past{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}.champ{display:inline-flex;gap:6px;align-items:baseline}@media (max-width:640px){.contest-main{padding:16px}.cd-cell{min-width:0;flex:1 1}.contest-clock,.countdown-t{width:100%}.contest-foot{padding:11px 16px}}.contest.weekly{background:var(--panel);border-color:var(--line)}.contest.weekly.has-bg{background-size:cover;background-position:50%;border-color:transparent;color:#F4F7FD}.contest.weekly.has-bg .contest-clock>.muted,.contest.weekly.has-bg .muted{color:rgba(244,247,253,.82)}.contest.weekly.has-bg b,.contest.weekly.has-bg h2{color:#fff}.contest.weekly.has-bg h2{text-shadow:0 1px 12px rgba(0,0,0,.35)}.contest.weekly.has-bg .contest-foot{background:rgba(6,10,20,.38);border-top-color:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contest.weekly.has-bg .cd-cell{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);box-shadow:0 3px 0 rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contest.weekly.has-bg .cd-cell small{color:rgba(244,247,253,.78)}.contest.weekly.has-bg .btn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}.tabs a.tab-rank{display:inline-flex;align-items:center;gap:6px}.tabs a.tab-rank .trophy{color:var(--gold)}.weekstrip{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;grid-gap:12px 20px;gap:12px 20px;margin:0 0 14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);text-decoration:none;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 5%,transparent);transition:border-color .2s,box-shadow .2s}.weekstrip:hover{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));box-shadow:0 6px 18px -10px color-mix(in srgb,var(--ink) 28%,transparent)}.ws-medal{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 16%,var(--panel));color:color-mix(in srgb,var(--gold) 78%,var(--ink))}.ws-head{display:flex;flex-direction:column;gap:1px;min-width:0}.ws-title{font-weight:600;font-size:15px;line-height:1.3}.ws-sub{font-size:13px;color:var(--muted)}.ws-n,.ws-sub .num{font-family:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ws-stats{display:flex;align-items:stretch}.ws-stat{display:flex;flex-direction:column;gap:1px;padding:0 20px;border-left:1px solid var(--line);min-width:0}.ws-lbl{font-size:12px;color:var(--muted);line-height:1.3}.ws-val{display:flex;align-items:baseline;gap:5px;white-space:nowrap;line-height:1.3}.ws-val small{font-size:12px;color:var(--muted)}.ws-name{font-weight:600;max-width:16ch;overflow:hidden;text-overflow:ellipsis}.ws-n{font-weight:700;font-size:16px}.ws-empty{font-size:14px;color:var(--muted);white-space:normal}.ws-first .ws-n{color:color-mix(in srgb,var(--gold) 78%,var(--ink))}.ws-go{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 10px 0 14px;border-radius:10px;font-weight:600;font-size:14px;color:var(--accent);white-space:nowrap;transition:background .2s}.ws-go svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.weekstrip:hover .ws-go{background:var(--accent-soft)}.weekstrip:hover .ws-go svg{transform:translateX(2px)}@media (max-width:760px){.weekstrip{grid-template-columns:auto minmax(0,1fr) auto;gap:12px 14px}.ws-stats{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line)}.ws-stat{padding:0 18px 0 0;border-left:0}.ws-stat+.ws-stat{padding-left:18px;border-left:1px solid var(--line)}.ws-go{grid-column:3;grid-row:1;padding:0 8px}.ws-go-t{display:none}}.bn-preview{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:120px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg);background-size:cover;background-position:50%}.bn-preview-t{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em}.bn-preview-s{font-size:13px;color:var(--muted)}.bn-preview[data-bg]{border-color:transparent;color:#fff}.bn-preview[data-bg] .bn-preview-s{color:rgba(244,247,253,.82)}.symbiote{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:39}:is(.plan,.offer) .btn{position:relative;isolation:isolate;transition:color .3s,border-color .3s,box-shadow .4s}:is(.plan,.offer) .btn:after,:is(.plan,.offer) .btn:before{content:"";position:absolute;pointer-events:none;z-index:-1;-webkit-clip-path:circle(var(--vr,0) at var(--vx,50%) var(--vy,100%));clip-path:circle(var(--vr,0) at var(--vx,50%) var(--vy,100%))}:is(.plan,.offer) .btn:before{inset:-1px;border-radius:inherit;background:radial-gradient(70% 120% at 50% 120%,rgba(120,140,190,.22),transparent 60%),linear-gradient(180deg,#34353b,#121216 38%,#050506 62%,#000);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -6px 12px rgba(0,0,0,.75),inset 0 0 0 1px rgba(0,0,0,.9)}:is(.plan,.offer) .btn:after{left:9%;right:9%;top:2px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.06) 70%,transparent);filter:blur(.3px)}:is(.plan,.offer) .btn.venom{border-color:transparent;box-shadow:0 12px 22px -12px rgba(0,0,0,.7)}:is(.plan,.offer) .btn.venom-on{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.plan,.offer) .btn:before{background:linear-gradient(180deg,#f7f9fc,#dde2ea 24%,#b3bac7 56%,#4a5160 72%,#6f788a 77%,#c9cfd9 90%,#eef1f6);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -3px 6px rgba(20,24,34,.45),inset 0 0 0 1px rgba(10,12,18,.55)}:root:not([data-theme=light]) :is(.plan,.offer) .btn:after{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.1) 75%,transparent)}:root:not([data-theme=light]) :is(.plan,.offer) .btn.venom{box-shadow:0 12px 26px -12px rgba(0,0,0,.8),0 0 18px -6px rgba(200,215,245,.35)}:root:not([data-theme=light]) :is(.plan,.offer) .btn.venom-on{color:#0b0e15;text-shadow:0 1px 0 rgba(255,255,255,.6)}}:root[data-theme=dark] :is(.plan,.offer) .btn:before{background:linear-gradient(180deg,#f7f9fc,#dde2ea 24%,#b3bac7 56%,#4a5160 72%,#6f788a 77%,#c9cfd9 90%,#eef1f6);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -3px 6px rgba(20,24,34,.45),inset 0 0 0 1px rgba(10,12,18,.55)}:root[data-theme=dark] :is(.plan,.offer) .btn:after{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.1) 75%,transparent)}:root[data-theme=dark] :is(.plan,.offer) .btn.venom{box-shadow:0 12px 26px -12px rgba(0,0,0,.8),0 0 18px -6px rgba(200,215,245,.35)}:root[data-theme=dark] :is(.plan,.offer) .btn.venom-on{color:#0b0e15;text-shadow:0 1px 0 rgba(255,255,255,.6)}:root{--g-sky:#D9E6F7;--g-sky-2:#EEF3FB;--g-grass:#C6DDA6;--g-grass-2:#AFCB8A;--g-pen:#E2D3B0;--g-dsky:#F6E5C6;--g-dsky-2:#CFE0F4;--g-sun:#F4B63F;--g-dune-far:#E9D2A6;--g-dune:#E0BF84;--g-sand:#EDD3A0;--g-sand-2:#D6B377;--g-wolf:#5A6377;--g-wolf-eye:#E0A100;--g-fleece:#FFFFFF;--g-face:#2E3340;--g-camel:#B9844C;--g-camel-2:#93622F;--g-rock:#9AA1AE;--g-rock-2:#7D8594;--g-bush:#7C9A4F;--g-bush-stem:#7A5A3A;--g-fence:#9B7650;--g-water:#2F80D9;--g-drop:#4C83EA;--hand-fill:#FFFFFF;--hand-fill-op:.35;--hand-edge:#1B2436;--hand-edge-op:.85}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--g-sky:#111B35;--g-sky-2:#0C1428;--g-grass:#1F3A2B;--g-grass-2:#183024;--g-pen:#2E2A26;--g-dsky:#2A2340;--g-dsky-2:#0E1630;--g-sun:#E9E3C9;--g-dune-far:#2E2938;--g-dune:#3E3428;--g-sand:#4A3D2A;--g-sand-2:#3A2F20;--g-wolf:#A9B3C8;--g-wolf-eye:#F2C14E;--g-fleece:#E8ECF3;--g-face:#1A1F2D;--g-camel:#BE8A55;--g-camel-2:#956637;--g-rock:#6F7686;--g-rock-2:#575D6B;--g-bush:#6E8D52;--g-bush-stem:#8A6A48;--g-fence:#8C6C4C;--g-water:#69AEF5;--g-drop:#4F7FE0;--hand-fill:#C9D4EA;--hand-fill-op:.12;--hand-edge:#D3DBEC;--hand-edge-op:.85;--tint-op:.7}}:root[data-theme=dark]{--g-sky:#111B35;--g-sky-2:#0C1428;--g-grass:#1F3A2B;--g-grass-2:#183024;--g-pen:#2E2A26;--g-dsky:#2A2340;--g-dsky-2:#0E1630;--g-sun:#E9E3C9;--g-dune-far:#2E2938;--g-dune:#3E3428;--g-sand:#4A3D2A;--g-sand-2:#3A2F20;--g-wolf:#A9B3C8;--g-wolf-eye:#F2C14E;--g-fleece:#E8ECF3;--g-face:#1A1F2D;--g-camel:#BE8A55;--g-camel-2:#956637;--g-rock:#6F7686;--g-rock-2:#575D6B;--g-bush:#6E8D52;--g-bush-stem:#8A6A48;--g-fence:#8C6C4C;--g-water:#69AEF5;--g-drop:#4F7FE0;--hand-fill:#C9D4EA;--hand-fill-op:.12;--hand-edge:#D3DBEC;--hand-edge-op:.85;--tint-op:.7}.g-wolf{fill:var(--g-wolf)}.g-eye{fill:var(--g-wolf-eye)}.g-fleece{fill:var(--g-fleece)}.g-eye-dark,.g-face{fill:var(--g-face)}.g-camel{fill:var(--g-camel)}.g-camel-2{fill:var(--g-camel-2)}.g-tail{fill:none;stroke:var(--g-camel-2)}.g-rock{fill:var(--g-rock)}.g-rock-2{fill:var(--g-rock-2)}.g-bush{fill:var(--g-bush)}.g-bush-stem{fill:none;stroke:var(--g-bush-stem)}.g-fence{fill:var(--g-fence)}.g-water{fill:var(--g-water)}.g-drop{fill:var(--g-drop);transition:fill .2s}.ghead{margin-bottom:14px}.ghead h1{font-size:24px;margin:0 0 6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ghead h1 .pill{font-family:var(--font-body);letter-spacing:0}.ghead p{margin:0;max-width:68ch}.gback{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;margin-bottom:10px}.gback:hover{color:var(--ink)}.gcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:900px){.gcards{grid-template-columns:minmax(0,1fr)}}.gc{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.gc:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 28px -14px color-mix(in srgb,#000 35%,transparent)}.gc-art{position:relative;height:172px;overflow:hidden;border-bottom:1px solid var(--line)}.gc-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1 1}.gc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.gc-top h2{margin:0;font-family:var(--font-body);font-size:18px;letter-spacing:-.01em}.gc p{margin:0;color:var(--muted);font-size:14px;flex:1 1}.gc-foot{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.gc-foot,.gc-go{align-items:center}.gc-go{display:inline-flex;gap:4px;color:var(--accent);font-weight:600}.gc:hover .gc-go svg{transform:translateX(2px)}.gc-go svg{transition:transform .15s}.gc-best{font-size:13px;color:var(--muted)}.gc-best b{font-family:var(--font-mono);color:var(--ink)}@media (prefers-reduced-motion:reduce){.gc,.gc-go svg{transition:none}.gc:hover{transform:none}}.game .cfg .seg:disabled{opacity:.45}.gbest{margin-left:auto;padding:0 8px;font-size:13px;color:var(--muted);white-space:nowrap}.gbest b{font-family:var(--font-mono);color:var(--ink)}.gcard-stage{padding:12px}.ghud{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;padding:2px 4px 12px}.ghud-i{display:flex;flex-direction:column;line-height:1.15;min-width:64px}.ghud-i span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ghud-i b{font-family:var(--font-mono);font-size:20px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ghud-lives{display:flex;gap:3px;align-items:center}.life{display:inline-flex;width:22px;height:22px;transition:opacity .25s,transform .25s}.life svg{width:100%;height:100%}.life.heart{fill:var(--bad)}.life.sheep{fill:var(--muted)}.life.water{fill:var(--g-water)}.life.gone{opacity:.18;transform:scale(.8)}.ghud-pause{margin-left:auto;width:36px;height:36px;padding:0}.gstage{position:relative;height:440px;border-radius:10px;overflow:hidden;border:1px solid var(--line);outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}@media (max-width:560px){.gstage{height:360px}.ghud{gap:6px 14px}.ghud-i b{font-size:17px}.ghud-i{min-width:52px}.life{width:18px;height:18px}}.gw,.gworld-host{position:absolute;inset:0}.gw{overflow:hidden}.gtouch{left:0;top:0;width:1px;height:1px;border:0;padding:0;font-size:16px}.gtouch,.gw:after{position:absolute;opacity:0;pointer-events:none}.gw:after{content:"";inset:0;border-radius:inherit}.gw.hurt:after{box-shadow:inset 0 0 0 4px var(--bad),inset 0 0 60px color-mix(in srgb,var(--bad) 35%,transparent);animation:gflash .45s ease-out}.gw.miss:after{box-shadow:inset 0 0 0 2px var(--bad);animation:gflash .25s ease-out}@keyframes gflash{0%{opacity:1}to{opacity:0}}.gw.paused *{animation-play-state:paused!important}.gover{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:16px;overflow:auto;background:color-mix(in srgb,var(--panel) 84%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gover-box{max-width:540px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.gover-box h2{margin:0;font-size:22px}.gover-box .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ghow{margin:0;padding-left:20px;text-align:left;font-size:14.5px;display:flex;flex-direction:column;gap:4px}.ghow,.gkeys{color:var(--muted)}.gkeys{font-size:12px}.gkeys kbd,.gover kbd{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border:solid var(--line);border-width:1px 1px 2px;border-radius:5px;background:var(--panel);color:var(--ink)}.gscore{font-family:var(--font-mono);font-size:54px;font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gscore small{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--muted);margin-left:6px}.gstats{display:flex;gap:10px 22px;flex-wrap:wrap;justify-content:center}.gstats div{display:flex;flex-direction:column;line-height:1.2}.gstats b{font-family:var(--font-mono);font-size:19px;font-weight:600}.gstats span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.gchips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:14px;color:var(--muted)}.gchips .chip{background:var(--bad-soft);color:var(--ink);font-size:15px;height:28px;min-width:28px}.gchips small{flex-basis:100%;font-size:13px}@media (max-width:560px){.gscore{font-size:42px}.gover-box{gap:9px}.gover-box h2{font-size:19px}.ghow{font-size:13.5px}}.gbanner{position:absolute;left:50%;top:40%;z-index:5;transform:translate(-50%,-50%);text-align:center;pointer-events:none;white-space:nowrap;padding:12px 22px;border-radius:14px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);animation:gbanner 1.7s ease forwards}.gbanner b{display:block;font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.gbanner span{font-size:14px;color:var(--muted)}@keyframes gbanner{0%{opacity:0;transform:translate(-50%,-40%) scale(.94)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}.glabel{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:6px;z-index:2;font-family:var(--font-mono);font-size:17px;font-weight:600;line-height:1;padding:5px 8px 6px;border-radius:8px;white-space:nowrap;background:var(--panel);border:1px solid var(--line);color:var(--ink);box-shadow:0 2px 0 color-mix(in srgb,var(--line) 80%,transparent);transition:opacity .2s,border-color .15s}.glabel b{color:var(--accent);font-weight:700}.glabel.shake{animation:gshake .22s}@keyframes gshake{25%{margin-left:-4px}75%{margin-left:4px}}@media (max-width:560px){.glabel{font-size:15px;padding:4px 6px 5px}}.gw-rain{background:linear-gradient(var(--g-sky-2),var(--g-sky))}.rain-ground{right:0;bottom:0;height:14%;background:linear-gradient(var(--g-grass),var(--g-grass-2));border-top:3px solid var(--g-grass-2)}.rain-ground,.rd{position:absolute;left:0}.rd{top:0;width:44px;height:58px;will-change:transform}.rd svg{inset:0;width:100%;height:100%;filter:drop-shadow(0 3px 0 color-mix(in srgb,var(--g-drop) 45%,#000 20%))}.rd span,.rd svg{position:absolute}.rd span{left:0;right:0;bottom:10px;text-align:center;font-family:var(--font-mono);font-size:24px;font-weight:700;line-height:1;color:#fff}.rd.low .g-drop{fill:var(--bad)}.rd.pop>*{animation:gpop .26s ease-out forwards}.rd.splash svg{animation:gsplash .42s ease-out forwards;transform-origin:50% 100%}.rd.splash span{opacity:0}@keyframes gpop{to{transform:scale(1.5);opacity:0}}@keyframes gsplash{to{transform:translateY(8px) scale(1.7,.15);opacity:0}}.ga-wolves,.gw-wolves{background:linear-gradient(var(--g-sky-2) 0,var(--g-sky) 13%,var(--g-grass) 13.2%,var(--g-grass-2) 100%)}.steppe{right:0;background-image:radial-gradient(circle,var(--g-grass-2) 1.6px,transparent 2.2px),radial-gradient(circle,var(--g-grass-2) 1px,transparent 1.6px);background-size:52px 40px,37px 29px;background-position:0 0,18px 12px;opacity:.9}.pen,.steppe{position:absolute;left:0;top:13.2%;bottom:0}.pen{width:15%;background:var(--g-pen)}.fence{right:-3px;width:7px;background:repeating-linear-gradient(to bottom,var(--g-fence) 0 22px,transparent 22px 30px)}.fence,.fence:before{position:absolute;top:0;bottom:0}.fence:before{content:"";right:-4px;width:2px;background:var(--g-fence);opacity:.6}.flock{position:absolute;inset:6px 10px 6px 4px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.sheep{width:48px;transition:transform .3s}.sheep svg{display:block;width:100%;height:auto}.sheep.lost{animation:glost .7s ease-in forwards}@keyframes glost{to{transform:translateX(60px);opacity:0}}@media (max-width:560px){.sheep{width:34px}}.wolf{position:absolute;left:0;top:0;width:68px;will-change:transform}.wolf svg{display:block;width:68px;height:42px;transform:translateY(-50%)}.wolf .glabel{bottom:calc(100% + 21px);margin:0}.wolf.alpha{width:96px}.wolf.alpha svg{width:96px;height:60px}.wolf.alpha .glabel{bottom:calc(100% + 30px);border-color:var(--gold)}.wolf.near .glabel{border-color:var(--bad)}.wolf.locked{z-index:4}.wolf.locked .glabel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.wolf.flee .glabel,.wolf.grab .glabel{display:none}.wolf.flee svg,.wolf.grab svg{transform:translateY(-50%) scaleX(-1);animation:gfade .9s ease-in forwards}@keyframes gfade{60%{opacity:1}to{opacity:0}}.ga-caravan,.gw-caravan{background:linear-gradient(var(--g-dsky-2),var(--g-dsky) 75%)}.sun{right:12%;top:11%;width:54px;height:54px;border-radius:50%;background:var(--g-sun);box-shadow:0 0 50px 6px color-mix(in srgb,var(--g-sun) 45%,transparent)}.dunes,.sun{position:absolute}.dunes{left:0;right:0;bottom:20%;background-repeat:repeat-x;background-position:0 100%}.dunes.far{height:96px;background-image:radial-gradient(ellipse 62% 100% at 50% 100%,var(--g-dune-far) 98%,transparent 100%);background-size:360px 100%}.dunes.near{height:56px;background-image:radial-gradient(ellipse 58% 100% at 50% 100%,var(--g-dune) 98%,transparent 100%);background-size:250px 100%}.sand{position:absolute;left:0;right:0;bottom:0;height:20%;background-color:var(--g-sand);border-top:2px solid var(--g-sand-2);background-image:radial-gradient(circle,var(--g-sand-2) 1.6px,transparent 2.2px),radial-gradient(circle,var(--g-sand-2) 1px,transparent 1.6px);background-size:70px 24px,43px 31px;background-position:0 8px,20px 18px}.camel{top:0;height:0;z-index:3;will-change:transform}.camel,.camel svg{position:absolute;left:0;width:84px}.camel svg{bottom:-4px;height:62px;overflow:visible}.camel .leg{transform-box:fill-box;transform-origin:50% 0}.walking .camel:not(.air) .legb,.walking .camel:not(.air) .legf2{animation:gleg .46s ease-in-out infinite alternate}.walking .camel:not(.air) .legb2,.walking .camel:not(.air) .legf{animation:gleg .46s ease-in-out infinite alternate-reverse}@keyframes gleg{0%{transform:rotate(14deg)}to{transform:rotate(-14deg)}}.camel.air .legb,.camel.air .legb2{transform:rotate(28deg)}.camel.air .legf,.camel.air .legf2{transform:rotate(-28deg)}.camel.hurt svg{animation:gblink .22s steps(2) 5}@keyframes gblink{50%{opacity:.25}}.obst{top:0;height:0;z-index:2;will-change:transform}.obst,.obst svg{position:absolute;left:0;width:44px}.obst svg{bottom:-3px;height:auto}.obst.well{z-index:1}.obst.well svg{width:40px}.obst .glabel{bottom:48px;margin:0;left:22px}.obst.hi .glabel{bottom:84px}.obst .glabel:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:var(--stem,6px);background:var(--line)}.obst.hi .glabel:after{--stem:42px}.gw-caravan .obst:not(.active):not(.cleared) .glabel{opacity:.6}.obst.active .glabel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);z-index:3}.obst.cleared .glabel{border-color:var(--ok);color:var(--ok);opacity:.5}.obst.cleared .glabel b{color:var(--ok)}.obst.well .glabel{color:var(--g-water)}.obst.well.active .glabel{border-color:var(--g-water);box-shadow:0 0 0 3px color-mix(in srgb,var(--g-water) 25%,transparent)}.obst.well.cleared svg{animation:gfade .6s forwards}.obst.hit .glabel{display:none}.obst.hit svg{animation:ghit .5s ease-in forwards;transform-origin:50% 100%}@keyframes ghit{to{transform:rotate(-35deg) translateY(10px);opacity:0}}.ga{position:absolute;inset:0;overflow:hidden}.ga .glabel{font-size:14px;padding:4px 6px 5px}.ga-rain{background:linear-gradient(var(--g-sky-2),var(--g-sky))}.ga .rd{transform:none}.ga-d0{left:14%;top:12%}.ga-d1{left:38%;top:44%}.ga-d1 .g-drop{fill:var(--bad)}.ga-d2{left:60%;top:6%}.ga-d3{left:80%;top:30%}.ga-pen{position:absolute;left:0;top:13.2%;bottom:0;width:21%;background:var(--g-pen);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-right:5px dashed var(--g-fence)}.ga-pen svg{width:44px}.ga .wolf{transform:none}.ga-w0{left:40%;top:56%}.ga-w0 .glabel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ga-w1{left:72%;top:80%}.ga .camel,.ga .obst{transform:none;top:80%}.ga-camel{left:10%}.ga-o0{left:50%}.ga-o0 .glabel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ga-o1{left:78%}.ga .obst .glabel{bottom:44px}@media (prefers-reduced-motion:reduce){.gbanner{animation:none}.camel .leg{animation:none!important}.camel.hurt svg,.glabel.shake,.gw.hurt:after,.gw.miss:after{animation:none}}.rail .coursesw{margin:0 0 6px}.rail .coursesw .seg{flex:1 1;text-align:center}@media (max-width:900px){.rail .coursesw{flex:0 0 auto;width:auto;margin:0;align-self:center}.rail .coursesw .seg{flex:0 0 auto}}.lgroup{display:flex;flex-direction:column;gap:2px}.rail .grp{display:flex;align-items:center;gap:6px;width:100%;border:0;background:transparent;border-radius:8px;padding:7px 8px 6px;text-align:left;cursor:pointer;transition:color .15s,background .15s}.rail .grp:hover{color:var(--ink);background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}.rail .grp:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.grp .chev{flex:none;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.lgroup.open .grp .chev{transform:rotate(90deg)}.grp-t{flex:1 1;min-width:0}.grp-n{font-family:var(--font-mono);font-size:11px;letter-spacing:0;text-transform:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lgroup.cur:not(.open) .grp{color:var(--accent)}.lgroup+.lgroup{margin-top:2px}.lock{flex:none;color:var(--muted);opacity:.75}.lesson.on .lock{color:inherit;opacity:.85}@media (min-width:901px){.lgroup:not(.open) .lesson{display:none}}@media (max-width:900px){.lgroup{display:contents}}@media (prefers-reduced-motion:reduce){.grp .chev{transition:none}}.lessoncard .lhead{align-items:center;gap:8px 12px;margin-bottom:12px}.lessoncard .lhead p{line-height:1.5}.goal{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal,.goal>span{align-items:center}.goal>span{display:inline-flex;gap:5px;white-space:nowrap}.goal .stars{font-size:12px;letter-spacing:0}.goal .g3{color:var(--ink)}.goal b{font-weight:600}.mybest{color:var(--ink)}.lessoncard .stats{gap:8px;margin-bottom:12px}.lessoncard .stat{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 12px}.lessoncard .stat .val{font-size:19px;line-height:1.2}.lessoncard .tyfoot{margin-top:10px}.lessoncard .hint{font-size:16px;min-height:24px}.lessoncard .btn.restart{padding:6px 10px;font-size:14px}.kbcard{padding:14px 20px 12px}@media (max-width:560px){.goal{margin-left:0}}.lockcard{border:1px solid var(--line);border-radius:12px;padding:28px 20px;background:color-mix(in srgb,var(--gold) 7%,var(--panel))}.lockcard .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}