:root{--paper:#eef1ea;--paper-dim:#e4e8df;--card:#fff;--ink:#1e2420;--ink-soft:#4b564d;--line:#d6dcce;--line-strong:#c1c9b6;--term-bg:#142019;--term-bg-2:#0e1712;--term-text:#cfebda;--term-dim:#7fa48f;--amber:#de9c2e;--amber-ink:#6b4a0e;--teal:#3e8f76;--teal-deep:#29604f;--coral:#c1543a;--sec1:#3e8f76;--sec2:#3574a6;--sec3:#de9c2e;--sec4:#8a63b0;--sec5:#c1543a;--sec6:#4a7c59;--sec7:#b0558d;--sec8:#5b7db1;--lang-primary:#3b5ba5;--lang-secondary:#6c8ebf;--lang-accent:#c41e3a;--font-mono:ui-monospace, "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, Consolas, monospace;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:10px;--nav-w:280px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6}a{color:var(--teal-deep)}img,svg{max-width:100%;display:block}.progress-rail{z-index:60;background:var(--paper-dim);height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.progress-track{background:var(--sec1);position:absolute;inset:0}.progress-veil{background:var(--paper-dim);position:absolute;inset:0}.topbar{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#eef1eaeb;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.brand-mark{background:var(--term-bg);width:34px;height:34px;color:var(--amber);font-family:var(--font-mono);border-radius:8px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.brand-text small{font-family:var(--font-body);color:var(--ink-soft);letter-spacing:.03em;font-size:.72rem;font-weight:400;display:block}.menu-toggle{background:var(--card);border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:none}.menu-toggle svg{width:20px;height:20px;color:var(--ink)}.layout{grid-template-columns:var(--nav-w) 1fr;max-width:1240px;margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--line);align-self:start;height:calc(100vh - 61px);padding:22px 14px 60px;position:sticky;top:61px;overflow-y:auto}.side-label{font-family:var(--font-mono);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;padding:4px 10px 8px;font-size:.72rem}.nav-list{margin:0;padding:0;list-style:none}.nav-list a{color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:.93rem;text-decoration:none;transition:background .15s;display:flex}.nav-list a:hover{background:var(--paper-dim)}.nav-list a.active{background:var(--term-bg);color:var(--term-text)}.nav-list a.active .nav-ic{color:var(--amber)}.nav-ic{width:18px;height:18px;color:var(--teal-deep);flex:none}.nav-tag{font-family:var(--font-mono);color:var(--ink-soft);opacity:.7;margin-left:auto;font-size:.68rem}.nav-list a.active .nav-tag{color:var(--term-dim)}.nav-check{width:16px;height:16px;color:var(--teal);visibility:hidden;flex:none}.nav-check.done{visibility:visible}main{min-width:0;padding:0 20px 100px}.hero{border-bottom:1px dashed var(--line-strong);margin-bottom:46px;padding:56px 8px 40px}.terminal{background:var(--term-bg);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 34px -18px #1420198c}.terminal-bar{background:var(--term-bg-2);align-items:center;gap:6px;padding:10px 14px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.r{background:#d96c5a}.dot.y{background:#e4b94f}.dot.g{background:#5fae85}.terminal-title{font-family:var(--font-mono);color:var(--term-dim);margin-left:10px;font-size:.75rem}.terminal-body{font-family:var(--font-mono);color:var(--term-text);padding:22px 22px 28px;font-size:.98rem}.terminal-body .line{margin:0 0 6px}.prompt-sym{color:var(--amber)}.type-target{white-space:pre-wrap}.cursor{background:var(--amber);vertical-align:text-bottom;width:8px;height:1.05em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-copy{max-width:620px;margin-top:28px}.hero-copy h1{font-family:var(--font-mono);margin:0 0 12px;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.25}.hero-copy p{color:var(--ink-soft);margin:0 0 10px}.hero-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chip{font-family:var(--font-mono);background:var(--card);border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:999px;padding:6px 12px;font-size:.78rem}.topic{padding-top:30px;scroll-margin-top:80px}.topic-head{margin-bottom:26px}.topic-eyebrow{font-family:var(--font-mono);color:var(--teal-deep);align-items:center;gap:10px;margin-bottom:8px;font-size:.82rem;display:flex}.topic-eyebrow .num{background:var(--term-bg);width:30px;height:30px;color:var(--amber);border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.topic h2{font-family:var(--font-mono);margin:0 0 10px;font-size:clamp(1.3rem,2.6vw,1.85rem)}.topic-intro{color:var(--ink-soft);max-width:760px}.lesson-grid{flex-direction:column;gap:34px;margin:26px 0 46px;display:flex}.lesson-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px 32px}.lesson-tag{font-family:var(--font-mono);color:var(--teal-deep);background:#e7f1ea;border-radius:6px;margin-bottom:10px;padding:3px 9px;font-size:.74rem;display:inline-block}.lesson-card h3{margin:0 0 14px;font-size:1.3rem}.lesson-card h4{color:var(--teal-deep);font-size:1.02rem;font-family:var(--font-mono);margin:26px 0 8px}.lesson-card p{color:var(--ink-soft);max-width:74ch;margin:0 0 13px;font-size:.97rem}.lesson-card p:last-child{margin-bottom:0}.lesson-card code{font-family:var(--font-mono);background:var(--paper-dim);color:var(--teal-deep);border-radius:4px;padding:1px 5px;font-size:.87em}.code{background:var(--term-bg);color:var(--term-text);font-family:var(--font-mono);border-radius:8px;margin:6px 0 16px;padding:12px 14px;font-size:.84rem;line-height:1.55;overflow-x:auto}.code .c1{color:var(--term-dim)}.code .cmd{color:var(--amber)}.term-list{margin:0 0 16px}.term-list .term-row{border-left:2px solid var(--line-strong);margin:0 0 10px;padding-left:16px}.term-list .term-row b{font-family:var(--font-mono);color:var(--ink);margin-bottom:2px;font-size:.88rem;display:block}.term-list .term-row span{color:var(--ink-soft);font-size:.93rem}.ref-table{border-collapse:collapse;width:100%;margin:6px 0 18px;font-size:.88rem}.ref-table th,.ref-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 10px}.ref-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--teal-deep);background:var(--paper-dim);font-size:.74rem}.ref-table code{white-space:nowrap}.callout{border-left:4px solid var(--teal);background:#eef6f1;border-radius:8px;margin:6px 0 16px;padding:12px 16px;font-size:.92rem}.callout.warning{border-left-color:var(--coral);background:#fbeeea}.callout.tip{border-left-color:var(--amber);background:#fcf3e3}.callout b{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:.72rem;display:block}.callout.warning b{color:var(--coral)}.callout.tip b{color:var(--amber-ink)}.callout:not(.warning):not(.tip) b{color:var(--teal-deep)}.quiz{background:var(--term-bg);color:var(--term-text);border-radius:14px;margin:10px 0 60px;padding:26px 24px 30px}.quiz-head{font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.quiz-head h3{color:#fff;margin:0;font-size:1.05rem}.quiz-sub{color:var(--term-dim);margin:0 0 20px;font-size:.85rem}.qitem{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-bottom:12px;padding:14px 16px}.qitem .qtext{margin-bottom:10px;font-size:.95rem}.qitem .qtext b{color:var(--amber);font-family:var(--font-mono);margin-right:6px}.opt{cursor:pointer;border-radius:7px;align-items:flex-start;gap:9px;padding:7px 8px;font-size:.9rem;display:flex}.opt:hover{background:#ffffff0d}.opt input{flex:none;margin-top:4px}.qitem.correct{border-color:#5fae8599}.qitem.incorrect{border-color:#d96c5a99}.qfeedback{border-radius:7px;margin-top:10px;padding:8px 10px;font-size:.85rem;display:none}.qitem.correct .qfeedback{color:#cfefdd;background:#5fae8526;display:block}.qitem.incorrect .qfeedback{color:#f6d9d2;background:#d96c5a29;display:block}.quiz-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.btn{font-family:var(--font-mono);cursor:pointer;border:none;border-radius:8px;padding:11px 18px;font-size:.88rem;font-weight:600}.btn-primary{background:var(--amber);color:#2b1d06}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{color:var(--term-text);background:0 0;border:1px solid #ffffff40}.btn-ghost:hover{background:#ffffff0f}.quiz-score{font-family:var(--font-mono);color:#fff;font-size:.9rem}.quiz-score .num{color:var(--amber)}footer{border-top:1px dashed var(--line-strong);color:var(--ink-soft);padding:30px 8px 60px;font-size:.88rem}footer a{color:var(--teal-deep)}.side-terminal{background:var(--term-bg);border-radius:10px;margin:4px 0 22px;overflow:hidden;box-shadow:0 10px 24px -16px #1420198c}.term-bar-mini{background:var(--term-bg-2);align-items:center;gap:5px;padding:8px 10px;display:flex}.term-bar-mini .dot{flex:none;width:8px;height:8px}.term-title-mini{font-family:var(--font-mono);color:var(--term-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:6px;font-size:.66rem;overflow:hidden}.term-reset-btn{color:var(--term-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;padding:2px 5px;font-size:.8rem;line-height:1}.term-reset-btn:hover{color:var(--term-text);background:#ffffff1a}.term-output-mini{height:230px;font-family:var(--font-mono);color:var(--term-text);padding:8px 10px;font-size:.7rem;line-height:1.55;overflow-y:auto}.term-output-mini div{white-space:pre-wrap;word-break:break-word}.term-output-mini .term-echo{color:#fff}.term-output-mini .term-note{color:var(--term-dim)}.term-output-mini .term-err{color:#f0a392}.term-input-row{border-top:1px solid #ffffff14;align-items:flex-start;gap:6px;padding:7px 10px 10px;display:flex}.term-prompt-mini{font-family:var(--font-mono);color:var(--amber);white-space:nowrap;flex:none;padding-top:2px;font-size:.68rem}.term-input-mini{font-family:var(--font-mono);color:var(--term-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.7rem}.term-hint{color:var(--ink-soft);padding:0 2px 14px;font-size:.72rem}@media (width<=880px){.side-terminal,.term-hint{display:none}.layout{grid-template-columns:1fr}.menu-toggle{display:flex}.sidebar{background:var(--paper);z-index:55;width:82%;max-width:320px;height:calc(100vh - 61px);transition:transform .22s;position:fixed;top:61px;bottom:0;left:0;transform:translate(-105%);box-shadow:20px 0 40px -30px #0006}.sidebar.open{transform:translate(0)}.backdrop{z-index:52;background:#141a1459;display:none;position:fixed;inset:61px 0 0}.backdrop.show{display:block}}.topbar-left{align-items:center;gap:16px;min-width:0;display:flex}.all-courses-link{font-family:var(--font-mono);color:var(--ink-soft);white-space:nowrap;border-radius:6px;flex:none;padding:6px 8px;font-size:.8rem;text-decoration:none;transition:background .15s,color .15s}.all-courses-link:hover{background:var(--paper-dim);color:var(--teal-deep)}.hub-main{max-width:1100px;margin:0 auto;padding:0 24px 100px}.hub-main .hero{padding-top:56px}.course-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:10px 8px 60px;display:grid}.course-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:22px 24px 24px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.course-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 14px 28px -20px #14201966}.course-card h3{margin:10px 0 8px;font-size:1.15rem}.course-card p{color:var(--ink-soft);margin:0 0 14px;font-size:.93rem}.course-card-meta{font-family:var(--font-mono);color:var(--teal-deep);font-size:.76rem}.course-card-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--teal-deep);background:#e7f1ea;border-radius:6px;padding:3px 9px;font-size:.7rem;display:inline-block}.course-card-disabled{cursor:default;opacity:.65}.course-card-disabled:hover{border-color:var(--line);box-shadow:none;transform:none}.course-card-disabled .course-card-tag{background:var(--paper-dim);color:var(--ink-soft)}.language-switcher{align-items:center;display:inline-flex;position:relative}.language-switcher select{appearance:none;font-family:var(--font-body);color:var(--ink);background:var(--card);border:1px solid var(--line-strong);cursor:pointer;border-left:3px solid var(--lang-accent);border-radius:8px;padding:7px 30px 7px 12px;font-size:.85rem;font-weight:600}.language-switcher select:hover{border-color:var(--ink-soft)}.language-switcher:after{content:"▾";pointer-events:none;color:var(--ink-soft);font-size:.7rem;position:absolute;right:12px}