:root{--bg:#0e1117;--bg-elev:#161b22;--bg-elev-2:#1c2230;--border:#283040;--text:#e6edf3;--text-dim:#9aa7b8;--text-faint:#6b7888;--accent:#7c5cff;--accent-2:#00d4a8;--accent-soft:#7c5cff29;--radius:12px;--sidebar-w:300px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);background:var(--bg-elev);flex-shrink:0;height:100vh;padding:24px 18px;position:sticky;top:0;overflow-y:auto}.main{flex:1;min-width:0;max-width:920px;padding:48px 56px}.brand{letter-spacing:-.02em;margin-bottom:20px;font-size:1.35rem;font-weight:800;display:block}.brand-accent{color:var(--accent)}.progress{margin-bottom:26px}.progress-bar{background:var(--bg-elev-2);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .3s}.progress-label{color:var(--text-dim);margin-top:6px;font-size:.78rem;display:block}.nav-module{margin-bottom:22px}.nav-module-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:0 0 8px;font-size:.72rem}.nav-list{margin:0;padding:0;list-style:none}.nav-link{color:var(--text-dim);border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:.9rem;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--bg-elev-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--text);font-weight:600}.nav-link-text{flex:1}.check{border:1.5px solid var(--border);width:18px;height:18px;color:var(--bg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.check.checked{background:var(--accent-2);border-color:var(--accent-2);color:#04150f;font-weight:800}.tag{text-transform:uppercase;letter-spacing:.05em;background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:.62rem;font-weight:700}.hero{margin-bottom:40px}.hero h1{letter-spacing:-.03em;margin:0 0 12px;font-size:2.4rem}.hero-sub{color:var(--text-dim);max-width:56ch;margin:0 0 22px;font-size:1.05rem}.cta{background:var(--accent);color:#fff;border-radius:10px;padding:12px 20px;font-weight:600;transition:transform .12s,background .15s;display:inline-block}.cta:hover{background:#6a47ff;transform:translateY(-1px)}.hero-progress{color:var(--text-faint);margin-top:14px;font-size:.85rem}.module-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:22px;padding:24px}.module-card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.module-card-head h2{margin:0;font-size:1.25rem}.module-count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.85rem}.module-desc{color:var(--text-dim);margin:8px 0 18px}.module-lessons{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lesson-row{border-radius:10px;align-items:flex-start;gap:12px;padding:12px;transition:background .15s;display:flex}.lesson-row:hover{background:var(--bg-elev-2)}.lesson-row .check{margin-top:2px}.lesson-row-main{flex-direction:column;display:flex}.lesson-row-title{font-weight:600}.lesson-row-summary{color:var(--text-dim);font-size:.88rem}.lesson-meta{align-items:center;gap:10px;margin-bottom:18px;display:flex}.crumb{color:var(--text-dim);font-size:.85rem}.crumb:hover{color:var(--text)}.prose h1{letter-spacing:-.02em;margin:0 0 .5em;font-size:2rem}.prose h2{border-bottom:1px solid var(--border);margin:1.6em 0 .5em;padding-bottom:.3em;font-size:1.4rem}.prose h3{margin:1.3em 0 .4em;font-size:1.12rem}.prose p,.prose li{color:var(--text)}.prose a{color:var(--accent-2);text-underline-offset:2px;text-decoration:underline}.prose code{background:var(--bg-elev-2);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em}.prose pre{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:16px 18px;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:.85rem;line-height:1.55}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text-dim);border-radius:0 8px 8px 0;margin:1.2em 0;padding:4px 16px}.prose table{border-collapse:collapse;width:100%;margin:1.2em 0}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:8px 12px}.prose th{background:var(--bg-elev-2)}.prose hr{border:none;border-top:1px solid var(--border);margin:2em 0}.lesson-actions{margin:36px 0 12px}.complete-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 20px;font-size:.95rem;font-weight:600;transition:background .15s,transform .12s}.complete-btn:hover:not(:disabled){background:#6a47ff;transform:translateY(-1px)}.complete-btn.is-done{background:var(--accent-2);color:#04150f}.complete-btn:disabled{opacity:.6;cursor:default}.lesson-nav{border-top:1px solid var(--border);justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;display:flex}.lesson-nav-link{border:1px solid var(--border);background:var(--bg-elev);border-radius:10px;flex-direction:column;max-width:48%;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.lesson-nav-link:hover{border-color:var(--accent);background:var(--bg-elev-2)}.lesson-nav-link.next{text-align:right;align-items:flex-end}.lesson-nav-dir{color:var(--text-faint);font-size:.75rem}.lesson-nav-title{font-size:.92rem;font-weight:600}@media (max-width:820px){.layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;position:static}.main{padding:28px 20px}}.quiz{border-top:1px solid var(--border);margin:40px 0 8px;padding-top:28px}.quiz-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.quiz-head h2{margin:0;font-size:1.3rem}.quiz-badge{color:var(--accent-2);font-variant-numeric:tabular-nums;white-space:nowrap;background:#00d4a81f;border:1px solid #00d4a84d;border-radius:999px;padding:4px 10px;font-size:.78rem}.quiz-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.quiz-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.quiz-q-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.quiz-style{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:700}.quiz-num{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.75rem}.quiz-prompt{margin-bottom:12px;font-weight:600}.quiz-code{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:0 0 14px;padding:14px 16px;overflow-x:auto}.quiz-code code{white-space:pre;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.55}.quiz-options{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.quiz-option{text-align:left;background:var(--bg-elev-2);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:12px 14px;font-size:.92rem;transition:border-color .15s,background .15s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--accent)}.quiz-option:disabled{cursor:default}.quiz-option-mark{border:1px solid var(--border);width:22px;height:22px;color:var(--text-dim);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.quiz-option.is-correct{border-color:var(--accent-2);background:#00d4a81a}.quiz-option.is-correct .quiz-option-mark{background:var(--accent-2);border-color:var(--accent-2);color:#04150f}.quiz-option.is-wrong{background:#ff6b6b14;border-color:#ff6b6b}.quiz-option.is-wrong .quiz-option-mark{color:#2a0808;background:#ff6b6b;border-color:#ff6b6b}.quiz-text{gap:8px;display:flex}.quiz-input{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);border-radius:9px;flex:1;padding:11px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92rem}.quiz-input:focus{border-color:var(--accent);outline:none}.quiz-input.is-correct{border-color:var(--accent-2)}.quiz-input.is-wrong{border-color:#ff6b6b}.quiz-check{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:0 18px;font-weight:600}.quiz-check:hover{background:#6a47ff}.quiz-explain{border-radius:9px;margin-top:14px;padding:12px 14px;font-size:.9rem;line-height:1.55}.quiz-explain.ok{background:#00d4a814;border:1px solid #00d4a840}.quiz-explain.no{background:#ff6b6b12;border:1px solid #ff6b6b38}.quiz-explain code{background:var(--bg);border-radius:5px;padding:1px 5px;font-size:.86em}.quiz-answer{color:var(--text-dim);margin-top:6px;font-size:.85rem}.quiz-summary{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;display:flex}.quiz-summary p{margin:0}.quiz-retry{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:9px;padding:9px 16px;font-weight:600}.quiz-retry:hover{border-color:var(--accent)}