*{box-sizing:border-box}html,body,#root{background:#05060f;height:100%;margin:0;overflow:hidden}body{color:#cfe3ff;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.app{position:fixed;inset:0}.app canvas{display:block}.boot{background:radial-gradient(#0a1030 0%,#05060f 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.boot h1{color:#7c4dff;letter-spacing:2px;margin:0;font-size:42px}.boot h1 span{color:#00e5ff}.boot pre{color:#8fb8ff;white-space:pre-wrap;text-align:center;max-width:640px}.title{pointer-events:none;position:absolute;top:14px;left:18px}.title h1{color:#7c4dff;letter-spacing:1px;margin:0;font-size:22px}.title h1 span{color:#00e5ff}.title p{color:#6f87b8;margin:2px 0 0;font-size:11px}.legend{background:#080c20b8;border:1px solid #1d2c52;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;font-size:11px;display:flex;position:absolute;top:14px;right:18px}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 6px}.hovertip{pointer-events:none;background:#080c20d9;border:1px solid #1d2c52;border-radius:8px;max-width:46vw;padding:8px 12px;font-size:12px;position:absolute;bottom:118px;left:18px}.hovertip code{color:#00e5ff}.hovertip .sub{color:#6f87b8;margin-top:3px;font-size:10px}.hovertip .sq{color:#ff5252}.infopanel{background:#080c20d9;border:1px solid #1d2c52;border-radius:8px;width:210px;padding:12px;font-size:12px;position:absolute;top:180px;right:18px}.infopanel h3{color:#00e5ff;letter-spacing:1px;margin:0 0 8px;font-size:13px}.infopanel .big{color:#fff;font-size:24px}.infopanel .big span{color:#6f87b8;font-size:11px}.infopanel .bar{background:#101a33;border-radius:3px;height:6px;margin-top:8px}.infopanel .bar i{background:linear-gradient(90deg,#00e5ff,#7c4dff);border-radius:3px;height:100%;display:block}.infopanel .dim{color:#6f87b8;font-size:11px}.timeline{background:#060918e6;border-top:1px solid #1d2c52;padding:10px 18px 8px;position:absolute;bottom:0;left:0;right:0}.tl-controls{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tl-controls button,.tl-controls select{color:#cfe3ff;font:inherit;cursor:pointer;background:#101a33;border:1px solid #1d2c52;border-radius:6px;padding:4px 10px;font-size:12px}.tl-controls button:hover,.tl-controls select:hover{border-color:#00e5ff}.tl-controls .cyc{color:#8fb8ff;margin-left:auto;font-size:12px}.tl-track{height:48px;position:relative}.tl-track canvas{opacity:.9;width:100%;height:100%;position:absolute;inset:0}.tl-track .playhead{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #00e5ff}.tl-track input[type=range]{opacity:0;cursor:ew-resize;width:100%;margin:0;position:absolute;inset:0}.hint{color:#48598a;pointer-events:none;font-size:10px;position:absolute;bottom:100px;right:18px}.demopick{color:#cfe3ff;font:inherit;cursor:pointer;background:#101a33;border:1px solid #1d2c52;border-radius:6px;margin-top:6px;padding:3px 8px;font-size:11px}.demopick:hover{border-color:#00e5ff}.chip{flex:none;width:11px;height:11px;display:inline-block;box-shadow:0 0 6px}.chip-int{color:#4dd0e1;background:#4dd0e1;border-radius:50%}.chip-fp{color:#ff40ff;background:#ff40ff;border-radius:45%/25%;height:9px}.chip-load{color:#76ff03;clip-path:polygon(50% 0,100% 100%,0 100%);background:#76ff03}.chip-store{color:#ffab40;background:#ffab40;border-radius:2px}.chip-branch{color:#ffd740;background:#ffd740;transform:rotate(45deg)scale(.85)}.chip-other{color:#fff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#fff}.codepanel{background:#060918d1;border-top:1px solid #1d2c52;border-right:1px solid #1d2c52;width:460px;font-size:11px;display:flex;position:absolute;top:84px;bottom:118px;left:0}.cp-col{scrollbar-width:thin;scrollbar-color:#1d2c52 transparent;flex:1;padding:4px 0 40vh;overflow-y:auto}.cp-col+.cp-col{border-left:1px solid #1d2c52}.cp-head{color:#6f87b8;letter-spacing:1px;z-index:1;background:#0a1030;padding:4px 8px;font-size:10px;position:sticky;top:0}.cp-line{white-space:pre;color:#9db4dd;border-left:2px solid #0000;align-items:center;gap:6px;padding:1px 8px;display:flex}.cp-line .ln{color:#48598a;text-align:right;min-width:26px}.cp-line .pc{color:#48598a}.cp-line.cur{color:#fff;background:#00e5ff24;border-left-color:#00e5ff}.cp-func{color:#7c4dff;padding:4px 8px 1px;font-weight:600}.cp-src .cp-line{color:#7e94c4}.demopick{pointer-events:auto;cursor:pointer}