:root{--bg:#f5f5f2;--panel:#fff;--panel-2:#fafaf8;--ink:#1c1e22;--muted:#6b7079;--faint:#a3a7ae;--line:#e4e4df;--accent:#4f46e5;--accent-soft:#4f46e51a;--lit:#f5b40038;--lit-strong:#f59e0b80;--tint-0:#4f46e50f;--tint-1:#0e74901a;--k-keyword:#a21caf;--k-type:#0e7490;--k-function:#b45309;--k-parameter:#c2410c;--k-const:#15803d;--k-global:#7c3aed;--k-comment:#8a8f98;--k-string:#15803d;--e-taken:#16a34a;--e-not-taken:#dc2626;--e-plain:#94a3b8;--e-back:#4f46e5;--e-computed:#d97706;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1014;--panel:#15181e;--panel-2:#1a1e25;--ink:#e5e7eb;--muted:#8d939d;--faint:#5b616b;--line:#262a32;--accent:#8b8cff;--accent-soft:#8b8cff24;--lit:#facc1529;--lit-strong:#facc1561;--tint-0:#8b8cff1a;--tint-1:#22d3ee1a;--k-keyword:#e879f9;--k-type:#22d3ee;--k-function:#fbbf24;--k-parameter:#fb923c;--k-const:#4ade80;--k-global:#c4b5fd;--k-comment:#6b7280;--k-string:#86efac;--e-taken:#4ade80;--e-not-taken:#f87171;--e-plain:#64748b;--e-back:#8b8cff;--e-computed:#fbbf24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer}code{font-family:var(--mono);background:var(--accent-soft);border-radius:4px;padding:.05em .35em;font-size:.92em}.boot{min-height:100vh;color:var(--muted);place-items:center;display:grid}.app{max-width:1680px;margin:0 auto;padding:20px 24px 40px}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.brand h1{letter-spacing:-.01em;margin:0;font-size:22px}.brand p{color:var(--muted);margin:2px 0 0;font-size:13px}.controls{flex-wrap:wrap;gap:12px;display:flex}.seg{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.seg-label{color:var(--muted);padding:0 8px 0 6px;font-size:12px}.seg button{font-family:var(--mono);background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:12.5px}.seg button.on{background:var(--accent);color:#fff}.examples{flex-wrap:wrap;gap:8px;margin:18px 0 10px;display:flex}.examples button{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;transition:border-color .12s;display:flex}.examples button:hover{border-color:var(--faint)}.examples button.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.ex-title{font-size:13px;font-weight:600}.examples button code{color:var(--muted);background:0 0;padding:0;font-size:12px}.lesson{max-width:100ch;color:var(--muted);margin:0 0 18px}.stepper{flex-wrap:wrap;gap:4px;margin:0 0 12px;padding:0;list-style:none;display:flex}.stepper li{align-items:center;display:flex}.stepper li+li:before{content:"";background:var(--line);width:18px;height:1px;margin-right:4px}.stepper button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-weight:500;display:flex}.stepper button:hover{color:var(--ink)}.stepper .num{border:1px solid var(--line);width:22px;height:22px;font-size:12px;font-family:var(--mono);background:var(--panel);border-radius:50%;place-items:center;display:grid}.stepper li.done .num{border-color:var(--accent);color:var(--accent)}.stepper li.on button{color:var(--ink);background:var(--panel);border-color:var(--line)}.stepper li.on .num{background:var(--accent);border-color:var(--accent);color:#fff}.explainer{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;gap:24px;padding:16px 20px;display:grid}.explainer h2{margin:0 0 4px;font-size:16px}.explainer p{max-width:105ch;margin:0}.lost{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.lost:before{content:"Lost:";color:var(--muted);align-self:center;font-size:12px}.lost span{border:1px dashed var(--e-not-taken);color:var(--e-not-taken);border-radius:999px;padding:1px 8px;font-size:12px}.stats{grid-template-columns:repeat(4,auto);align-self:center;gap:4px 20px;margin:0;display:grid}.stats div{text-align:right}.stats dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.stats dd{font:600 20px var(--mono);margin:0}.hint{color:var(--faint);margin:10px 2px;font-size:12px}.hint strong{color:var(--accent)}.panes{grid-template-columns:minmax(300px,.85fr) minmax(0,1.6fr);align-items:start;gap:14px;display:grid}.panes.stage-decompile,.panes.stage-annotate{grid-template-columns:minmax(280px,.8fr) minmax(0,1fr) minmax(0,1fr)}@media (width<=1100px){.panes,.panes.stage-decompile,.panes.stage-annotate{grid-template-columns:minmax(0,1fr)}.explainer{grid-template-columns:1fr}.stats div{text-align:left}}.pane{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}.pane>header{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:baseline;gap:10px;padding:10px 14px;display:flex}.pane h3{margin:0;font-size:13px}.pane .sub{color:var(--muted);font:12px var(--mono)}.pane .action{margin-left:auto}.pane .note{color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:8px 14px;font-size:12px}.pane-body{max-height:74vh;overflow:auto}.link{color:var(--accent);background:0 0;border:0;padding:0;font-size:12px}.empty{color:var(--muted);text-align:center;padding:28px 16px}.code{font:12.5px/1.6 var(--mono);tab-size:4;margin:0;padding:8px 0}.code .row{padding:0 14px;transition:background .1s,opacity .1s}.code .row.lit{background:var(--lit)}.code .dim{opacity:.42}.source .row,.decomp .row,.disasm .insn{cursor:pointer}.source .row:not(.live){cursor:default}.gutter{-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-right:12px;display:inline-flex}.ln{text-align:right;width:2.5ch;color:var(--faint);display:inline-block}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.dot.none{background:0 0}.tok-lit{background:var(--lit-strong);box-shadow:0 0 0 1px var(--lit-strong);border-radius:3px}.k-keyword{color:var(--k-keyword)}.k-type{color:var(--k-type)}.k-function{color:var(--k-function)}.k-parameter{color:var(--k-parameter)}.k-const,.k-string{color:var(--k-const)}.k-global{color:var(--k-global)}.k-comment{color:var(--k-comment);font-style:italic}.k-special{color:var(--muted)}.k-error{color:var(--e-not-taken)}.hex .row{gap:18px;display:flex}.addr{color:var(--faint)}.bytes{flex-wrap:wrap;width:48ch;display:inline-flex}.byte{text-align:center;cursor:pointer;border-radius:3px;width:3ch;transition:background .1s,opacity .1s}.byte.ins-0{background:var(--tint-0)}.byte.ins-1{background:var(--tint-1)}.byte.lit{background:var(--lit-strong)}.ascii{color:var(--faint);white-space:pre}.disasm .insn{grid-template-columns:10ch 18ch 2ch minmax(7ch,auto) 1fr auto;align-items:baseline;column-gap:10px;display:grid}.disasm:not(:has(.raw)) .insn{grid-template-columns:10ch 2ch minmax(7ch,auto) 1fr auto}.raw{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flow{color:var(--accent);text-align:center}.mn{color:var(--k-keyword)}.ops{white-space:pre}.label{color:var(--accent);opacity:.85;padding:6px 14px 0}.line-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:0 6px;font-size:11px}.line-badge.none{color:var(--faint);background:0 0}.with-pcode .insn{border-bottom:1px solid var(--line);padding-top:4px;padding-bottom:4px}.pcode-group{border-left:2px solid var(--line);grid-column:1/-1;margin:2px 0 2px calc(12ch + 20px);padding-left:12px;font-size:11.5px;line-height:1.5}.p-out{color:var(--k-parameter)}.p-op{color:var(--k-type);font-weight:600}.p-in{color:var(--muted)}.cfg-wrap{overflow:auto}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;padding:10px 14px 0;font-size:12px;display:flex}.lg i{border-top:2px solid var(--e-plain);vertical-align:middle;width:18px;height:0;margin-right:6px;display:inline-block}.lg-taken i{border-color:var(--e-taken)}.lg-not-taken i{border-color:var(--e-not-taken)}.lg-back i{border-color:var(--e-back)}.lg-computed i{border-color:var(--e-computed);border-top-style:dotted}.cfg{margin:0 auto;position:relative}.cfg svg{position:absolute;inset:0;overflow:visible}.edge{fill:none;stroke-width:1.6px;stroke:var(--e-plain)}.arrowhead{fill:var(--e-plain)}.e-taken{stroke:var(--e-taken);fill:var(--e-taken)}.edge.e-taken{fill:none}.e-not-taken{stroke:var(--e-not-taken);fill:var(--e-not-taken)}.edge.e-not-taken{fill:none}.e-back{stroke:var(--e-back);fill:var(--e-back)}.edge.e-back{fill:none;stroke-width:2.2px}.e-computed{stroke:var(--e-computed);fill:var(--e-computed)}.edge.e-computed{fill:none;stroke-dasharray:2 3}.arrowhead{stroke:none}.node{background:var(--panel);border:1px solid var(--line);font:12px/17px var(--mono);cursor:pointer;border-radius:8px;transition:opacity .1s,border-color .1s;position:absolute;overflow:hidden;box-shadow:0 1px 2px #0000000f}.node.lit{border-color:var(--k-function);box-shadow:0 0 0 2px var(--lit-strong)}.node.dim{opacity:.4}.node-head{background:var(--panel-2);border-bottom:1px solid var(--line);height:22px;color:var(--accent);justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;display:flex}.node-head span{color:var(--faint)}.node-line{white-space:pre;text-overflow:ellipsis;padding:0 12px;overflow:hidden}.node>.node-line:nth-child(2){margin-top:4px}.steps{border-bottom:1px solid var(--line);gap:3px;margin:0;padding:10px 14px;font-size:12.5px;list-style:none;display:grid}.steps li:before{content:"✎";color:var(--accent);margin-right:8px}footer{color:var(--faint);margin-top:24px;font-size:12px}