:root{--bg:#0d1117;--bg-1:#11161d;--panel:#161b22;--panel-2:#1c2230;--border:#21262d;--border-2:#30363d;--text:#e6edf3;--muted:#8b949e;--dim:#6e7681;--accent:#f0883e;--accent-2:#fb923c;--accent-soft:#f0883e24;--green:#3fb950;--green-soft:#3fb95021;--red:#f85149;--red-soft:#f8514921;--blue:#58a6ff;--purple:#bc8cff;--yellow:#d29922;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 8px 30px #00000059}:root[data-theme=light]{--bg:#f6f8fa;--bg-1:#fff;--panel:#fff;--panel-2:#eef1f5;--border:#d7dde4;--border-2:#c4ccd6;--text:#1c2128;--muted:#57606a;--dim:#8893a0;--accent:#d8590f;--accent-2:#ec6a1c;--accent-soft:#d8590f1a;--green:#1a7f37;--green-soft:#1a7f371f;--red:#cf222e;--red-soft:#cf222e1a;--blue:#0969da;--purple:#8250df;--yellow:#9a6700;--shadow:0 8px 30px #8c959f40}:root[data-theme=light] .terminal,:root[data-theme=light] .ide-code,:root[data-theme=light] .md-pre,:root[data-theme=light] .cmd-pre{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}::selection{background:var(--accent-soft)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100%;display:flex}.content{flex:1;min-width:0;margin-left:290px;padding:40px 48px 120px}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);z-index:50;flex-direction:column;width:290px;height:100vh;padding:22px 14px 14px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.brand{cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;align-items:baseline;gap:6px;width:100%;padding:0 8px;display:flex}.brand-mark{font-family:var(--mono);color:var(--accent);letter-spacing:-1px;font-size:26px;font-weight:800}.brand-name{font-size:22px;font-weight:700}.brand-tag{color:var(--dim);margin-bottom:16px;padding:2px 8px 0;font-size:12px}.overall{margin-bottom:18px;padding:0 8px}.overall-bar{background:var(--panel-2);border-radius:99px;height:7px;overflow:hidden}.overall-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .4s}.overall-label{color:var(--muted);margin-top:6px;font-size:12px}.modules{flex:1}.mod{margin-bottom:6px}.mod-head{align-items:center;gap:8px;padding:12px 8px 6px;display:flex}.mod-num{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:2px 6px;font-size:11px}.mod-title{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);flex:1;font-size:13px;font-weight:600}.mod-count{color:var(--dim);font-size:11px;font-family:var(--mono)}.lessons{margin:0;padding:0;list-style:none}.nav-item{text-align:left;width:100%;color:var(--text);font:inherit;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:7px 10px;font-size:14px;transition:background .12s;display:flex}.nav-item:hover{background:var(--panel)}.nav-item.active{background:var(--accent-soft);color:#fff}.nav-item.active .nav-text{font-weight:600}.nav-item.special{color:var(--muted);margin-bottom:6px}.tick{color:var(--dim);flex-shrink:0;width:14px;font-size:12px}.tick.done{color:var(--green)}.nav-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);margin-top:12px;padding:12px 8px 0}.reset-btn{border:1px solid var(--border-2);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:7px;padding:6px 10px;font-size:12px}.reset-btn:hover{border-color:var(--dim);color:var(--text)}.footer-row{gap:6px;margin-bottom:8px;display:flex}.footer-row .reset-btn{flex:1;padding:6px 4px;font-size:11px}.reset-btn.danger{width:100%}.reset-btn.danger:hover{border-color:var(--red);color:var(--red)}.cmdk-backdrop{z-index:1500;background:#01040999;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.cmdk{background:var(--panel);border:1px solid var(--border-2);border-radius:14px;width:min(560px,92vw);overflow:hidden;box-shadow:0 20px 60px #00000080}.cmdk-input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:0 0;outline:none;padding:16px 18px;font-size:16px}.cmdk-list{max-height:50vh;padding:6px;overflow-y:auto}.cmdk-item{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.cmdk-item.active,.cmdk-item:hover{background:var(--accent-soft)}.cmdk-kind{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-size:10px;font-family:var(--mono);margin-left:auto}.cmdk-empty{text-align:center;color:var(--dim);padding:24px}.sidebar-toggle{z-index:60;background:var(--panel);border:1px solid var(--border-2);color:var(--text);cursor:pointer;border-radius:9px;width:40px;height:40px;font-size:18px;display:none;position:fixed;top:14px;left:14px}.home{max-width:980px;margin:0 auto}.hero{padding:40px 0 30px}.hero-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:99px;margin-bottom:22px;padding:5px 12px;font-size:12px;display:inline-block}.hero-title{letter-spacing:-1.5px;margin:0 0 20px;font-size:52px;font-weight:800;line-height:1.08}.hero-title .accent{color:var(--accent)}.hero-sub{color:var(--muted);max-width:660px;margin:0 0 30px;font-size:19px}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.features{grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0;display:grid}.feature{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.feature-icon{margin-bottom:12px;font-size:26px}.feature-title{margin-bottom:8px;font-size:17px;font-weight:700}.feature-text{color:var(--muted);font-size:15px}.curriculum{margin-top:50px}.section-title{margin-bottom:20px;font-size:24px;font-weight:700}.mod-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.mod-card{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font:inherit;color:var(--text);gap:16px;padding:20px;transition:border-color .15s,transform .15s;display:flex}.mod-card:hover{border-color:var(--accent);transform:translateY(-2px)}.mod-card-num{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:10px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:grid}.mod-card-title{margin-bottom:4px;font-size:17px;font-weight:700}.mod-card-summary{color:var(--muted);margin-bottom:8px;font-size:14px}.mod-card-meta{color:var(--dim);font-size:12px;font-family:var(--mono)}.lesson,.playground{max-width:820px;margin:0 auto}.lesson-header{border-bottom:1px solid var(--border);margin-bottom:30px;padding-bottom:22px}.lesson-eyebrow{color:var(--accent);font-size:13px;font-family:var(--mono);margin-bottom:10px}.lesson-title{letter-spacing:-1px;margin:0 0 10px;font-size:38px;font-weight:800}.lesson-blurb{color:var(--muted);margin:0 0 12px;font-size:18px}.lesson-meta{color:var(--dim);font-size:13px;font-family:var(--mono)}.lesson-body>*{margin-bottom:4px}.md p,.md-p{margin:0 0 16px}.md-h{letter-spacing:-.3px;margin:28px 0 12px;font-weight:700}h2.md-h{font-size:24px}h3.md-h{font-size:19px}h4.md-h{font-size:16px}.md-ul,.md-ol{margin:0 0 16px;padding-left:22px}.md-ul li,.md-ol li{margin-bottom:7px}.md-code{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--border);color:var(--accent-2);border-radius:6px;padding:1px 6px;font-size:.88em}.md-pre,.cmd-pre{font-family:var(--mono);border:1px solid var(--border-2);border-radius:var(--radius-sm);background:#0a0e14;margin:8px 0 18px;padding:14px 16px;font-size:14px;line-height:1.55;overflow-x:auto}.md-pre code,.cmd-pre code{color:#c9d4e3}.hl-kw{color:var(--accent-2);font-weight:600}.hl-flag{color:var(--blue)}.hl-str{color:var(--green)}.hl-com{color:var(--dim);font-style:italic}.md-code-help{border-bottom:1px dotted var(--dim);cursor:help}.cmd-block{margin:8px 0 18px}.cmd-caption{color:var(--muted);margin-bottom:6px;font-size:13px}.cmd-pre{border-left:3px solid var(--accent);margin:0}.callout{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--panel);gap:12px;margin:8px 0 20px;padding:14px 16px;display:flex}.callout .md p{margin:0}.callout-icon{flex-shrink:0;font-size:18px}.callout-key{background:var(--accent-soft);border-color:#f0883e66}.callout-tip{background:#58a6ff14;border-color:#58a6ff59}.callout-warn{background:#d2992217;border-color:#d2992266}.lesson-nav{border-top:1px solid var(--border);justify-content:space-between;gap:14px;margin-top:44px;padding-top:22px;display:flex}.nav-btn{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font:inherit;flex-direction:column;gap:3px;max-width:48%;padding:12px 18px;display:flex}.nav-btn:hover{border-color:var(--accent)}.nav-next{text-align:right;align-items:flex-end}.nav-dir{color:var(--accent);font-size:12px}.nav-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:600;overflow:hidden}.btn{background:var(--panel-2);border:1px solid var(--border-2);color:var(--text);font:inherit;border-radius:var(--radius-sm);cursor:pointer;padding:9px 16px;font-size:14px;font-weight:600;transition:all .12s}.btn:hover{border-color:var(--dim);background:#232b39}.btn-primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));border-color:var(--accent);color:#1a1206}.btn-primary:hover{filter:brightness(1.08);background:linear-gradient(180deg, var(--accent-2), var(--accent))}.btn-ghost{border-color:var(--border);color:var(--muted);background:0 0}.btn-lg{padding:13px 24px;font-size:16px}.terminal{border:1px solid var(--border-2);border-radius:var(--radius);font-family:var(--mono);box-shadow:var(--shadow);background:#0a0e14;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);background:#11161d;align-items:center;gap:7px;padding:9px 14px;display:flex}.dot{border-radius:50%;width:11px;height:11px;display:inline-block}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{color:var(--dim);margin-left:8px;font-size:12px}.terminal-body{cursor:text;height:340px;padding:14px 16px;font-size:13.5px;line-height:1.5;overflow-y:auto}.tline{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);margin:0}.t-input{color:#fff}.t-normal{color:#c9d4e3}.t-muted{color:var(--dim)}.t-success{color:var(--green)}.t-error{color:var(--red)}.t-warn{color:var(--yellow)}.t-hint{color:var(--blue)}.t-add{color:var(--green)}.t-del{color:var(--red)}.t-commit{color:var(--yellow)}.t-branch{color:var(--green)}.terminal-input-row{align-items:center;gap:8px;display:flex;position:relative}.term-suggest{background:var(--panel);border:1px solid var(--border-2);z-index:5;min-width:200px;box-shadow:var(--shadow);border-radius:8px;margin-bottom:6px;padding:4px;position:absolute;bottom:100%;left:0;overflow:hidden}.term-suggest-hint{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;font-size:10px}.term-suggest-item{text-align:left;width:100%;color:var(--text);font-family:var(--mono);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:12.5px;display:block}.term-suggest-item:hover{background:var(--accent-soft)}.prompt{color:var(--accent);font-weight:700}.terminal-input{color:#fff;font-family:var(--mono);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.panel-label{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:8px;font-size:11px;font-weight:600}.graph{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-height:380px;padding:10px;overflow:auto}.graph.empty{text-align:center;place-content:center;min-height:200px;display:grid}.graph-empty{color:var(--muted);font-family:var(--mono);margin:0}.graph-empty-sub{color:var(--dim);max-width:240px;margin-top:6px;font-size:13px}.graph-svg{display:block}.graph-edge{fill:none;stroke-width:2.5px;opacity:.85}.graph-head-ring{fill:none;stroke:#fff;stroke-width:1.5px;opacity:.55}.graph-hash{font-family:var(--mono);fill:var(--accent-2);font-size:12px}.graph-msg{font-family:var(--sans);fill:var(--muted);font-size:12px}.ref-pill{fill:var(--panel-2);stroke-width:1px}.ref-branch{stroke:var(--green);fill:var(--green-soft)}.ref-head{stroke:var(--accent);fill:var(--accent-soft)}.ref-remote{stroke:var(--purple);fill:#bc8cff21}.ref-tag{stroke:var(--yellow);fill:#d2992221}.ref-text{font-family:var(--mono);font-size:10.5px;font-weight:600}.ref-text-branch{fill:var(--green)}.ref-text-head{fill:var(--accent)}.ref-text-remote{fill:var(--purple)}.ref-text-tag{fill:var(--yellow)}.quiz{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin:22px 0;padding:20px 22px}.quiz-done{border-color:#3fb95066}.quiz-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.quiz-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--blue);background:#58a6ff1f;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.quiz-check{color:var(--green);font-size:13px;font-weight:600}.q{border-top:1px solid var(--border);padding:14px 0}.q:first-of-type{border-top:none;padding-top:0}.q-prompt{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.q-num{font-family:var(--mono);color:var(--dim);background:var(--panel-2);border-radius:5px;padding:2px 7px;font-size:11px}.q-multi{color:var(--dim);font-size:11px;font-style:italic;font-weight:400}.q-options{flex-direction:column;gap:8px;display:flex}.q-opt{text-align:left;background:var(--bg-1);border:1px solid var(--border-2);color:var(--text);font:inherit;border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:11px 14px;font-size:14.5px;transition:all .12s;display:flex}.q-opt:hover:not(:disabled){border-color:var(--dim)}.q-marker{color:var(--dim)}.q-opt-sel{border-color:var(--blue)}.q-opt-correct{border-color:var(--green);background:var(--green-soft)}.q-opt-wrong{border-color:var(--red);background:var(--red-soft)}.q-submit{background:var(--panel-2);border:1px solid var(--border-2);color:var(--text);font:inherit;border-radius:var(--radius-sm);cursor:pointer;margin-top:12px;padding:8px 16px;font-weight:600}.q-explain{border-radius:var(--radius-sm);margin-top:12px;padding:12px 14px;font-size:14px}.q-explain.good{background:var(--green-soft);border:1px solid #3fb95059}.q-explain.bad{background:var(--red-soft);border:1px solid #f851494d}.q-retry{border:1px solid var(--border-2);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:6px;margin-left:8px;padding:3px 10px;font-size:12px;display:inline-block}.challenge{background:linear-gradient(180deg, var(--panel), var(--bg-1));border:1px solid var(--border-2);border-radius:var(--radius);margin:26px 0;padding:22px}.challenge-solved{border-color:#3fb95073}.challenge-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.challenge-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);border-radius:7px;padding:4px 11px;font-size:12px;font-weight:800}.challenge-title{font-size:17px;font-weight:700}.challenge-solved-tag{color:var(--green);margin-left:auto;font-size:13px;font-weight:700}.challenge-brief{margin-bottom:18px}.challenge-brief .md p:last-child{margin-bottom:0}.challenge-workspace{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin-bottom:16px;display:grid}.challenge-actions{flex-wrap:wrap;gap:10px;display:flex}.challenge-hint,.challenge-solution{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:14px;padding:12px 16px;font-size:14px}.challenge-solution pre{font-family:var(--mono);color:var(--accent-2);white-space:pre-wrap;margin:6px 0 0;font-size:13px}.challenge-status{border-radius:var(--radius-sm);margin-top:14px;padding:13px 16px;font-size:14.5px;font-weight:600}.challenge-status.good{background:var(--green-soft);color:#7ee787;border:1px solid #3fb95066}.challenge-status.bad{background:var(--red-soft);color:#ffa198;border:1px solid #f8514959}.playground-workspace{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.diagram-fig{text-align:center;margin:18px 0 24px}.diagram-canvas{background:radial-gradient(120% 120% at 50% 0%, #131923 0%, var(--panel) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px;overflow-x:auto}.diagram-caption{color:var(--muted);margin-top:10px;font-size:13.5px;font-style:italic}.dg,.sg{vertical-align:middle;max-width:100%;height:auto;display:inline-block}.sg-edge{fill:none;stroke-width:2.5px;opacity:.9}.sg-node{filter:drop-shadow(0 1px 2px #00000080)}.sg-label{fill:var(--muted);font-family:var(--mono);font-size:12px}.sg-ghost{opacity:.32}.sg-pill{stroke-width:1.2px}.sg-pill-branch{fill:var(--green-soft);stroke:var(--green)}.sg-pill-head{fill:var(--accent-soft);stroke:var(--accent)}.sg-pill-remote{fill:#bc8cff24;stroke:var(--purple)}.sg-pill-tag{fill:#d2992224;stroke:var(--yellow)}.sg-pilltext{font-family:var(--mono);font-size:10.5px;font-weight:600}.sg-pilltext-branch{fill:var(--green)}.sg-pilltext-head{fill:var(--accent)}.sg-pilltext-remote{fill:var(--purple)}.sg-pilltext-tag{fill:var(--yellow)}.ba{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.ba-side{flex-direction:column;align-items:center;display:flex}.ba-cap{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:4px;font-size:11px}.ba-arrow{flex-direction:column;align-items:center;gap:4px;padding:0 4px;display:flex}.ba-op{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11.5px}.ba-arrowsvg{width:40px;height:16px}.ba-arrowpath{fill:none;stroke:var(--dim);stroke-width:1.6px}.dg-box{fill:var(--bg-1);stroke:var(--border-2);stroke-width:1.5px}.dg-box-accent{stroke:var(--accent);fill:#f0883e0f}.dg-box-blue{stroke:var(--blue);fill:#58a6ff0f}.dg-box-green{stroke:var(--green);fill:#3fb9500f}.dg-boxtitle{fill:var(--text);font-size:13px;font-weight:600}.dg-file{fill:var(--panel-2);stroke:var(--border-2);stroke-width:1px}.dg-file.staged{fill:var(--accent-soft);stroke:var(--accent)}.dg-file.committed{fill:var(--green-soft);stroke:var(--green)}.dg-filename{fill:var(--muted);font-family:var(--mono);font-size:12px}.dg-arrow{stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round}.dg-arrow.dashed{stroke-dasharray:5 4}.dg-arrowlabel{fill:var(--muted);font-family:var(--mono);font-size:11.5px}.dg-chip{stroke-width:1.5px}.dg-chip-plain{fill:var(--bg-1);stroke:var(--border-2)}.dg-chip-accent{fill:#f0883e1a;stroke:var(--accent)}.dg-chip-green{fill:#3fb9501a;stroke:var(--green)}.dg-chip-red{fill:#f851491a;stroke:var(--red)}.dg-chiptext{fill:var(--text);font-size:13px;font-weight:600}.dg-hash{fill:var(--accent-2);font-family:var(--mono);font-size:13px;font-weight:600}.dg-meta{fill:var(--text);font-size:13px;font-weight:600}.dg-metadim{fill:var(--dim);font-size:12px;font-family:var(--mono)}.dg-divider{stroke:var(--border-2);stroke-width:1px}.dg-th{fill:var(--muted);font-size:12px;font-weight:600}.dg-rowlabel{fill:var(--text);font-family:var(--mono);font-size:12.5px;font-weight:600}.dg-cell.moved{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5px}.dg-cell.kept{fill:var(--panel-2);stroke:var(--border-2);stroke-width:1.5px}.dg-celltext{font-family:var(--mono);font-size:12px}.dg-celltext.moved{fill:var(--accent)}.dg-celltext.kept{fill:var(--dim)}.dg-legend{fill:var(--muted);font-size:12px}.dg-legend-moved{fill:var(--accent)}.dg-legend-kept{fill:var(--dim)}.dg-inner{fill:var(--text);font-size:12.5px;font-weight:500}.dg-innerdim{fill:var(--dim);font-size:11px;font-family:var(--mono)}.dg-stashcard{fill:var(--panel-2);stroke:var(--border-2);stroke-width:1.2px}.dg-stashcard.s0{fill:#f0883e1a;stroke:var(--accent)}.challenge-open{text-align:left;background:linear-gradient(100deg, var(--accent-soft), #58a6ff14);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--text);font:inherit;align-items:center;gap:14px;margin-bottom:14px;padding:16px 20px;transition:transform .12s,box-shadow .12s;display:flex}.challenge-open:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f0883e2e}.challenge-open-icon{color:var(--accent);font-size:24px}.challenge-open strong{font-size:16px;display:block}.challenge-open-sub{color:var(--muted);font-size:13px;display:block}.challenge-open-go{color:var(--accent);margin-left:auto;font-size:20px}.challenge-inline{margin-bottom:14px}.challenge-inline>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;padding:4px 0;font-size:13px}.challenge-inline>summary:hover{color:var(--text)}.ide{z-index:1000;background:var(--bg);font-family:var(--sans);flex-direction:column;animation:.18s ide-in;display:flex;position:fixed;inset:0}@keyframes ide-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.ide-topbar{background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:50px;padding:0 14px;display:flex}.ide-brand{align-items:center;gap:10px;display:flex}.ide-logo{color:var(--accent);font-size:18px}.ide-title{font-weight:700}.ide-solved{color:var(--green);background:var(--green-soft);border-radius:6px;padding:2px 9px;font-size:13px;font-weight:700}.ide-actions{gap:8px;display:flex}.ide-btn{background:var(--panel-2);border:1px solid var(--border-2);color:var(--text);font:inherit;cursor:pointer;border-radius:7px;padding:7px 13px;font-size:13px;font-weight:600}.ide-btn:hover{border-color:var(--dim)}.ide-btn.on{border-color:var(--accent);color:var(--accent)}.ide-btn.primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));border-color:var(--accent);color:#1a1206}.ide-btn.close:hover{border-color:var(--red);color:var(--red)}.ide-task{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;max-height:30vh;padding:14px 22px;overflow-y:auto}.ide-task-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:700}.ide-task-body .md p:last-child{margin-bottom:0}.ide-hint{border-radius:var(--radius-sm);background:#58a6ff14;border:1px solid #58a6ff4d;margin-top:10px;padding:10px 13px;font-size:14px}.ide-banner{flex-shrink:0;align-items:center;padding:11px 22px;font-size:14.5px;font-weight:600;display:flex}.ide-banner.good{background:var(--green-soft);color:#7ee787;border-bottom:1px solid #3fb95066}.ide-banner.bad{background:var(--red-soft);color:#ffa198;border-bottom:1px solid #f8514959}.ide-main{background:var(--bg);flex:1;min-height:0;display:flex}.ide-center{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.ide-files,.ide-git{flex-shrink:0}.ide-files,.ide-editor,.ide-terminal,.ide-git{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.ide-editor{flex:1}.ide-gutter{background:var(--border);z-index:2;flex-shrink:0;position:relative}.ide-gutter-v{cursor:col-resize;width:3px}.ide-gutter-h{cursor:row-resize;height:3px}.ide-gutter:after{content:"";position:absolute;inset:-3px}.ide-gutter:hover,.ide-gutter:active{background:var(--accent)}.ide-explorer-head{justify-content:space-between;align-items:center;display:flex}.ide-toolbar{gap:2px;display:flex}.ide-tool{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px;display:inline-flex}.ide-tool:hover{background:var(--panel-2);color:var(--text)}.ide-folder .ide-filename{color:var(--text)}.ide-chevron{color:var(--dim);width:12px;font-size:10px;display:inline-block}.ide-editrow{align-items:center;gap:8px;padding:4px 9px;display:flex}.ide-editinput{border:1px solid var(--accent);color:var(--text);font-family:var(--mono);background:#0a0e14;border-radius:4px;outline:none;flex:1;padding:3px 6px;font-size:13px}.ide-menu-backdrop{z-index:1100;position:fixed;inset:0}.ide-menu{z-index:1101;background:var(--panel);border:1px solid var(--border-2);border-radius:9px;min-width:168px;margin:0;padding:5px;list-style:none;position:fixed;box-shadow:0 12px 34px #00000080}.ide-menu-item{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 12px;font-size:13.5px}.ide-menu-item:hover{background:var(--accent-soft)}.ide-menu-item.danger{color:var(--red)}.ide-menu-item.danger:hover{background:var(--red-soft)}.ide-pane-head{text-transform:uppercase;letter-spacing:.07em;color:var(--dim);border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 14px;font-size:11px;font-weight:700}.ide-pane-head.sub{border-top:1px solid var(--border)}.ide-branch{color:var(--accent);text-transform:none;letter-spacing:0;font-family:var(--mono)}.ide-filelist{flex:1;min-height:0;padding:6px;overflow-y:auto}.ide-empty{color:var(--dim);padding:10px;font-size:12px;line-height:1.5}.ide-empty code{font-family:var(--mono);color:var(--accent-2)}.ide-file{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 9px;font-size:13.5px;display:flex}.ide-file:hover{background:var(--panel)}.ide-file.active{background:var(--accent-soft)}.ide-fileicon{color:var(--dim);font-size:11px}.ide-filename{text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);flex:1;overflow:hidden}.ide-filebadge{font-family:var(--mono);text-align:center;width:16px;font-size:11px;font-weight:700}.ide-filebadge.b-staged{color:var(--green)}.ide-filebadge.b-modified{color:var(--yellow)}.ide-filebadge.b-untracked{color:var(--green)}.ide-filebadge.b-conflict{color:var(--red)}.ide-file.fs-untracked .ide-filename{color:var(--green)}.ide-file.fs-modified .ide-filename{color:var(--yellow)}.ide-file.fs-conflict .ide-filename{color:var(--red)}.ide-tabbar{border-bottom:1px solid var(--border);background:var(--bg-1);flex-shrink:0;align-items:center;gap:14px;height:38px;padding:0 12px;display:flex}.ide-tab{font-family:var(--mono);border-radius:6px 6px 0 0;padding:6px 10px;font-size:13px}.ide-tab.active{background:var(--bg);color:var(--text);border-bottom:2px solid var(--accent)}.ide-tab.muted{color:var(--dim)}.ide-tab-conflict{color:var(--red)}.ide-editor-hint{color:var(--dim);margin-left:auto;font-size:11px}.ide-code{resize:none;color:#c9d4e3;width:100%;font-family:var(--mono);tab-size:2;background:#0a0e14;border:none;outline:none;flex:1;padding:14px 16px;font-size:13.5px;line-height:1.6}.ide-noeditor{color:var(--dim);flex:1;place-content:center;font-size:14px;display:grid}.ide-editor-wrap{background:#0a0e14;flex:1;min-height:0;display:flex}.ide-editor-wrap .ide-code{flex:1}.ide-linenums{text-align:right;color:#4a5566;font-family:var(--mono);white-space:pre;-webkit-user-select:none;user-select:none;background:#0a0e14;border-right:1px solid #ffffff0d;padding:14px 8px 14px 14px;font-size:13.5px;line-height:1.6;overflow:hidden}.ide-shortcuts{z-index:1200;justify-content:flex-end;align-items:flex-start;padding:58px 16px 0;display:flex;position:fixed;inset:0}.ide-shortcuts-card{background:var(--panel);border:1px solid var(--border-2);box-shadow:var(--shadow);border-radius:12px;max-width:380px;padding:16px 18px}.ide-shortcuts-title{margin-bottom:10px;font-weight:700}.ide-shortcuts ul{margin:0;padding:0;list-style:none}.ide-shortcuts li{color:var(--muted);padding:5px 0;font-size:13.5px}kbd{background:var(--panel-2);border:1px solid var(--border-2);font-family:var(--mono);color:var(--text);border-radius:5px;padding:1px 6px;font-size:11.5px}.ide-terminal .terminal{box-shadow:none;border:none;border-radius:0;flex-direction:column;height:100%;display:flex}.ide-terminal .terminal-body{flex:1;height:auto}.ide-git{overflow:hidden}.ide-sourcecontrol{border-bottom:1px solid var(--border);max-height:40%;padding:8px 10px;overflow-y:auto}.sc-section{margin-bottom:10px}.sc-title{align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.sc-staged{color:var(--green)}.sc-modified{color:var(--yellow)}.sc-untracked{color:var(--green)}.sc-conflict{color:var(--red)}.sc-count{background:var(--panel-2);color:var(--muted);border-radius:9px;padding:1px 6px;font-size:10px}.sc-row{align-items:center;gap:8px;padding:3px 4px;font-size:13px;display:flex}.sc-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sc-dot.sc-staged{background:var(--green)}.sc-dot.sc-modified{background:var(--yellow)}.sc-dot.sc-untracked{background:var(--green)}.sc-dot.sc-conflict{background:var(--red)}.sc-file{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-type{color:var(--dim);margin-left:auto;font-size:11px}.ide-clean{color:var(--green);padding:6px 4px;font-size:13px}.ide-difftoggle{text-align:left;border:none;border-top:1px solid var(--border);cursor:pointer;width:100%;font:inherit;background:0 0}.ide-difftoggle:hover{color:var(--text)}.ide-diff{border-bottom:1px solid var(--border);background:#0a0e14;max-height:30%;padding:6px 10px;font-size:12px;overflow:auto}.ide-diff .tline{font-size:12px}.ide-history{flex:1;min-height:0;padding:8px;overflow:auto}.ide-history .graph{background:0 0;border:none;max-height:none;padding:0}@media (width<=860px){.ide-main{flex-direction:column}.ide-files,.ide-git{height:auto;max-height:30vh;width:100%!important}.ide-gutter-v{display:none}}:where(button,a,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.terminal-input:focus-visible,.ide-code:focus-visible,.ide-editinput:focus-visible{box-shadow:inset 0 -2px 0 var(--accent);outline:none}.terminal-input::placeholder{color:var(--dim)}.skip-link{z-index:2000;background:var(--accent);color:#1a1206;border-radius:8px;padding:9px 16px;font-weight:700;transition:top .15s;position:fixed;top:-60px;left:12px}.skip-link:focus{text-decoration:none;top:12px}@keyframes solved-pop{0%{opacity:.4;transform:scale(.96)}60%{transform:scale(1.012)}to{opacity:1;transform:scale(1)}}.challenge-status.good,.ide-banner.good{animation:.35s solved-pop}.ide-banner.good{box-shadow:inset 0 0 0 1px #3fb95066,0 0 26px #3fb95029}.challenge-solved-tag,.ide-solved{animation:.4s solved-pop}.sidebar-search{margin:0 8px 12px;position:relative}.sidebar-search input{background:var(--panel);border:1px solid var(--border-2);width:100%;color:var(--text);font:inherit;border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.sidebar-search input:focus{border-color:var(--accent)}@media (width<=1024px) and (width>=861px){.ide-git{width:300px!important}.ide-gutter{width:6px}}@media (width<=1100px){.challenge-workspace,.playground-workspace,.features,.mod-grid{grid-template-columns:1fr}}@media (width<=900px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:block}.content{margin-left:0;padding:70px 18px 80px}.hero-title{font-size:36px}.lesson-title{font-size:28px}}