:root{--bg:#0b0d12;--panel:#0d1017;--line:#1a1f2c;--edge:#232a3a;--text:#d7dcea;--body:#aab2c8;--muted:#959eb6;--dim:#626b85;--lime:#b4f25a;--red:#ff6b7a;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Space Grotesk", system-ui, sans-serif;--mode:var(--lime);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 60% 40%, #0e1118 0%, var(--bg) 70%);color:var(--text);font-family:var(--sans);font-size:16px}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.app{flex-direction:column;height:100%;display:flex}.topbar{font-family:var(--mono);justify-content:space-between;align-items:center;padding:18px 36px;font-size:14px;display:flex}.wordmark b{color:var(--lime);font-weight:600}.navlink{color:var(--muted);font-family:var(--mono);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:14px;transition:color .15s}.navlink:hover{color:var(--text)}.lesson{flex:1;grid-template-columns:minmax(320px,32%) minmax(0,1fr);min-height:0;display:grid}.concept{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.concept-body{flex:1;min-height:0;padding:20px 40px 28px;overflow-y:auto}.stage-label{font-family:var(--mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.concept h1{font-family:var(--mono);margin:14px 0 22px;font-size:32px;font-weight:600;line-height:1.2}.heading-keys{color:var(--lime);text-shadow:0 0 18px #b4f25a59}.heading-name{color:var(--text)}.concept p{color:var(--body);margin:0 0 14px;line-height:1.65}.concept strong{color:var(--text);font-weight:600}.key{font-family:var(--mono);color:var(--lime);font-size:.92em}.examples{font-family:var(--mono);border-collapse:collapse;margin:22px 0;font-size:14px}.examples td{vertical-align:top;padding:5px 0}.examples td:first-child{color:var(--lime);white-space:nowrap;padding-right:24px}.examples td:last-child{color:var(--body)}.deep{border-top:1px solid var(--line);margin-top:26px;padding-top:14px}.deep summary{cursor:pointer;font-family:var(--mono);color:var(--muted);font-size:14px;list-style:none}.deep summary::-webkit-details-marker{display:none}.deep summary:before{content:"+ ";color:var(--lime)}.deep[open] summary:before{content:"− "}.deep summary:hover{color:var(--text)}.deep p{margin-top:12px}.task{border-top:1px solid var(--line);background:var(--panel);flex-shrink:0;padding:16px 40px 20px}.task p{color:var(--text);margin:0}.task-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:8px;font-size:12px}.drill{flex-direction:column;min-width:0;min-height:0;padding:24px 48px 16px;display:flex;overflow-y:auto}.editor-frame{border:1px solid var(--edge);background:var(--panel);width:100%;max-width:1100px;box-shadow:0 0 0 1px color-mix(in srgb, var(--mode) 35%, transparent), 0 0 0 5px color-mix(in srgb, var(--mode) 6%, transparent), 0 24px 60px -30px color-mix(in srgb, var(--mode) 35%, transparent);border-radius:12px;transition:box-shadow .25s;overflow:hidden}.editor-frame.solved{box-shadow:0 0 0 2px var(--lime), 0 0 44px #b4f25a73}.editor-slot{min-height:48vh;max-height:62vh;display:flex}.editor-host{flex:1;min-width:0;overflow:auto}.editor-host .cm-editor{height:100%}.editor-host .cm-editor.cm-focused{outline:none}.cm-t-change{text-underline-offset:4px;-webkit-text-decoration:underline wavy #ffcb6bb3;text-decoration:underline wavy #ffcb6bb3}.cm-t-del{box-shadow:inset 3px 0 0 var(--red);background:#ff6b7a17}.cm-t-cursor{color:#ffcb6b;box-shadow:inset 0 -3px #ffcb6b}.cm-fat-cursor{animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.cm-fat-cursor{animation:none}}.modeline{border-top:1px solid var(--line);font-family:var(--mono);background:#0b0e15;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;font-size:14px;display:flex}.modeline-mode{color:var(--mode);letter-spacing:.04em;font-weight:700}.modeline-mode .dim{color:var(--mode);opacity:.6;font-weight:500}.modeline-tip{color:var(--muted);letter-spacing:0;margin-left:16px;font-weight:400}.modeline-right{color:var(--text);gap:28px;display:flex}.showcmd{text-align:right;min-width:6ch}.anatomy{min-height:34px;font-family:var(--mono);color:var(--muted);margin-top:14px;font-size:14px}.anatomy-inner{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.part{align-items:baseline;gap:6px;display:inline-flex}.part kbd{color:#0b0d12;background:var(--c);border-radius:4px;padding:1px 7px;font-family:inherit;font-weight:700}.part small{color:var(--c);font-size:12px}.anatomy-sum{color:var(--text)}.anatomy-wait{color:var(--muted)}.notice-keys{color:var(--lime);font-family:inherit;font-weight:700}.notice-next{color:var(--lime)}.progress{align-items:center;gap:12px;margin-top:8px;display:flex}.dots{gap:8px;display:flex}.dot{border:1px solid var(--lime);border-radius:50%;width:9px;height:9px}.dot.on{background:var(--lime);box-shadow:0 0 8px #b4f25a99}.dot.here:not(.on){box-shadow:0 0 0 3px #b4f25a26}.count{font-family:var(--mono);color:var(--muted);font-size:12px}.footer{font-family:var(--mono);justify-content:center;align-items:center;gap:6px;padding:14px;font-size:14px;display:flex}.btn{font-family:var(--mono);color:var(--text);border:1px solid var(--edge);background:#11141c;border-radius:7px;padding:6px 14px;font-size:14px;transition:border-color .15s,color .15s}.btn:hover{border-color:var(--lime);color:var(--lime)}.btn-quiet{color:var(--muted);background:0 0;border-color:#0000;margin-left:24px}.keys{gap:4px;margin-left:10px;display:inline-flex}.cap{font-family:var(--mono);color:var(--muted);background:#0f121a;border:1px solid #2a3142;border-bottom-width:2px;border-radius:5px;padding:2px 7px;font-size:12px}.map{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:12px 48px 40px;overflow-y:auto}.map h1{font-family:var(--mono);margin:8px 0 6px;font-size:32px;font-weight:600}.map-sub{color:var(--muted);margin:0 0 30px}.map-row{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr auto;align-items:center;gap:20px;padding:14px 0;display:grid}.map-stage{font-family:var(--mono);font-size:14px}.map-stage small{color:var(--muted);margin-right:10px;font-size:12px}.map-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--mono);color:#c3c9d9;background:#11141c;border:1px solid #262c3b;border-radius:7px;padding:7px 12px;font-size:14px;transition:border-color .15s,background .15s}button.chip:hover{border-color:var(--muted)}.chip-done{background:var(--lime);border-color:var(--lime);color:#0b0d12;font-weight:600}button.chip-done:hover{border-color:var(--text)}.chip-current{border-color:var(--lime);color:var(--lime);background:0 0;box-shadow:0 0 0 3px #b4f25a26,0 0 22px #b4f25a66}.map-known{font-family:var(--mono);color:var(--muted);background:0 0;border:0;font-size:14px}.map-known:hover:not(:disabled){color:var(--lime)}.map-known:disabled{cursor:default;color:var(--dim)}.upcoming .map-stage{color:var(--dim)}.soon{font-family:var(--mono);color:var(--dim);font-size:12px}.map-legend{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;font-size:12px;display:flex}.map-legend .chip{margin-right:6px;padding:2px 8px;font-size:12px}.map-hint{margin-left:auto}@media (width<=900px){.lesson{grid-template-rows:auto 1fr;grid-template-columns:1fr}.concept{border-right:0;border-bottom:1px solid var(--line);max-height:40vh}.concept-body,.task{padding-left:20px;padding-right:20px}.drill{padding:16px 20px}.map{padding:12px 20px 32px}.map-row{grid-template-columns:1fr;gap:10px}}.goal-code{font-family:var(--mono);color:var(--text);white-space:pre;tab-size:4;margin:0;font-size:14px;line-height:1.7;overflow-x:auto}.task p+.goal-code{margin-top:12px}.confetti{pointer-events:none;z-index:20;width:0;height:0;position:fixed;bottom:0;left:50%}.confetti-piece{border-radius:2px;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.assignment{background:#b4f25a0a;border:1px solid #b4f25a4d;border-radius:10px;margin:20px 0 8px;padding:14px 18px}.assignment-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:8px;font-size:12px}.assignment p{color:var(--text);margin:0}.assignment p+.goal-code{margin-top:10px}.done-backdrop{z-index:15;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06080c99;place-items:center;display:grid;position:fixed;inset:0}.done-card{background:var(--panel);border:1px solid #b4f25a66;border-radius:14px;width:min(440px,100% - 40px);padding:26px 28px;box-shadow:0 30px 80px -30px #b4f25a66}.done-card h2{font-family:var(--mono);margin:4px 0 10px;font-size:24px}.done-card p{color:var(--body);margin:0 0 22px}.done-actions{gap:8px;display:flex}.btn-primary{border-color:var(--lime);color:var(--lime);align-items:center;gap:10px;display:inline-flex}.drill-split{grid-template-columns:minmax(0,1fr);gap:16px;max-width:1100px;display:grid}.drill-split.open{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}.solution{border:1px dashed var(--edge);background:#0c0f16;border-radius:12px;max-height:62vh;padding:16px 18px;overflow:auto}.solution-keys{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.solution-keys .cap{color:var(--lime);font-size:13px}.solution-diff{font-family:var(--mono);color:var(--body);tab-size:4;margin:0;font-size:14px;line-height:1.8}.sd-sign{width:1.4em;color:var(--dim);display:inline-block}.sd-add{color:var(--lime);background:#b4f25a12}.sd-add .sd-sign{color:var(--lime)}.sd-del{color:var(--red);background:#ff6b7a12;-webkit-text-decoration:line-through #ff6b7a80;text-decoration:line-through #ff6b7a80}.sd-del .sd-sign{color:var(--red)}.solution-note{color:var(--body);margin:0}.solution-toggle{order:3;margin-left:auto}