:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;background-color:#05070f;color:#e2e8f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#101628,#05070f 65%)}#root{min-height:100vh}a{color:inherit}button{font:inherit}.app-shell{min-height:100vh;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.2);border-radius:1rem;box-shadow:0 20px 45px #0f172a99}.toolbar h1{margin:0;font-size:1.25rem}.toolbar__record p{margin:0;color:#94a3b8}.dataset-control{margin-top:.4rem;display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#cbd5f5}.dataset-control select{border-radius:.6rem;border:1px solid rgba(148,163,184,.5);background:#0f172acc;color:inherit;padding:.25rem .6rem;min-width:220px}.dataset-meta{margin:.3rem 0 0;font-size:.75rem;color:#94a3b8}.toolbar__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.control-group{display:flex;gap:.4rem}.control-group.presets button{min-width:3rem}.control-group button{padding:.4rem .9rem}.control-group .active{background:#0ea5e9;color:#0b1120}.zoom-slider{flex:1;min-width:160px;display:flex;align-items:center}.zoom-slider input[type=range]{width:100%}button{border:1px solid rgba(148,163,184,.4);background:#0f172a99;color:inherit;border-radius:999px;cursor:pointer;transition:background .2s,border .2s}button:hover{border-color:#0ea5e9}.toolbar__meter{display:flex;flex-direction:column;align-items:flex-end;font-size:.85rem;color:#cbd5f5}.toolbar__meter strong{font-size:1.1rem}.summary-ribbon{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:1rem;background:#0d1422d9;border:1px solid rgba(148,163,184,.2);border-radius:1rem;padding:1rem}.summary-ribbon__header{display:flex;justify-content:space-between;align-items:baseline;color:#94a3b8}.summary-ribbon h2{margin:0;font-size:1rem;color:#f8fafc}.summary-ribbon__metrics{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;border-left:1px solid rgba(148,163,184,.2)}.summary-ribbon__metrics div{display:flex;justify-content:space-between;align-items:baseline}.summary-ribbon__metrics strong{font-size:1.2rem}.sparkline{width:100%;height:80px}.sparkline.empty{color:#94a3b8;font-size:.85rem}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;flex:1}.heatmap-overview{position:relative;border-radius:.75rem;background:#080d16e6;padding:.75rem}.heatmap-overview canvas{width:100%;border-radius:.5rem;cursor:crosshair}.heatmap-overview__labels{display:flex;gap:.5rem;margin-top:.5rem;color:#94a3b8;font-size:.8rem}.heatmap-overview__ticks{position:absolute;top:.5rem;left:.75rem;right:.75rem;display:flex;justify-content:space-between;font-size:.7rem;color:#f8fafcb3;pointer-events:none}.heatmap-overview__ticks span{position:absolute;transform:translate(-50%)}.heatmap-overview__legend{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.6rem;font-size:.75rem;color:#94a3b8}.heatmap-overview__legend .swatch{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:.25rem;vertical-align:middle}.heatmap-overview__legend .swatch.neutral{background:#2d4053}.heatmap-overview.empty{color:#94a3b8;text-align:center}.waveform-viewport{position:relative;border-radius:1rem;border:1px solid rgba(148,163,184,.2);background:#04070ee6;overflow:hidden;-webkit-user-select:none;user-select:none}.waveform-viewport canvas{display:block}.annotation-markers{position:absolute;top:.5rem;left:0;right:0;pointer-events:none}.annotation-markers button{position:absolute;transform:translate(-50%);pointer-events:auto;padding:.15rem .4rem;font-size:.7rem;border-radius:.35rem;background:#f871712e;border-color:#f8717199}.annotation-markers button.active{background:#f97316;border-color:#fed7aa;color:#0f172a}.side-panel{border-radius:1rem;border:1px solid rgba(148,163,184,.2);background:#070b13f2;padding:1rem;display:flex;flex-direction:column;gap:1rem;max-height:100%;overflow:auto}.side-panel section{border-bottom:1px solid rgba(148,163,184,.2);padding-bottom:.75rem}.side-panel section:last-of-type{border-bottom:none}.side-panel h3{margin:0 0 .5rem;font-size:.95rem}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;font-size:.8rem}.metrics-grid strong{display:block;font-size:1rem}.annotation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow:auto}.annotation-list li{background:#0f172a99;border-radius:.6rem;padding:.5rem;border:1px solid transparent}.annotation-list button{display:flex;justify-content:space-between;width:100%;border-radius:.45rem;padding:.4rem .5rem}.annotation-list button.active{background:#0ea5e933;border-color:#0ea5e9}.annotation-list p{margin:.35rem 0 0;font-size:.8rem;color:#cbd5f5}.module-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;font-size:.85rem}.module-row p{margin:0 0 .15rem}.module-row small{display:block}.module-row button{align-self:center;min-width:90px}.module-row button.active{background:#10b981;border-color:#34d399;color:#0b1120}.shortcut-row{display:flex;justify-content:space-between;font-size:.8rem;color:#94a3b8}.shortcut-row span{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;color:#f8fafc}.muted{color:#94a3b8;font-size:.85rem}.app-footer{text-align:center;color:#94a3b8;font-size:.85rem}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#020409d9;color:#f8fafc;font-size:1.1rem;z-index:10}.loading-overlay .error{color:#f87171}@media(max-width:1200px){.main-grid,.summary-ribbon{grid-template-columns:1fr}.side-panel{max-height:none}}