@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0e7b7e0b829e3eb9-s.0s6677u7501n5.woff2)format("woff2");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:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/daf789e4474d0d90-s.3w_oc3nqvqm6n.woff2)format("woff2");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:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9e9f04e3c37952ab-s.p.002ht2t_o636a.woff2)format("woff2");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}@font-face{font-family:Anton Fallback;src:local(Arial);ascent-override:129.7%;descent-override:36.29%;line-gap-override:0.0%;size-adjust:90.69%}.anton_3de222df-module__cdpv1W__className{font-family:Anton,Anton Fallback;font-style:normal;font-weight:400}.anton_3de222df-module__cdpv1W__variable{--font-anton:"Anton", "Anton Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,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(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");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}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_707233f-module__9hS9bG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_707233f-module__9hS9bG__variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg-page:#f3f3f3;--bg-island:#fff;--bg-header:#f8f8f8;--border:#e2e2e2;--text:#1f1f1f;--muted:#6b6b6b;--why:#8250df;--correct:#1a7f37;--wrong-language:#9a6700;--incorrect:#cf222e;--shadow:0 1px 2px #0000000d, 0 1px 1px #00000008;--bg-alt:#eceef1;--glow:0, 95, 184;--coral:#e8532f;--coral-glow:232, 83, 47;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-page:#1e1e1e;--bg-island:#252526;--bg-header:#202020;--border:#3c3c3c;--text:#d4d4d4;--muted:#9d9d9d;--why:#a371f7;--correct:#89d185;--wrong-language:#e2c08d;--incorrect:#f14c4c;--shadow:0 1px 3px #00000080, 0 1px 2px #0006;--bg-alt:#1a1a1a;--glow:79, 193, 255;--coral:#ff7a52;--coral-glow:255, 122, 82}}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--border) 1px, transparent 1px);opacity:.45;background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 25%,#0000 80%);mask-image:radial-gradient(90% 70% at 50% 0,#000 25%,#0000 80%)}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(160deg, rgba(var(--glow), .08), rgba(var(--coral-glow), .06) 55%, transparent 90%);position:fixed;inset:0}.header-bar{background:var(--bg-header);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.header-bar strong,.header-brand{color:var(--text);font-size:.95rem;font-weight:600;font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;text-decoration:none}.brand-slash{font-family:var(--font-anton), sans-serif;color:var(--coral);letter-spacing:-.05em;margin-right:.08em}.header-left{align-items:center;gap:1rem;display:flex}.header-nav-link{color:var(--muted);font-size:.85rem;text-decoration:none}.header-nav-link:hover{color:var(--text)}.header-support-link{border:1px solid rgba(var(--coral-glow), .4);color:var(--coral);white-space:nowrap;border-radius:999px;padding:.3rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none}.header-support-link:hover{background:rgba(var(--coral-glow), .1)}.autoskip-toggle{border-top:1px solid var(--border);color:var(--muted);cursor:pointer;align-items:center;gap:.45rem;margin-top:1rem;padding-top:1rem;font-size:.8rem;display:flex}.autoskip-toggle:hover{color:var(--text)}.autoskip-toggle input{accent-color:var(--coral);cursor:pointer}.redo-setup-link{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:.9rem;padding:0;font-size:.8rem;display:block}.redo-setup-link:hover{color:var(--text)}.support-link{margin-top:.5rem;text-decoration:none}.support-link:hover{color:var(--coral)}.level-info{flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.level-badge{color:var(--coral);font-size:.85rem;font-weight:600}.progress-track{background:var(--bg-header);height:3px}.progress-fill{background:var(--coral);width:0%;height:100%;transition:width .15s}.xp{color:var(--muted);font-size:.85rem}.onboarding-main{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.onboarding-panel{width:100%;max-width:520px}.onboarding-title{margin:0 0 .3rem;font-size:1.3rem}.onboarding-sub{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.onboarding-question{margin-bottom:1.25rem}.onboarding-label{margin-bottom:.5rem;font-size:.92rem}main{flex-direction:column;gap:1rem;max-width:640px;margin:0 auto;padding:1.5rem 1.25rem 4rem;display:flex}.panel{background:var(--bg-island);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:1.1rem 1.25rem}.practice-layout{grid-template-columns:220px 1fr 240px;align-items:start;gap:1.25rem;max-width:1140px;margin:0 auto;padding:1.5rem 1.25rem 4rem;display:grid}.practice-layout main{max-width:none;margin:0;padding:0}.skills-panel{position:sticky;top:1rem}.skills-list{flex-direction:column;gap:.6rem;display:flex}.skill-row{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:.3rem;width:100%;padding:.5rem .6rem;font-family:inherit;display:flex}.xp-counter{border-top:1px solid var(--border);align-items:center;gap:.8rem;margin-top:1rem;padding-top:1rem;display:flex;position:relative}.xp-orb{background:radial-gradient(circle at 32% 28%, var(--coral-glow), var(--coral));width:40px;height:40px;box-shadow:0 0 0 3px var(--bg-page), 0 0 0 4px rgba(var(--coral-glow), .4);border-radius:50%;flex-shrink:0;position:relative}.xp-counter-info{flex-direction:column;gap:.15rem;display:flex}.xp-counter-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.7rem}.xp-counter-rate{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--text);font-size:1.05rem;font-weight:700}.xp-drop{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--coral);white-space:nowrap;pointer-events:none;font-size:.95rem;font-weight:700;animation:1.3s ease-out forwards xp-drop-float;position:absolute;top:-.2rem;left:50%;transform:translate(-50%)}@keyframes xp-drop-float{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.9)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}75%{opacity:1;transform:translate(-50%)translateY(-22px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-34px)scale(1)}}.level-up-toast{z-index:60;background:var(--bg-alt);border:1px solid var(--coral);pointer-events:none;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem 1.6rem;animation:3.5s cubic-bezier(.2,.8,.2,1) forwards level-up-toast-in;display:flex;position:fixed;bottom:1.5rem;left:50%;box-shadow:0 8px 24px #00000040}.level-up-toast-title{font-family:var(--font-anton), sans-serif;letter-spacing:.02em;color:var(--coral);font-size:1.1rem}.level-up-toast-body{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--text);font-size:.85rem}@keyframes level-up-toast-in{0%{opacity:0;transform:translate(-50%)translateY(120%)}10%{opacity:1;transform:translate(-50%)translateY(0)}88%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(120%)}}.skill-row:hover{background:var(--bg-page)}.skill-row.active{border-color:var(--coral);background:var(--bg-page)}.skill-row-top{justify-content:space-between;align-items:baseline;font-size:.85rem;display:flex}.skill-name{color:var(--text)}.skill-level{color:var(--coral);font-size:.8rem;font-weight:600}.skill-bar-track{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.skill-bar-fill{background:var(--coral);height:100%;transition:width .15s}.learning-path-panel{position:sticky;top:1rem}.path-groups{flex-direction:column;gap:1rem;display:flex}.path-group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.4rem;font-size:.7rem}.path-nodes{flex-direction:column;gap:.45rem;display:flex}.path-node{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:.5rem;margin:0 -.3rem;padding:.2rem .3rem;font-family:inherit;font-size:.82rem;display:flex}.path-node:hover{background:var(--bg-page);color:var(--text)}.path-node-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.path-node-good .path-node-dot{background:var(--correct)}.path-node-mid .path-node-dot{background:var(--wrong-language)}.path-node-low .path-node-dot{background:var(--incorrect)}.path-node-good,.path-node-mid,.path-node-low{color:var(--text)}.path-node-current{color:var(--text);font-weight:600}.path-node-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.path-node-here{color:var(--coral);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:.66rem}.concept{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.4rem;font-size:.75rem}.multi-step-banner{color:var(--coral);background:rgba(var(--coral-glow), .12);border-radius:999px;margin-bottom:.6rem;padding:.25rem .7rem;font-size:.72rem;font-weight:600;display:inline-block}.concept-intro{border-color:rgba(var(--coral-glow), .35)}.concept-intro-eyebrow{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--coral);margin-bottom:.9rem;font-size:.75rem;font-weight:600}.concept-intro-item{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.concept-intro-item:last-of-type{border-bottom:none;margin-bottom:1.1rem;padding-bottom:0}.concept-intro-title{margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.concept-intro-body{color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.concept-intro-example{background:var(--bg-page);border:1px solid var(--border);font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;white-space:pre-wrap;color:var(--text);border-radius:6px;margin:.7rem 0 0;padding:.6rem .8rem;font-size:.82rem;line-height:1.6}.concept-intro-visual{margin:.8rem 0 0}.concept-intro-visual+.concept-intro-visual{margin-top:.6rem}.concept-visual-row-label{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--muted);margin-bottom:.35rem;font-size:.72rem}.concept-visual-row{flex-wrap:wrap;gap:.6rem;display:flex}.concept-visual-item{flex-direction:column;align-items:center;gap:.2rem;display:flex}.concept-visual-index{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--coral);font-size:.78rem;font-weight:700}.concept-visual-index-neg{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--muted);font-size:.7rem}.concept-visual-box{background:var(--bg-page);border:1px solid rgba(var(--coral-glow), .4);font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--text);border-radius:6px;padding:.45rem .7rem;font-size:.85rem}.concept-visual-box-highlight{border-color:var(--coral);background:rgba(var(--coral-glow), .15);color:var(--coral);font-weight:600}.concept-visual-box-empty{color:var(--muted);border-style:dashed;font-style:italic}.concept-visual-labeled-box{flex-direction:column;align-items:center;gap:.2rem;display:inline-flex}.concept-visual-box-tag{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--coral);font-size:.75rem;font-weight:700}.concept-visual-trace{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.concept-visual-trace-step{align-items:center;gap:.35rem;display:inline-flex}.concept-visual-trace-arrow{color:var(--muted);font-size:.85rem}.concept-visual-transform{align-items:center;gap:.6rem;display:flex}.concept-visual-transform-arrow{color:var(--coral);font-size:1.1rem;font-weight:700}.prompt{font-size:1.05rem;line-height:1.5}button{font-family:inherit;font-size:.9rem}.lang-picker{flex-wrap:wrap;gap:.4rem;display:flex}.lang-pill{border:1px solid var(--border);background:var(--bg-page);color:var(--muted);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;transition:transform .1s,box-shadow .1s,background .1s,color .1s}.lang-pill:hover:not(.active){color:var(--text)}.lang-pill.active{background:var(--coral);border-color:var(--coral);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #0000002e}.editor-panel{padding:0;overflow:hidden}.editor-panel .cm-editor{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;font-size:.9rem;background:0 0!important}.editor-panel .cm-scroller{min-height:110px}.actions{flex-wrap:wrap;gap:.6rem;display:flex}button{border:1px solid var(--border);background:var(--bg-island);color:var(--text);cursor:pointer;border-radius:6px;padding:.5rem 1rem;transition:background .1s}button:hover:not(:disabled){background:var(--bg-header)}button.primary{background:var(--coral);color:#fff;border-color:var(--coral)}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--coral)}button:disabled{opacity:.5;cursor:default}.aside-panel{color:var(--muted);padding:.75rem 1rem;font-size:.88rem}.aside-panel.hint{border-left:3px solid var(--coral)}.aside-panel.why{border-left:3px solid var(--why);color:var(--text)}.aside-panel.solution pre{color:var(--text);font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;white-space:pre-wrap;word-break:break-word;margin:.4rem 0 0;font-size:.85rem}.aside-panel.solution{border-left:3px solid var(--muted)}.language-levels{flex-direction:column;gap:.6rem;display:flex}.language-level-row{align-items:baseline;gap:.75rem;display:flex}.language-level-name{min-width:6rem;font-size:.92rem}.language-level-badge{color:var(--coral);font-size:.85rem;font-weight:600}.language-level-xp{color:var(--muted);font-size:.82rem}.empty-note{color:var(--muted);margin:0;font-size:.88rem}.accuracy-table{flex-direction:column;gap:.35rem;display:flex;overflow-x:auto}.accuracy-row{grid-template-columns:1fr repeat(3,5.5rem);align-items:center;gap:.5rem;min-width:420px;font-size:.85rem;display:grid}.accuracy-header{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.accuracy-concept{color:var(--text)}.accuracy-cell{text-align:right;font-variant-numeric:tabular-nums}.accuracy-good{color:var(--correct)}.accuracy-mid{color:var(--wrong-language)}.accuracy-low{color:var(--incorrect)}.accuracy-empty{color:var(--muted)}.feedback{border-left:3px solid var(--border);font-size:.92rem}.feedback.correct{color:var(--correct);border-left-color:var(--correct)}.feedback.wrong-language{color:var(--wrong-language);border-left-color:var(--wrong-language)}.feedback.logic-error,.feedback.incorrect{color:var(--incorrect);border-left-color:var(--incorrect)}.landing-nav{z-index:50;background:var(--bg-island);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:3.25rem;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav-brand{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--text);font-size:.95rem;font-weight:600;text-decoration:none}.landing-nav-links{align-items:center;gap:1.75rem;display:flex}.landing-nav-link{color:var(--muted);font-size:.88rem;text-decoration:none}.landing-nav-link:hover{color:var(--text)}.landing-nav-cta{background:var(--coral);color:#fff;border-radius:6px;padding:.45rem .95rem;font-size:.85rem;font-weight:600;text-decoration:none}.landing-nav-cta:hover{filter:brightness(1.08)}.landing-nav-support{border:1px solid rgba(var(--coral-glow), .4);color:var(--coral);white-space:nowrap;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none}.landing-nav-support:hover{background:rgba(var(--coral-glow), .1)}.landing{scroll-behavior:smooth;scroll-snap-type:y proximity;flex-direction:column;gap:0;max-width:none;height:calc(100dvh - 3.25rem);margin:3.25rem 0 0;padding:0;display:flex;overflow:hidden auto}.landing>section,.landing>footer{flex-shrink:0}.landing-inner{width:100%;max-width:1160px;margin:0 auto;padding:0 1.75rem}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,.8,.3,1),transform .7s cubic-bezier(.16,.8,.3,1);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.hero-band{background:var(--bg-page);scroll-snap-align:start;scroll-snap-stop:always;align-items:center;min-height:calc(100dvh - 3.25rem);padding:5.5rem 0 5rem;display:flex;position:relative}.hero-band:before{content:"";background-image:radial-gradient(var(--border) 1px, transparent 1px);opacity:.55;pointer-events:none;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 30% 20%,#000 40%,#0000 85%);mask-image:radial-gradient(70% 60% at 30% 20%,#000 40%,#0000 85%)}.hero-band:after{content:"";z-index:0;background:linear-gradient(135deg, rgba(var(--glow), .12), rgba(var(--coral-glow), .1) 55%, transparent 90%);pointer-events:none;position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:3.5rem;display:grid;position:relative}.hero-copy{flex-direction:column;align-items:flex-start;gap:1.4rem;display:flex}.eyebrow-tag{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--coral);border:1px solid rgba(var(--coral-glow), .35);background:var(--bg-island);border-radius:999px;padding:.4rem .9rem;font-size:1rem;font-weight:600}.hero-title{letter-spacing:-.02em;margin:0;font-size:clamp(2.75rem,4.5vw + 1.2rem,4.6rem);line-height:1.08}.hero-highlight{color:var(--coral)}.hero-sub{color:var(--muted);max-width:48ch;margin:0;font-size:1.22rem;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:.6rem;display:flex}.hero-visual{position:relative}.mock-window{border:1px solid var(--border);width:100%;box-shadow:0 12px 32px #00000029, var(--shadow);background:var(--bg-island);border-radius:10px;overflow:hidden;transform:rotate(-1deg)}.window-bar{background:var(--bg-header);border-bottom:1px solid var(--border);align-items:center;gap:.4rem;padding:.65rem .9rem;display:flex}.window-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-red{background:var(--incorrect)}.dot-amber{background:var(--wrong-language)}.dot-green{background:var(--correct)}.window-filename{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--muted);margin-left:.5rem;font-size:.78rem}.mock-body{flex-direction:column;gap:1.2rem;padding:2rem;display:flex}.mock-concept{letter-spacing:.04em;color:var(--muted);font-size:.76rem;font-weight:600}.mock-prompt{margin:0;font-size:1.08rem;line-height:1.55}.mock-prompt code{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;background:var(--bg-page);border-radius:4px;padding:.05rem .35rem;font-size:.85em}.mock-code{background:var(--bg-page);border:1px solid var(--border);font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;border-radius:6px;gap:.75rem;padding:.9rem 1.1rem;font-size:1.02rem;display:flex}.mock-lineno{color:var(--muted);opacity:.6;-webkit-user-select:none;user-select:none}.mock-code-text .tok-fn{color:var(--why)}.mock-code-text .tok-dot{color:var(--muted)}.mock-feedback{border-left:3px solid var(--wrong-language);background:var(--bg-page);border-radius:0 6px 6px 0;padding:.55rem .8rem}.mock-feedback-title{color:var(--wrong-language);margin-bottom:.25rem;font-size:.94rem;font-weight:600}.mock-feedback-body{color:var(--text);font-size:.92rem;line-height:1.5}.mock-feedback-body code{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;font-size:.9em}.problem-band{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);scroll-snap-align:start;scroll-snap-stop:always;align-items:center;min-height:calc(100dvh - 3.25rem);padding:4.5rem 0;display:flex;position:relative}.problem-band:before{content:"";background-image:radial-gradient(var(--border) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 78% 25%,#000 35%,#0000 85%);mask-image:radial-gradient(60% 55% at 78% 25%,#000 35%,#0000 85%)}.problem-band:after{content:"";z-index:0;background:linear-gradient(200deg, rgba(var(--coral-glow), .14), rgba(var(--glow), .08) 50%, transparent 88%);pointer-events:none;position:absolute;inset:0}.problem-inner{z-index:1;text-align:center;position:relative}.section-eyebrow{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--coral);margin-bottom:.7rem;font-size:1.05rem;font-weight:600}.section-eyebrow-center{text-align:center}.section-title{letter-spacing:-.02em;max-width:24ch;margin:0 auto 1.25rem;font-size:clamp(2rem,3vw + 1.3rem,3.4rem);line-height:1.2}.section-body{color:var(--muted);max-width:56ch;margin:0 auto;font-size:1.18rem;line-height:1.65}.how-band,.how-pin-wrap{position:relative}.how-sticky{background:var(--bg-page);flex-direction:column;justify-content:center;align-items:center;height:calc(100dvh - 3.25rem);padding:2rem 1.75rem;display:flex;position:sticky;top:0;overflow:hidden}.how-sticky:before{content:"";z-index:0;background-image:radial-gradient(var(--border) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 55% at 25% 80%,#000 35%,#0000 85%);mask-image:radial-gradient(65% 55% at 25% 80%,#000 35%,#0000 85%)}.how-sticky:after{content:"";z-index:0;background:linear-gradient(160deg, rgba(var(--glow), .13), rgba(var(--coral-glow), .07) 55%, transparent 88%);pointer-events:none;position:absolute;inset:0}.how-sticky>*{z-index:1;position:relative}.how-track-marker{height:45dvh}.how-track-tail{height:60dvh}.step-pin-layout{text-align:left;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:480px;margin:2.5rem auto 0;display:flex}.step-pin-rail{flex-direction:column;flex-shrink:0;gap:.65rem;display:flex}.step-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .25s,transform .25s}.step-dot.active{background:var(--coral);transform:scale(1.5)}.step-pin-window{border:1px solid var(--border);background:var(--bg-island);min-width:0;box-shadow:0 12px 32px #00000024, var(--shadow);border-radius:10px;flex:1;overflow:hidden}.step-pin-body{height:300px;position:relative}.step-pin-slide{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;padding:2rem;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:0;transform:translateY(10px)}.step-pin-slide.is-active{opacity:1;pointer-events:auto;transform:none}.step-number{border:1px solid rgba(var(--coral-glow), .35);background:var(--bg-page);width:2.75rem;height:2.75rem;font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--coral);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.1rem;font-size:.9rem;display:inline-flex}.step-title{margin-bottom:.55rem;font-size:1.3rem;font-weight:600}.step-body{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.6}.step-pin-hint{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--muted);margin-top:1.75rem;font-size:.75rem}.features-band{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4.5rem 0 2rem;position:relative}.features-band:before{content:"";z-index:0;background-image:radial-gradient(var(--border) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 8%,#000 35%,#0000 85%);mask-image:radial-gradient(70% 60% at 50% 8%,#000 35%,#0000 85%)}.features-band:after{content:"";z-index:0;background:linear-gradient(115deg, rgba(var(--coral-glow), .12), rgba(var(--glow), .1) 55%, transparent 90%);pointer-events:none;position:absolute;inset:0}.features-band .landing-inner{z-index:1;position:relative}.features-stack{z-index:1;padding-top:1rem;position:relative}.feature-card{border:1px solid var(--border);background:var(--bg-island);width:100%;max-width:640px;box-shadow:0 16px 36px #00000029, var(--shadow);border-radius:10px;margin:0 auto 7rem;position:sticky;overflow:hidden}.feature-card:last-child{margin-bottom:9rem}.feature-card-body{padding:1.9rem 1.75rem}.feature-icon{background:rgba(var(--coral-glow), .14);width:2.75rem;height:2.75rem;color:var(--coral);border-radius:8px;justify-content:center;align-items:center;margin-bottom:1.1rem;display:flex}.feature-icon svg{width:1.4rem;height:1.4rem}.feature-title{margin-bottom:.55rem;font-size:1.25rem;font-weight:600}.feature-body{color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.support-band{background:var(--bg-alt);border-top:1px solid var(--border);scroll-snap-align:start;scroll-snap-stop:always;align-items:center;min-height:calc(100dvh - 3.25rem);padding:4.5rem 0;display:flex;position:relative}.support-band:before{content:"";z-index:0;background-image:radial-gradient(var(--border) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000 35%,#0000 85%);mask-image:radial-gradient(60% 60% at 50% 40%,#000 35%,#0000 85%)}.support-band:after{content:"";z-index:0;background:linear-gradient(150deg, rgba(var(--coral-glow), .14), rgba(var(--glow), .09) 55%, transparent 88%);pointer-events:none;position:absolute;inset:0}.support-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.support-cta{margin-top:1.5rem}.footer-band{background:var(--bg-page);scroll-snap-align:start;padding:2.5rem 0}.footer-inner{text-align:center;color:var(--muted);font-size:.82rem}.footer-inner p{margin:0 0 .75rem}.footer-prompt{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--muted);margin-top:1.5rem;font-size:.9rem}.cursor-blink{background:var(--coral);vertical-align:text-bottom;width:.5em;height:1em;margin-left:3px;animation:1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{50%{opacity:0}}.cta-button{background:var(--coral);color:#fff;box-shadow:0 6px 18px rgba(var(--coral-glow), .35);border-radius:8px;padding:.85rem 2rem;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-block}.cta-button:hover{filter:brightness(1.08)}.cta-note{color:var(--muted);font-size:.85rem}@media (max-width:1040px){.practice-layout{grid-template-columns:1fr}.practice-layout main{order:1}.skills-panel{order:2;position:static}.learning-path-panel{order:3;position:static}}@media (max-width:900px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-copy{align-items:center}.hero-actions{justify-content:center}.mock-window{max-width:460px;margin:0 auto;transform:none}.step-pin-layout{max-width:380px}.landing-nav-links{gap:1rem}.landing-nav-link{display:none}}@media (max-width:480px){.header-bar{padding:.75rem 1rem}main,.practice-layout{gap:.85rem;padding:1.1rem .85rem 3rem}.panel{border-radius:8px;padding:.9rem 1rem}.actions button{flex:auto}.editor-panel .cm-editor{font-size:16px}.landing-inner{padding:0 1.1rem}.hero-band{padding:3.5rem 0 3rem}.hero-sub{font-size:1rem}.mock-body{padding:1.25rem}.problem-band{padding:3rem 0}.features-band{padding:3rem 0 1.5rem}.support-band{padding:3rem 0}.section-body{font-size:1rem}.how-sticky{padding:1.5rem 1.25rem}.step-pin-layout{gap:.85rem;max-width:300px}.step-pin-body{height:340px}.step-pin-slide{padding:1.5rem}.feature-card{margin-bottom:5rem}.feature-card-body{padding:1.5rem 1.25rem}.landing-nav{padding:0 1rem}.landing-nav-links{gap:.5rem}.landing-nav-support{padding:.35rem .6rem;font-size:.75rem}.landing-nav-cta{padding:.4rem .7rem;font-size:.8rem}}.blog-main{max-width:720px;margin:0 auto;padding:3.5rem 1.5rem 5rem}.blog-index-title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(2rem,3vw + 1rem,2.75rem);line-height:1.2}.blog-index-sub{color:var(--muted);margin:0 0 2.5rem;font-size:1.05rem}.blog-index-list{flex-direction:column;gap:1.5rem;display:flex}.blog-index-item{border:1px solid var(--border);background:var(--bg-island);color:inherit;border-radius:10px;padding:1.5rem 1.6rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.blog-index-item:hover{border-color:var(--coral);transform:translateY(-2px)}.blog-index-item-title{color:var(--text);margin-bottom:.4rem;font-size:1.2rem;font-weight:600}.blog-index-item-excerpt{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.blog-eyebrow{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;color:var(--coral);margin-bottom:.75rem;font-size:.85rem}.blog-title{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.9rem,3vw + 1rem,2.6rem);line-height:1.2}.blog-meta{color:var(--muted);margin:0 0 2.5rem;font-size:.9rem}.blog-body{color:var(--text);font-size:1.08rem;line-height:1.75}.blog-body p{margin:0 0 1.4rem}.blog-body h2{letter-spacing:-.01em;margin:2.5rem 0 1rem;font-size:1.4rem}.blog-body ul,.blog-body ol{margin:0 0 1.4rem;padding-left:1.4rem;line-height:1.7}.blog-body li{margin-bottom:.5rem}.blog-body strong{color:var(--text)}.blog-body code{font-family:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Consolas, monospace;background:var(--bg-alt);border-radius:4px;padding:.1rem .4rem;font-size:.9em}.blog-cta{border:1px solid rgba(var(--coral-glow), .35);background:rgba(var(--coral-glow), .08);text-align:center;border-radius:10px;margin-top:3rem;padding:1.75rem}.blog-cta p{color:var(--text);margin:0 0 1rem}.blog-back-link{color:var(--muted);margin-top:3rem;font-size:.9rem;text-decoration:none;display:inline-block}.blog-back-link:hover{color:var(--coral)}@media (max-width:480px){.blog-main{padding:2.5rem 1.1rem 3.5rem}.blog-body{font-size:1rem}}