*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#0d0d18;--bg3:#112;--green:#00ff41;--gdim:#00bb30;--gbright:#80ff98;--amber:#ffb700;--red:#f45;--blue:#4d9de0;--teal:#56b6c2;--purple:#c678dd;--dim:#223;--dimtxt:#44445a;--border:#1a1a2e;--font:"Courier New","Lucida Console",monospace}html,body{background:var(--bg);height:100%;color:var(--green);font-family:var(--font);font-size:14px;line-height:1.6;overflow:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px);position:fixed;inset:0}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;width:260px;min-width:260px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);padding:1rem 1.2rem}.sidebar-title{color:var(--green);letter-spacing:1px;font-size:15px;font-weight:700}.sidebar-sub{color:var(--dimtxt);margin-top:2px;font-size:11px}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--dim)}.nav-section{color:var(--dimtxt);letter-spacing:2px;text-transform:uppercase;padding:.7rem 1.2rem .3rem;font-size:10px}.nav-item{cursor:pointer;color:var(--dimtxt);border-left:2px solid #0000;align-items:center;gap:.6rem;padding:.45rem 1.2rem;font-size:12px;text-decoration:none;transition:all .12s;display:flex}.nav-item:hover{color:var(--green);background:#00ff410a}.nav-item.active{color:var(--green);border-left-color:var(--green);background:#00ff4112}.nav-item.done{color:var(--gdim)}.nav-item.done .nav-check{display:inline}.nav-check{color:var(--gdim);margin-left:auto;font-size:11px;display:none}.nav-num{color:var(--dimtxt);min-width:22px;font-size:10px}.sidebar-footer{border-top:1px solid var(--border);padding:1rem 1.2rem}.prog-label{color:var(--dimtxt);margin-bottom:6px;font-size:11px}.prog-track{background:var(--dim);border-radius:2px;height:3px;overflow:hidden}.prog-fill{background:var(--green);height:100%;box-shadow:0 0 6px var(--green);border-radius:2px;transition:width .3s}.main-content{flex:1;padding:2.5rem 2.8rem;overflow-y:auto}.main-content::-webkit-scrollbar{width:5px}.main-content::-webkit-scrollbar-thumb{background:var(--dim)}.boot-overlay{background:var(--bg);z-index:1000;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.boot-overlay.out{opacity:0;pointer-events:none}.boot-content{width:680px;padding:2rem}.boot-logo{color:var(--green);text-shadow:0 0 12px #00ff4180;white-space:pre;margin-bottom:1.8rem;font-size:10px;line-height:1.15}.boot-line{color:var(--gdim);margin-bottom:4px;font-size:13px}.boot-line.ok{color:var(--green)}.boot-line.warn{color:var(--amber)}.boot-prompt{margin-top:1.2rem;font-size:13px}.prompt-user{color:var(--gdim)}.prompt-path{color:var(--blue)}.prompt-dollar{color:var(--dimtxt)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slidein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cursor{animation:1s step-end infinite blink}.slide-in{animation:.3s ease-out slidein}.home-hero h1{color:var(--green);text-shadow:0 0 24px #00ff414d;margin-bottom:.5rem;font-size:30px}.home-hero .sub{color:var(--gdim);max-width:580px;font-size:14px;line-height:1.8}.home-meta{color:var(--dimtxt);margin:.5rem 0 2rem;font-size:12px}.concept-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;margin-top:1.5rem;display:grid}.card{background:var(--bg2);border:1px solid var(--border);cursor:pointer;padding:1.1rem;text-decoration:none;transition:all .18s;display:block}.card:hover{border-color:var(--gdim);transform:translateY(-2px);box-shadow:0 0 16px #00ff410f}.card.done{border-left:2px solid var(--gdim)}.card-num{color:var(--dimtxt);letter-spacing:2px;margin-bottom:6px;font-size:10px}.card-title{color:var(--amber);margin-bottom:5px;font-size:14px}.card-desc{color:var(--dimtxt);font-size:12px;line-height:1.5}.card-tags{margin-top:8px}.tag{border:1px solid var(--gdim);letter-spacing:1px;text-transform:uppercase;color:var(--green);margin:2px;padding:1px 6px;font-size:9px;display:inline-block}.concept-hdr{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1rem}.concept-num{color:var(--dimtxt);letter-spacing:3px;text-transform:uppercase;margin-bottom:4px;font-size:10px}.concept-title{color:var(--amber);text-shadow:0 0 20px #ffb70040;margin-bottom:4px;font-size:26px}.concept-tagline{color:var(--gdim);font-size:14px;font-style:italic}.section{margin-bottom:2.5rem}.section-lbl{color:var(--dimtxt);letter-spacing:3px;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:10px;display:flex}.section-lbl:after{content:"";background:var(--border);flex:1;height:1px}.plain-box{border:1px solid var(--green);background:#00ff410a;max-width:740px;margin-bottom:2rem;padding:1.2rem 1.4rem}.plain-label{color:var(--green);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;font-size:10px}.plain-label:before{content:"▶  "}.plain-text{color:var(--gbright);font-size:15px;line-height:1.9}.plain-text strong{color:var(--green)}.analogy-box{border-left:3px solid var(--teal);background:#56b6c20a;max-width:740px;margin:1.2rem 0;padding:1rem 1.2rem}.analogy-label{color:var(--teal);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:10px}.analogy-text{color:var(--gdim);font-size:13px;line-height:1.8}.analogy-text strong{color:var(--teal)}.know-box{background:var(--bg2);border:1px solid var(--border);max-width:740px;margin:1.2rem 0;padding:1rem 1.2rem}.know-label{color:var(--amber);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:10px}.know-items{flex-wrap:wrap;gap:8px;display:flex}.know-item{color:var(--amber);background:#ffb7000f;border:1px solid #ffb70033;padding:5px 12px;font-size:12px}.apply-box{max-width:740px;margin:1.2rem 0}.apply-label{color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:10px}.apply-item{border-bottom:1px solid var(--border);color:var(--gdim);gap:10px;padding:7px 0;font-size:13px;line-height:1.6;display:flex}.apply-item:last-child{border-bottom:none}.apply-arrow{color:var(--gdim);flex-shrink:0;min-width:16px;margin-top:2px}.utip{background:#ffb70008;border:1px dashed #ffb70040;max-width:740px;margin:12px 0;padding:10px 14px}.utip-label{color:var(--amber);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:10px}.utip p{color:var(--gdim);font-size:13px;line-height:1.7}.utip p strong{color:var(--amber)}.insight{border-left:3px solid var(--amber);background:#ffb7000a;max-width:740px;margin:1.4rem 0;padding:1rem 1.2rem}.insight-lbl{color:var(--amber);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:10px}.insight p{color:var(--green);line-height:1.8}.prose{color:var(--gdim);max-width:740px;line-height:1.85}.prose p+p{margin-top:.9rem}.hi{color:var(--green);font-weight:700}.ha{color:var(--amber)}.hr{color:var(--red)}.ht{color:var(--teal)}.code-wrap{background:var(--bg2);border:1px solid var(--border);max-width:820px;margin:1rem 0;overflow:hidden}.code-hdr{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:5px 12px;font-size:11px;display:flex}.code-lang{color:var(--amber);letter-spacing:1px;text-transform:uppercase;font-size:10px}.code-file{color:var(--dimtxt)}.code-body{padding:1rem 1.2rem;overflow-x:auto}.code-body::-webkit-scrollbar{height:3px}.code-body::-webkit-scrollbar-thumb{background:var(--dim)}.code-body pre{font-family:var(--font);color:var(--gdim);font-size:12.5px;line-height:1.65}.kw{color:var(--purple)}.fn{color:var(--amber)}.st{color:var(--teal)}.nm{color:var(--blue)}.cm{color:#4a4a5e;font-style:italic}.ok{color:var(--green)}.er{color:var(--red)}.compare{grid-template-columns:1fr 1fr;gap:1rem;max-width:900px;margin:1rem 0;display:grid}.cmp-panel{background:var(--bg2);border:1px solid var(--border);overflow:hidden}.cmp-panel.bad{border-top:2px solid var(--red)}.cmp-panel.good{border-top:2px solid var(--green)}.cmp-hdr{letter-spacing:1px;text-transform:uppercase;background:#ffffff05;padding:6px 12px;font-size:10px}.cmp-panel.bad .cmp-hdr{color:var(--red)}.cmp-panel.good .cmp-hdr{color:var(--green)}.cmp-body{padding:1rem}.fp-table{border-collapse:collapse;width:100%;max-width:740px;margin:1rem 0;font-size:12.5px}.fp-table th{text-align:left;color:var(--amber);border-bottom:1px solid var(--border);letter-spacing:1px;text-transform:uppercase;padding:6px 12px;font-size:10px}.fp-table td{border-bottom:1px solid var(--border);color:var(--gdim);padding:6px 12px;line-height:1.6}.fp-table tr:hover td{background:#00ff4105}.demo-box{background:var(--bg2);border:1px solid var(--gdim);max-width:820px;margin:1rem 0;padding:1.4rem;position:relative}.demo-box:before{content:"INTERACTIVE";background:var(--gdim);color:var(--bg);letter-spacing:2px;padding:1px 6px;font-size:9px;position:absolute;top:-1px;right:12px}.demo-title{color:var(--amber);letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;font-size:12px}.demo-hint{color:var(--dimtxt);margin-bottom:10px;font-size:11px}.btn{border:1px solid var(--gdim);color:var(--green);font-family:var(--font);cursor:pointer;letter-spacing:1px;background:0 0;align-items:center;gap:5px;padding:5px 14px;font-size:12px;transition:all .12s;display:inline-flex}.btn:hover{border-color:var(--green);background:#00ff4114;box-shadow:0 0 10px #00ff4133}.btn:active{transform:scale(.98)}.btn.amber{border-color:var(--amber);color:var(--amber)}.btn.amber:hover{background:#ffb70014}.btn.red{border-color:var(--red);color:var(--red)}.btn.red:hover{background:#ff445514}.btn.active-mode{border-color:var(--green);background:#00ff411a}.btn.sm{padding:3px 8px;font-size:10px}.btn-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.concept-nav{border-top:1px solid var(--border);justify-content:space-between;margin-top:3rem;padding-top:1.5rem;display:flex}.nav-btn{border:1px solid var(--border);color:var(--dimtxt);font-family:var(--font);cursor:pointer;background:0 0;flex-direction:column;gap:3px;min-width:140px;padding:10px 16px;text-decoration:none;transition:all .12s;display:flex}.nav-btn:hover{border-color:var(--gdim);color:var(--green)}.nav-btn .dir{letter-spacing:2px;text-transform:uppercase;font-size:9px}.nav-btn .nname{font-size:12px}.nav-btn.right{text-align:right}.mark-done-btn{border-color:var(--amber)!important;color:var(--amber)!important}.mark-done-btn:hover{background:#ffb70014!important}.quiz{background:var(--bg2);border:1px solid var(--border);max-width:740px;margin:1rem 0;padding:1.4rem}.quiz-q{color:var(--green);margin-bottom:12px;font-size:14px;line-height:1.7}.quiz-opts{flex-direction:column;gap:7px;display:flex}.quiz-opt{border:1px solid var(--border);cursor:pointer;color:var(--dimtxt);font-family:var(--font);text-align:left;background:#0000004d;width:100%;padding:8px 14px;font-size:13px;transition:all .12s}.quiz-opt:hover{border-color:var(--gdim);color:var(--gdim)}.quiz-opt.correct{border-color:var(--green);color:var(--green);background:#00ff410d}.quiz-opt.wrong{border-color:var(--red);color:var(--red);background:#ff44550d}.quiz-fb{margin-top:12px;padding:10px;font-size:13px;line-height:1.7}.quiz-fb.pass{color:var(--green);border:1px solid var(--gdim);background:#00ff410a}.quiz-fb.fail{color:var(--gdim);border:1px solid var(--border);background:#0003}.rw-steps{align-items:center;margin-bottom:10px;padding-bottom:4px;display:flex;overflow-x:auto}.rw-step{border:1px solid var(--border);background:var(--bg3);cursor:pointer;min-width:140px;padding:10px 12px;transition:all .2s}.rw-step.success{border-top:2px solid var(--green)}.rw-step.failure{border-top:2px solid var(--red);opacity:.5}.rw-step.skipped{border-top:2px solid var(--dimtxt);opacity:.3}.rw-step-name{color:var(--amber);margin-bottom:4px;font-size:11px}.rw-step-out{color:var(--gdim);min-height:16px;font-size:11px}.rw-step.success .rw-step-out{color:var(--green)}.rw-step.failure .rw-step-out{color:var(--red)}.rw-arrow{color:var(--gdim);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 4px;font-size:20px}.rw-arrow.killed{color:var(--red)}.rw-result{border:1px solid var(--border);background:#0000004d;margin-top:10px;padding:10px 14px;font-size:13px}.rw-result.ok{color:var(--green);border-left:3px solid var(--green)}.rw-result.err{color:var(--red);border-left:3px solid var(--red)}.pipe-grid{margin-bottom:10px;font-size:11px}.pipe-row{align-items:center;gap:3px;margin-bottom:3px;display:flex}.pipe-lbl{color:var(--dimtxt);text-align:right;min-width:76px;padding-right:8px;font-size:10px}.pipe-cell{background:var(--dim);width:42px;height:28px;color:var(--dimtxt);justify-content:center;align-items:center;font-size:11px;transition:all .3s;display:flex}.pipe-cell.active{color:var(--green);background:#00ff4133;box-shadow:0 0 6px #00ff4166}.pipe-cell.done{color:var(--gdim);background:#00ff4114}.pipe-cell.skipped{color:var(--red);opacity:.6;background:#ff445514}.pipe-cell.emitted{color:var(--amber);background:#ffb70033}.pipe-cell.unneeded{color:var(--dimtxt);opacity:.25;background:#ffb7000d}.pipe-stats{color:var(--dimtxt);margin-top:10px;font-size:12px}.pipe-stats .sv{color:var(--amber)}.chain-steps{align-items:stretch;padding-bottom:4px;display:flex;overflow-x:auto}.ch-step{border:1px solid var(--border);background:var(--bg3);min-width:160px;padding:12px;transition:all .2s}.ch-step.some{border-top:2px solid var(--green)}.ch-step.none{border-top:2px solid var(--red);opacity:.5}.ch-step.skip{border-top:2px solid var(--dimtxt);opacity:.25}.ch-arrow{color:var(--gdim);flex-shrink:0;align-items:center;padding:0 4px;font-size:18px;display:flex}.ch-arrow.dead{color:var(--red)}.ch-name{color:var(--amber);margin-bottom:5px;font-size:11px}.ch-val{min-height:14px;font-size:11px}.ch-step.some .ch-val{color:var(--green)}.ch-step.none .ch-val{color:var(--red)}.ch-step.skip .ch-val{color:var(--dimtxt)}.ch-result{border:1px solid var(--border);margin-top:8px;padding:10px 14px;font-size:13px}.ch-result.some{color:var(--green);border-left:3px solid var(--green);background:#00ff410a}.ch-result.none{color:var(--red);border-left:3px solid var(--red);background:#ff44550a}.pbt-console{background:var(--bg);border:1px solid var(--border);height:220px;padding:10px 12px;font-size:11.5px;overflow-y:auto}.pbt-console::-webkit-scrollbar{width:3px}.pbt-console::-webkit-scrollbar-thumb{background:var(--dim)}.pbt-line{line-height:1.7}.pbt-line.pass{color:var(--gdim)}.pbt-line.fail{color:var(--red);font-weight:700}.pbt-line.info{color:var(--dimtxt)}.pbt-line.oksum{color:var(--green);margin-top:5px}.pbt-line.sum{color:var(--amber);margin-top:5px}.pbt-running{color:var(--amber);height:16px;margin-top:6px;font-size:11px}.toggle-row{color:var(--dimtxt);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.toggle{background:var(--dim);cursor:pointer;border-radius:9px;flex-shrink:0;width:34px;height:18px;transition:background .2s;position:relative}.toggle.on{background:var(--red)}.toggle:after{content:"";background:#ccc;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on:after{background:#fff;transform:translate(16px)}.mono-row{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.mono-lbl{color:var(--dimtxt);min-width:100px;font-size:10px}.mono-cell{background:var(--dim);width:38px;height:28px;color:var(--dimtxt);justify-content:center;align-items:center;font-size:11px;transition:all .3s;display:flex}.mono-cell.active{color:var(--green);background:#00ff4133;box-shadow:0 0 6px #00ff414d}.mono-cell.combined{color:var(--amber);background:#ffb70033;box-shadow:0 0 6px #ffb7004d}.mono-cell.final{color:var(--teal);background:#56b6c233;box-shadow:0 0 10px #56b6c266}.mono-op{color:var(--dimtxt);padding:0 2px}.mono-result{border:1px solid var(--border);background:#0000004d;margin-top:12px;padding:10px;font-size:13px}.mono-rounds{color:var(--dimtxt);margin-top:4px;font-size:11px}.mono-rounds .rv{color:var(--amber)}.state-fn-row{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:8px;display:flex}.state-fn-box{background:var(--bg3);border:1px solid var(--border);flex:1;min-width:180px;padding:12px}.state-fn-box.active{border-color:var(--green);background:#00ff410a}.sfn-name{color:var(--amber);margin-bottom:6px;font-size:12px}.sfn-sig{color:var(--dimtxt);margin-bottom:6px;font-size:10px;font-style:italic}.sfn-in{color:var(--gdim);font-size:11px}.sfn-out{color:var(--green);margin-top:4px;font-size:11px}.sfn-state{color:var(--blue);margin-top:4px;font-size:10px}.state-result{border:1px solid var(--border);background:#0000004d;padding:10px;font-size:12px}.srow{gap:16px;margin:3px 0;display:flex}.sk{color:var(--dimtxt);min-width:80px}.sv{color:var(--teal)}.ap-steps{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.ap-step{align-items:center;gap:10px;display:flex}.ap-step-box{border:1px solid var(--border);background:var(--bg3);cursor:pointer;flex:1;max-width:300px;padding:10px 12px;font-size:12px;transition:all .2s}.ap-step-box.pass{border-left:3px solid var(--green);color:var(--green)}.ap-step-box.fail{border-left:3px solid var(--red);color:var(--red)}.ap-step-lbl{color:var(--dimtxt);min-width:140px;font-size:11px}.ap-result{border:1px solid var(--border);background:#0000004d;padding:10px;font-size:13px}.ap-result.allok{color:var(--green);border-left:3px solid var(--green)}.ap-result.monaderr{color:var(--red);border-left:3px solid var(--red)}.ap-result.aperr{color:var(--amber);border-left:3px solid var(--amber)}.ap-note{color:var(--dimtxt);margin-top:6px;font-size:11px}.glossary-btn{z-index:500;background:var(--bg2);border:1px solid var(--amber);color:var(--amber);font-family:var(--font);cursor:pointer;letter-spacing:1px;padding:7px 16px;font-size:11px;position:fixed;bottom:20px;right:20px}.glossary-btn:hover{background:#ffb7001a}.glossary-drawer{z-index:600;background:var(--bg2);border-left:1px solid var(--border);flex-direction:column;width:340px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.glossary-drawer.open{transform:translate(0)}.glossary-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.glossary-hdr h3{color:var(--amber);letter-spacing:1px;font-size:13px}.glossary-close{color:var(--dimtxt);cursor:pointer;font-size:20px;font-family:var(--font);background:0 0;border:none}.glossary-close:hover{color:var(--red)}.glossary-body{flex:1;padding:1rem;overflow-y:auto}.glossary-body::-webkit-scrollbar{width:3px}.glossary-body::-webkit-scrollbar-thumb{background:var(--dim)}.g-term{border-bottom:1px solid var(--border);margin-bottom:1.2rem;padding-bottom:1.2rem}.g-term:last-child{border-bottom:none}.g-name{color:var(--amber);margin-bottom:5px;font-size:13px}.g-plain{color:var(--green);margin-bottom:4px;font-size:12px;line-height:1.6}.g-code{color:var(--dimtxt);margin-top:3px;font-size:11px;font-style:italic;line-height:1.5}@media (max-width:720px){.sidebar{display:none}.main-content{padding:1.5rem}.compare{grid-template-columns:1fr}}