:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e8eaf0;background:#0b0d12;margin:0;font:15px/1.5 ui-sans-serif,system-ui,sans-serif}main{max-width:1060px;margin:0 auto;padding:24px 20px 48px}header h1{letter-spacing:.02em;margin:0 0 4px;font-size:22px}header p{color:#9aa1b2;max-width:62ch;margin:0 0 16px}.readme-intro>p:first-of-type{color:#c8cede;max-width:68ch;font-size:17px}.readme-intro ul{color:#b7bdcc;max-width:72ch;margin:0 0 16px;padding-left:22px}.readme-intro ul li{margin:6px 0}code{color:#7fd4ff}#stage{background:#05060a;border-radius:8px;overflow:hidden}canvas{width:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none;background:#05060a;display:block}#stage-footer{background:#0b0d12;border-top:1px solid #1c2130;justify-content:space-between;align-items:stretch;display:flex}#stage-footer .libpick{border:0;border-radius:0}#stage-footer .libpick button{color:#5b667e;cursor:pointer;background:0 0;border:0;border-right:1px solid #1c2130;padding:0 9px;font:10px/1.4 ui-sans-serif,system-ui}#stage-footer .libpick button:last-child{border-right:0}#stage-footer .libpick button.on{color:#0b0d12;background:#7fd4ff;font-weight:600}#hud{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px 20px;margin:14px 0 10px;display:grid}.stat{min-width:0}.stat>span{white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:21px;display:block;overflow:hidden}.stat .now{text-align:right;display:inline-block}#stat-recomputed .now{min-width:7ch}#stat-share .now{min-width:5ch}#stat-frame .now{min-width:9ch}#stat-fps .now{min-width:3ch}#stat-heap .now{min-width:9ch}.stat .avg{color:#9aa1b2;font-size:13px}.stat label{color:#9aa1b2;text-transform:uppercase;letter-spacing:.06em;font-size:12px}#controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#controls button{color:#e8eaf0;font:inherit;cursor:pointer;background:#161a24;border:1px solid #2a3040;border-radius:6px;padding:7px 14px}#controls button.on{color:#7fd4ff;border-color:#7fd4ff}#note{color:#9aa1b2;font-variant-numeric:tabular-nums}#errors{font-variant-numeric:tabular-nums;color:#ff8f8f;margin:10px 0 2px;font:12px/1.7 ui-monospace,monospace}footer p{color:#9aa1b2;max-width:70ch}h2{margin:36px 0 6px;font-size:18px}h3{color:#c8cede;margin:18px 0 6px;font-size:14px}.slots{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:6px 18px;margin:14px 0;display:grid}.slots div{gap:10px;display:flex}.slots dt{color:#7fd4ff;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.slots dd{color:#9aa1b2;margin:0}#inspector .actions{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}#inspector .actions button{color:#e8eaf0;font:inherit;cursor:pointer;background:#161a24;border:1px solid #2a3040;border-radius:6px;padding:6px 12px}#inspector .panes{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){#inspector .panes{grid-template-columns:1fr}}.hint{color:#9aa1b2;margin:0 0 8px;font-size:13px}#records table{border-collapse:collapse;width:100%;font:12px ui-monospace,monospace}#records th,#records td{text-align:right;border-bottom:1px solid #1c2130;padding:3px 7px}#records td.decoded{text-align:left;color:#9aa1b2}#records tr.signal th{color:#7fd4ff}#records tr.computed th{color:#b48bff}#records tr.effect th{color:#ffd479}#records tr.link th{color:#6fdc9c}#records tr.freed{opacity:.45}#records tr.selected{outline:1px solid #7fd4ff}#records td.changed{color:#ffd479;background:#4a3a12}#graphview{background:#05060a;border-radius:8px;width:100%}#graphview .node rect{fill:#161a24;stroke:#2a3040}#graphview .node.signal rect{stroke:#7fd4ff}#graphview .node.computed rect{stroke:#b48bff}#graphview .node.effect rect{stroke:#ffd479}#graphview text{fill:#e8eaf0;text-anchor:middle;font:12px ui-sans-serif,system-ui}#graphview .chips{fill:#9aa1b2;font-size:9px}#graphview .edges path{fill:none;stroke:#3a4358;stroke-width:1.5px;marker-end:none}#graphview .edges text{fill:#5b667e;font-size:9px}#log{color:#9aa1b2;padding-left:20px;font-size:13px}#log li{margin:2px 0}.lede{color:#c8cede;max-width:68ch;font-size:17px}pre{background:#10131c;border:1px solid #1c2130;border-radius:8px;padding:14px 16px;overflow-x:auto}pre code{color:#c8cede}section>p{color:#b7bdcc;max-width:72ch}.algo{color:#b7bdcc;max-width:72ch;padding-left:22px}.algo li{margin:8px 0}.algo b{color:#e8eaf0}.counter{flex-wrap:wrap;align-items:stretch;gap:12px;margin:16px 0;display:flex}.counter button{color:#e8eaf0;cursor:pointer;background:#161a24;border:1px solid #2a3040;border-radius:8px;width:44px;font-size:20px}.counter .cell{background:#10131c;border:1px solid #1c2130;border-radius:8px;min-width:110px;padding:8px 16px}.counter .cell label{color:#9aa1b2;text-transform:uppercase;letter-spacing:.06em;font-size:11px;display:block}.counter .cell output{font-variant-numeric:tabular-nums;font-size:22px}#w-stepper .actions,#w-sheet .actions{flex-wrap:wrap;gap:8px;margin:14px 0 10px;display:flex}#w-stepper .actions button{color:#e8eaf0;font:inherit;cursor:pointer;background:#161a24;border:1px solid #2a3040;border-radius:6px;padding:6px 12px}#w-stepper #graphview{width:100%;max-width:620px;display:block}.sheet{border-collapse:collapse;width:100%}.sheet th{color:#9aa1b2;padding:2px 6px;font-size:12px;font-weight:500}.sheet td{border:1px solid #1c2130;min-width:150px;padding:0}.sheet input{color:#7fd4ff;background:0 0;border:0;outline:none;width:100%;padding:6px 8px 0;font:13px ui-monospace,monospace}.sheet input:focus{background:#10131c}.sheet output{font-variant-numeric:tabular-nums;padding:0 6px 5px;font-size:14px;display:block}.records{border:1px solid #1c2130;border-radius:8px;max-height:460px;overflow:auto}.records table{border-collapse:collapse;width:100%;font:11.5px ui-monospace,monospace}.records th,.records td{text-align:right;white-space:nowrap;border-bottom:1px solid #1c2130;padding:3px 6px}.records td.decoded{text-align:left;color:#9aa1b2}.records tr.signal th{color:#7fd4ff}.records tr.computed th{color:#b48bff}.records tr.effect th{color:#ffd479}.records tr.link th{color:#6fdc9c}.records tr.freed{opacity:.45}.records tr.selected{outline:1px solid #7fd4ff}.records td.changed{color:#ffd479;background:#4a3a12}.records thead th{background:#10131c;font-weight:500;position:sticky;top:0}.records thead .nh{color:#b48bff}.records thead .lh{color:#6fdc9c;font-size:10px}.libpick{border:1px solid #2a3040;border-radius:6px;gap:0;display:inline-flex;overflow:hidden}.libpick button{color:#9aa1b2;cursor:pointer;background:#10131c;border:0;border-right:1px solid #2a3040;padding:7px 12px;font:13px ui-sans-serif,system-ui}.libpick button:last-child{border-right:0}#controls .libpick button{color:#9aa1b2;background:#10131c;border:0;border-right:1px solid #2a3040;border-radius:0}#controls .libpick button:last-child{border-right:0}#controls .libpick button.on{color:#0b0d12;background:#7fd4ff;font-weight:600}#lib-bar{grid-template-columns:auto repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--lib-rows,4), auto);border:0;border-radius:0;flex:1 0 100%;gap:4px;display:grid;overflow:visible}#controls #lib-bar button{text-align:left;border:1px solid #2a3040;border-radius:6px;align-content:center;min-width:0;padding:7px 10px;display:grid}#controls #lib-bar button:not(.on){background:var(--tint,#10131c)}#lib-bar .lib-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.5;display:block;overflow:hidden}#lib-bar .lib-stats{font-variant-numeric:tabular-nums;color:#9aa1b2;white-space:nowrap;gap:14px;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;overflow:hidden}#lib-bar .lib-stats .seg{text-transform:uppercase;letter-spacing:.05em;align-items:baseline;gap:4px;display:inline-flex}#lib-bar .lib-stats .seg b{letter-spacing:0;text-transform:none;font-size:15px;font-weight:600}#lib-bar button[data-v=dalien-signals]{border-color:#7fd4ff}@keyframes dalien-pulse{0%,to{box-shadow:0 0 #7fd4ff00}50%{box-shadow:0 0 12px 1px #7fd4ff66}}#controls #lib-bar button[data-v=dalien-signals]:not(.on){animation:2.8s ease-in-out infinite dalien-pulse}@media (prefers-reduced-motion:reduce){#controls #lib-bar button[data-v=dalien-signals]:not(.on){animation:none}}#lib-bar button[data-v=dalien-signals] .lib-name{color:#7fd4ff;font-weight:600}#controls #lib-bar button.on[data-v=dalien-signals] .lib-name{color:#0b0d12}#lib-bar .lib-stats .seg.mount b{color:#7fd4ff}#lib-bar .lib-stats .seg.fps b{color:#ffd479}#lib-bar .lib-stats .seg.unmount b{color:#b48bff}#lib-bar .lib-name .lib-slow{float:right;color:#ffd479;text-transform:uppercase;letter-spacing:.06em;border:1px solid #ffd479;border-radius:4px;margin:4px 0 0 8px;padding:0 6px;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}#controls #lib-bar button.on .lib-slow{color:#0b0d12;border-color:#0b0d12}#lib-bar .lib-name .lib-rank{float:right;color:#9aa1b2;font:400 12px/2 ui-monospace,SFMono-Regular,Menlo,monospace}#controls #lib-bar button.on .lib-rank,#controls #lib-bar button.on .lib-stats,#controls #lib-bar button.on .lib-stats .seg b{color:#0b0d12}#controls #lib-bar #btn-tour{text-align:center;grid-row:1/-1;padding:4px 10px;font-size:16px}@media (width<=720px){#lib-bar{grid-template-columns:auto repeat(2,minmax(0,1fr))}}#w-bench .actions{align-items:center;gap:12px;margin:14px 0;display:flex}#w-bench button{color:#e8eaf0;font:inherit;cursor:pointer;background:#161a24;border:1px solid #2a3040;border-radius:6px;padding:7px 14px}#w-bench button:disabled{opacity:.5;cursor:default}#w-bench svg{width:100%;max-width:780px}#w-bench .bench-name{fill:#e8eaf0;font:600 13px ui-sans-serif,system-ui}#w-bench .lib{fill:#9aa1b2;text-anchor:end;font:11px ui-sans-serif,system-ui}#w-bench .val{fill:#9aa1b2;font:11px ui-monospace,monospace}
