:root{color-scheme:dark;--ink:#dffcff;--muted:#7fa9ad;--pcb:#071f22;--trace:#1a5558;--cyan:#58e8ef;--green:#68f7a4;--amber:#ffc857;--panel:#0b292d}*{box-sizing:border-box}body{margin:0;background:#031315;color:var(--ink);font-family:Inter,system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #17464a;background:#061c1f}h1{margin:2px 0;font-size:23px}.eyebrow{color:var(--cyan);font:700 12px ui-monospace;letter-spacing:.18em;text-transform:uppercase}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button,select,input{accent-color:var(--cyan);background:#10383c;color:var(--ink);border:1px solid #296167;border-radius:7px;padding:7px}label{font-size:12px;color:var(--muted)}main{display:grid;grid-template-columns:minmax(650px,1fr) 290px;min-height:calc(100vh - 126px)}.board-wrap{position:relative;padding:18px}#board{width:100%;height:auto;max-height:calc(100vh - 190px)}.pcb{fill:var(--pcb);stroke:#21666b;stroke-width:2}.silk{fill:#70a8aa;font:700 16px ui-monospace;letter-spacing:.08em}.silk.title{fill:#a8e8e8;font-size:17px}.block rect,.legend rect{fill:var(--panel);stroke:#287077;stroke-width:2}.block text,.legend text{fill:var(--ink);font:700 16px ui-monospace}.block .small,.legend .small{fill:var(--muted);font:13px ui-monospace}.block .value,.legend .value{fill:var(--cyan);font:700 20px ui-monospace}.bus{stroke:var(--cyan);stroke-width:8;stroke-linecap:round;stroke-dasharray:7 10;animation:flow .8s linear infinite}#packet{fill:var(--amber);filter:url(#glow)}@keyframes flow{to{stroke-dashoffset:-34}}.expert{fill:#17383b;stroke:#35676b}.expert.selected{fill:#16633c;stroke:var(--green);filter:url(#glow)}.expert.current{stroke:var(--amber);stroke-width:4}.expert-label{fill:#d7eeee;font:11px ui-monospace;pointer-events:none}.lane{fill:#17494d}.lane.on{fill:var(--green);filter:url(#glow)}.fifo-bar{fill:#19565a}.fifo-bar.on{fill:var(--amber)}aside{border-left:1px solid #17464a;background:#071d20;padding:22px;overflow:auto}aside h2{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin:12px 0}.metric{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #173b3f}.metric span{color:var(--muted);font-size:13px}.metric b{font:700 13px ui-monospace}.status{margin-top:13px;color:var(--muted);font-size:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.measured{background:var(--green)}.projected{background:var(--amber)}.callout{position:absolute;left:42px;bottom:32px;max-width:580px;padding:10px 14px;background:#0b292de8;border:1px solid #2a7379;border-radius:8px;color:var(--muted);font-size:13px}.callout strong{color:var(--ink)}footer{height:54px;padding:17px 28px;border-top:1px solid #17464a;color:var(--muted);font-size:13px}@media(max-width:900px){main{display:block}aside{border-left:0}.callout{position:static;margin:10px}.controls{justify-content:flex-end}}