:root{--bg-deepwater:#0a1628;--bg-panel:#0f2138;--bg-panel-hi:#14304f;--border:#1f4068;--border-hi:#2d5f8e;--text:#b8c7d8;--text-hi:#fff;--text-muted:#6a7a8e;--koi-orange:#ff6b35;--koi-orange-bg:#ff6b351f;--koi-cyan:#4fc3d7;--koi-amber:#ffb627;--koi-coral:#e63946;--koi-white:#f5f1e8;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--shadow-panel:0 4px 12px #0006, 0 1px 0 #ffffff0a inset}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--bg-deepwater);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-synthesis:none;font-size:14px;line-height:1.4}#root{flex-direction:column;width:100vw;height:100vh;display:flex}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--koi-orange);outline-offset:2px}.app-shell{flex-direction:column;height:100vh;display:flex}.app-topbar{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-deepwater) 100%);height:60px;color:var(--text-hi);flex-shrink:0;align-items:stretch;gap:0;padding:0;display:flex}.app-body{flex:1;min-height:0;display:flex}.app-tree{border-right:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;width:248px;padding:8px;overflow-y:auto}.app-center{flex-direction:column;flex:1;min-width:0;padding:16px;display:flex;overflow:hidden}.app-events{border-left:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;width:320px;padding:8px;overflow-y:auto}.app-statusbar{border-top:1px solid var(--border);background:var(--bg-panel);height:24px;font-family:var(--mono);color:var(--text-muted);letter-spacing:.3px;flex-shrink:0;align-items:center;gap:16px;padding:0 12px;font-size:10px;display:flex}.card{background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-panel);border-radius:6px;padding:12px}.app-tree::-webkit-scrollbar{width:6px;height:6px}.app-events::-webkit-scrollbar{width:6px;height:6px}.app-center ::-webkit-scrollbar{width:6px;height:6px}.app-tree::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-events::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-center ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-tree::-webkit-scrollbar-track{background:0 0}.app-events::-webkit-scrollbar-track{background:0 0}.app-center ::-webkit-scrollbar-track{background:0 0}input[type=range]::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes led-ping{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@keyframes fade-flash{0%{opacity:1}to{opacity:0}}@keyframes signal-bar{0%,to{opacity:.45;transform-origin:bottom;transform:scaleY(.6)}50%{opacity:1;transform-origin:bottom;transform:scaleY(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}