:root{color-scheme:dark;--bg: #0b0c0e;--surface: #101114;--surface-2: #15171a;--surface-3: #1b1e22;--border: #23262b;--border-strong: #33373e;--text: #e9eaec;--muted: #989ea8;--faint: #6e747d;--accent: #9db9f5;--accent-strong: #7d9ff0;--green: #6fd39b;--amber: #dcb45f;--red: #e88b8b;--font-ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--side-w: 270px;--top-h: 48px}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--top-h) + 12px)}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--font-ui);-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}a{color:var(--accent)}code,kbd,pre,.mono{font-family:var(--font-mono)}code{background:var(--surface-3);padding:1px 5px;border-radius:4px;font-size:.9em}kbd{background:var(--surface-3);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:.85em}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.skip{position:absolute;left:-999px;top:0;background:var(--text);color:#000;padding:6px 10px;z-index:100}.skip:focus{left:8px;top:8px}.btn{height:30px;padding:0 12px;border:1px solid var(--border-strong);border-radius:6px;background:transparent;color:var(--text);font:500 12.5px var(--font-ui);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--text);border-color:var(--text);color:#0b0c0e;font-weight:600}.btn.primary:hover{background:#fff}.btn.small{height:24px;padding:0 8px;font-size:11.5px}.btn:disabled{opacity:.4;cursor:not-allowed}#app{min-height:100vh}.topbar{position:fixed;inset:0 0 auto 0;height:var(--top-h);z-index:30;display:flex;align-items:center;gap:12px;padding:0 16px;background:#101114f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.topbar .ttl{font-weight:650;letter-spacing:.01em}.topbar .grow{flex:1}.topbar .menu{display:none}.prog-bar{width:120px;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.prog-fill{height:100%;background:var(--green);width:0;transition:width .3s}.prog-text{color:var(--muted);font-size:12px}.side{position:fixed;top:var(--top-h);bottom:0;left:0;width:var(--side-w);overflow-y:auto;padding:14px 10px 24px;background:var(--surface);border-right:1px solid var(--border);z-index:20}.ch-list{list-style:none;margin:0 0 14px;padding:0}.ch-list a{display:grid;grid-template-columns:24px 1fr auto;gap:6px;align-items:baseline;padding:6px 8px;border-radius:6px;color:var(--muted);text-decoration:none;font-size:13px;line-height:1.35}.ch-list a:hover{background:var(--surface-2);color:var(--text)}.ch-list a.cur{background:var(--surface-3);color:var(--text);font-weight:600}.ch-list .n{color:var(--faint);font:600 11px var(--font-mono)}.ch-list .ck{font:600 11px var(--font-mono);color:var(--faint)}.ch-list a.done .ck{color:var(--green)}.content{margin-left:var(--side-w);padding:calc(var(--top-h) + 28px) 32px 80px;max-width:calc(var(--side-w) + 1000px);outline:none}.chapter{max-width:940px}.ch-head{margin-bottom:18px}.ch-num{color:var(--accent);font:600 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.chapter h1{margin:4px 0 8px;font-size:30px;line-height:1.2}.chapter h3{margin:28px 0 8px;font-size:19px}.chapter h4{margin:0 0 8px;font-size:14px;color:var(--muted);font-weight:600}.lead{color:var(--muted);font-size:17px}.prose p,.prose li{max-width:74ch}.prose ul,.prose ol{padding-left:22px}.prose li{margin:4px 0}.caption{color:var(--muted);margin:0 0 10px;font-size:14px}table.plain{border-collapse:collapse;margin:10px 0;font-size:14px}table.plain th,table.plain td{border:1px solid var(--border);padding:5px 10px;text-align:left;vertical-align:top}table.plain th{background:var(--surface-2);font-weight:600}table.ops td.mono{font-size:13px}.merk{border-left:3px solid var(--green);background:#6fd39b0f;padding:10px 16px;margin:22px 0;border-radius:0 8px 8px 0}.merk strong{color:var(--green)}.merk ul{margin:6px 0 0;padding-left:20px}.demo{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:14px 16px 16px;margin:22px 0}.demo>h3{margin:0 0 6px;font-size:16px}.lc{display:flex;flex-direction:column;gap:8px}.lc-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lc-sp{flex:1}.lc-stage{height:260px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg)}.lc-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.lc-speed,select.lc-speed{height:30px;background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:0 8px;font:12.5px var(--font-ui)}.lc-io{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 24px}.lc-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:3px 0}.lc-name{min-width:76px;font:600 12px var(--font-mono);color:var(--muted)}.lc-bit{width:26px;height:28px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);font:600 13px var(--font-mono);border-radius:5px;cursor:pointer;padding:0}.lc-bit.on{background:#6fd39b2e;border-color:var(--green);color:var(--green)}.lc-gap{width:6px}.lc-num{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:5px;height:28px;padding:0 6px;font:12.5px var(--font-mono);margin-left:8px;width:90px}.lc-val{font:13px var(--font-mono);color:var(--faint)}.lc-val.on{color:var(--green)}.lc-readout{font:13px var(--font-mono);color:var(--accent);background:var(--surface-2);padding:6px 10px;border-radius:6px}.lc-big{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);padding:12px;overflow:auto}.lc-big .lc-stage{flex:1;min-height:300px}.lc-big .lc-io,.lc-big .lc-table{max-height:20vh;overflow:auto}.tt{border-collapse:collapse;font:13px var(--font-mono)}.tt th,.tt td{border:1px solid var(--border);padding:3px 12px;text-align:center}.tt th{background:var(--surface-2);color:var(--muted)}.tt tr[data-row]{cursor:pointer}.tt tr[data-row]:hover td{background:var(--surface-2)}.tt tr.cur td{background:#9db9f529}.tt td.one{color:var(--green);font-weight:700}.lc-table{overflow-x:auto}.lc-mem summary{cursor:pointer;color:var(--muted);font-size:13px}.mem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:3px;margin-top:6px;max-width:760px}.mem-cell{display:flex;align-items:center;gap:4px}.mem-adr{color:var(--faint);font:11px var(--font-mono);width:18px}.mem-cell input{width:100%;min-width:0;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:4px;font:12px var(--font-mono);padding:2px 4px}.tasks{margin-top:12px;border-top:1px dashed var(--border);padding-top:10px}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.task{display:grid;grid-template-columns:28px 1fr;gap:6px;align-items:start;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.task.ok{border-color:#6fd39b80}.task.now{box-shadow:0 0 0 1px var(--green)}.task .mark{font:700 17px var(--font-mono);color:var(--faint);text-align:center}.task.ok .mark{color:var(--green)}.task .tt-text{font-size:14px}.tbtn{display:flex;gap:6px;margin-top:6px}.hint{color:var(--amber);margin:6px 0 0;font-size:13px}.sol{margin-top:6px;padding:8px 10px;background:var(--bg);border-radius:6px;border:1px solid var(--border);font-size:14px}.sol pre{margin:0 0 8px;white-space:pre-wrap;font-size:13px}.build{margin-top:12px}.build summary{cursor:pointer;font-weight:600;color:var(--accent)}.build ol{padding-left:22px;margin:8px 0}.build li{margin:5px 0;font-size:14px}.demo-actions{margin-top:8px}.wd{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:14px 16px;margin:20px 0}.wd-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.wd-field{display:grid;gap:4px;font-size:12px;color:var(--muted)}.wd-field input,.wd-wide{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:5px 8px;font:14px var(--font-mono)}.wd-wide{width:min(420px,100%)}.wd-msg{color:var(--muted);margin:8px 0 0;font-size:14px}.wd-msg.warn{color:var(--amber)}.rc-grid{display:grid;grid-template-columns:60px repeat(8,1fr);gap:3px;margin-top:12px;max-width:560px}.rc-h{color:var(--faint);font:12px var(--font-mono);align-self:center}.rc-c{text-align:center;padding:3px 0;background:var(--surface-2);border-radius:4px;font:14px var(--font-mono);color:var(--muted)}.rc-c.one{color:var(--green)}.rc-c.act{outline:2px solid var(--accent)}.sr-diag{background:var(--bg);border:1px solid var(--border);padding:10px;border-radius:6px;overflow-x:auto;font-size:13px;line-height:1.3;margin:10px 0 0}.pl{border-collapse:collapse;margin-top:10px;font:13px var(--font-mono)}.pl th,.pl td{border:1px solid var(--border);padding:4px 9px;text-align:center;min-width:30px}.pl th{background:var(--surface-2);color:var(--muted);font-weight:500}.st{color:#0b0c0e;font-weight:700}.st0{background:#9db9f5}.st1{background:#dcb45f}.st2{background:#6fd39b}.st3{background:#e88b8b}.pl-box{overflow-x:auto}.cpulab{display:grid;gap:10px}.cl-stat{display:flex;flex-wrap:wrap;gap:8px}.cl-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:5px 12px;display:grid}.cl-chip span{font-size:10.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.07em}.cl-chip b{font:600 14px var(--font-mono)}.cl-chip.halt b{color:var(--amber)}.cl-phases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;counter-reset:ph}.cl-phases li{counter-increment:ph;text-align:center;padding:6px;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:13px}.cl-phases li:before{content:counter(ph) ". ";color:var(--faint)}.cl-phases li.act{background:#9db9f529;border-color:var(--accent);color:var(--text)}.cl-explain{background:var(--surface-2);border-radius:8px;padding:10px 14px;min-height:3.2em;font-size:14px}.cl-log{font:13px var(--font-mono);color:var(--green)}.cl-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px}.cl-src{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;font:13px/1.5 var(--font-mono);resize:vertical}.cl-ctl{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cl-listing{max-height:280px;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:4px 0}.cl-line{display:grid;grid-template-columns:30px 64px 1fr;font:12.5px var(--font-mono);padding:1px 10px;color:var(--muted)}.cl-line.pc{background:#9db9f52e;color:var(--text)}.cl-ram{font:12px var(--font-mono);color:var(--muted);margin-top:6px;word-break:break-word}.pager{display:flex;justify-content:space-between;gap:10px;margin-top:40px;flex-wrap:wrap}@media (max-width: 900px){.topbar .menu{display:inline-flex}.topbar .ttl{display:none}.prog-bar{width:60px}.side{transform:translate(-100%);transition:transform .2s;box-shadow:0 0 40px #0009}body.side-open .side{transform:none}.content{margin-left:0;padding:calc(var(--top-h) + 18px) 14px 60px}.cl-cols{grid-template-columns:1fr}.chapter h1{font-size:24px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}