:root{color-scheme:light;--bg: #f3f2ee;--surface: #fcfcfb;--surface-2: #f1f0ec;--border: #e2e0d9;--text: #0b0b0b;--text-2: #52514e;--muted: #7a7973;--accent: #2a78d6;--accent-soft: rgba(42, 120, 214, .14);--ghost: rgba(82, 81, 78, .14);--ghost-line: rgba(82, 81, 78, .45);--record: #e34948;--frame-root: #8b8a84;--window: rgba(42, 120, 214, .1);--window-line: rgba(42, 120, 214, .55);--heat-0: #cde2fb;--heat-1: #b7d3f6;--heat-2: #9ec5f4;--heat-3: #6da7ec;--heat-4: #3987e5;--heat-5: #2a78d6;--heat-6: #1c5cab;--heat-7: #184f95;--heat-8: #0d366b;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #111110;--surface: #1a1a19;--surface-2: #232321;--border: #2f2f2c;--text: #ffffff;--text-2: #c3c2b7;--muted: #8f8e86;--accent: #3987e5;--accent-soft: rgba(57, 135, 229, .22);--ghost: rgba(195, 194, 183, .1);--ghost-line: rgba(195, 194, 183, .4);--record: #e66767;--frame-root: #5c5b56;--window: rgba(57, 135, 229, .14);--window-line: rgba(109, 167, 236, .7);--heat-0: #0d366b;--heat-1: #104281;--heat-2: #184f95;--heat-3: #1c5cab;--heat-4: #256abf;--heat-5: #3987e5;--heat-6: #6da7ec;--heat-7: #9ec5f4;--heat-8: #cde2fb;--shadow: none}}:root[data-theme=dark]{color-scheme:dark;--bg: #111110;--surface: #1a1a19;--surface-2: #232321;--border: #2f2f2c;--text: #fff;--text-2: #c3c2b7;--muted: #8f8e86;--accent: #3987e5;--accent-soft: rgba(57, 135, 229, .22);--ghost: rgba(195, 194, 183, .1);--ghost-line: rgba(195, 194, 183, .4);--record: #e66767;--frame-root: #5c5b56;--window: rgba(57, 135, 229, .14);--window-line: rgba(109, 167, 236, .7);--heat-0: #0d366b;--heat-1: #104281;--heat-2: #184f95;--heat-3: #1c5cab;--heat-4: #256abf;--heat-5: #3987e5;--heat-6: #6da7ec;--heat-7: #9ec5f4;--heat-8: #cde2fb;--shadow: none}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}code,kbd{font-family:var(--mono);font-size:.92em}kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 4px;background:var(--surface)}a{color:var(--accent)}.muted{color:var(--muted)}.app{max-width:1440px;margin:0 auto;padding:16px 20px 32px;display:flex;flex-direction:column;gap:12px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:4px 0}.brand{display:flex;gap:12px;align-items:center}.logo{width:36px;height:36px;border-radius:9px;background:#111;display:flex;flex-direction:column-reverse;justify-content:flex-start;padding:6px 5px;gap:2px;flex-shrink:0}.logo i{display:block;height:6px;border-radius:2px;background:#e8833a}.logo i:nth-child(2){width:62%;margin-left:10%;background:#f2b134}.logo i:nth-child(3){width:34%;margin-left:18%;background:#f6d365}h1{font-size:20px;margin:0;letter-spacing:-.01em}.tagline{margin:0;color:var(--text-2)}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow)}.btn:hover:not(:disabled){border-color:var(--text-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{height:30px;padding:0 10px;font-size:13px}.btn.ghost{box-shadow:none;background:transparent}.btn.ghost.on{border-color:var(--accent);color:var(--accent)}.btn.danger:hover{border-color:var(--record);color:var(--record)}.btn.record{min-width:112px;justify-content:center}.btn.record .dot{width:11px;height:11px;border-radius:50%;background:var(--record)}.btn.record.on{background:var(--record);border-color:var(--record);color:#fff}.btn.record.on .dot{background:#fff;border-radius:2px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.35}}button.link{background:none;border:0;color:var(--accent);cursor:pointer;padding:0;font:inherit}.notice{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:8px 12px;color:var(--text-2)}.notice.error{border-left-color:var(--record);color:var(--text)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow);position:relative;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.panel-head h2{font-size:15px;margin:0}.panel-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.empty{color:var(--muted);padding:24px;text-align:center}.session{padding:10px 16px}.session-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 320px}.field span{color:var(--muted)}.field select{flex:1;min-width:0;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;padding:0 8px}.notes{margin:6px 0 0;font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.badge.src-bpftrace{color:var(--accent);border-color:var(--accent)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--record);animation:blink 1s infinite}.transport{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:6px}.play{width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:16px;cursor:pointer;flex-shrink:0}.play:disabled{opacity:.4}.clock{min-width:220px}.clock-main{font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.clock .muted{font-size:12px;font-variant-numeric:tabular-nums}.seg{display:inline-flex;align-items:center;gap:2px;background:var(--surface-2);border-radius:8px;padding:3px}.seg .muted{font-size:12px;padding:0 6px}.seg button{border:0;background:transparent;color:var(--text-2);font:inherit;font-size:13px;padding:3px 9px;border-radius:6px;cursor:pointer}.seg button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 0 0 1px var(--border)}.hint{font-size:12px;margin:4px 0 0}.timeline{position:relative;-webkit-user-select:none;user-select:none;touch-action:none}.timeline svg{display:block;cursor:crosshair}.grid{stroke:var(--border);stroke-width:1}.baseline{stroke:var(--text-2);stroke-width:1}.axis{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.axis-title{font-weight:600;fill:var(--text-2)}.cpu-area{fill:var(--accent-soft)}.cpu-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.cpu-ghost{fill:var(--ghost)}.cpu-ghost-line{fill:none;stroke:var(--ghost-line);stroke-width:1.5;stroke-dasharray:3 3}.window{fill:var(--window);stroke:var(--window-line);stroke-width:1}.playhead{stroke:var(--text);stroke-width:2}.playhead-handle{fill:var(--text);cursor:ew-resize}.hover-line{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3;pointer-events:none}.readout{fill:var(--text);font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.readout-label{fill:var(--muted);font-size:11px}.tip{position:absolute;z-index:20;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;box-shadow:0 6px 24px #0000002e;white-space:nowrap;transform:translateY(-100%)}.tip-fixed{position:fixed;transform:none;max-width:330px;white-space:normal}.tip-name{display:block;font-weight:600;word-break:break-all}.sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}.sw-all{background:var(--ghost-line)}.sw-sel{background:var(--accent)}.heatmap .tip{transform:none}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.chip:hover{border-color:var(--text-2)}.chip.on{border-color:var(--accent);background:var(--accent-soft)}.chip-name{font-family:var(--mono);font-weight:600}.chip-pid{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.chip-bar{width:36px;height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}.chip-bar i{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .25s}.chip-val{font-size:11px;color:var(--text-2);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.search{height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:0 10px;font:inherit;font-size:13px;width:200px}.flame-crumbs{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:12px;margin-bottom:6px}.match b{color:var(--accent)}.flame{position:relative;overflow:hidden;transition:height .25s}.frame{position:absolute;height:17px;border-radius:3px;overflow:hidden;cursor:pointer;color:#1a1205;font:11px/17px var(--mono);padding:0 4px;white-space:nowrap;text-overflow:ellipsis;transition:left .3s ease,width .3s ease,opacity .2s}.frame span{pointer-events:none}.frame:hover{filter:brightness(1.08);outline:1px solid rgba(0,0,0,.35)}.frame.ancestor{opacity:.55}.frame.dim{opacity:.25}.frame.hit{outline:2px solid var(--accent);outline-offset:-1px}.split{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:12px}.heatmap,.heat-body{position:relative}.heat-labels{position:absolute;left:0;top:0}.heat-labels div{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:12px;color:var(--text-2)}.heat-canvas{position:absolute;top:0;cursor:pointer}.heat-canvas canvas{display:block}.heat-window{position:absolute;top:-2px;bottom:-2px;border:1.5px solid var(--window-line);border-radius:3px;background:var(--window);pointer-events:none}.heat-cursor{position:absolute;outline:2px solid var(--text);pointer-events:none;border-radius:1px}.heat-stats{position:absolute;right:0;top:0}.heat-stats div{display:flex;align-items:center;font-size:12px;font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums}.heat-legend{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;flex-wrap:wrap}.ramp{display:inline-flex}.ramp i{width:18px;height:10px}.ramp i:first-child{border-radius:2px 0 0 2px}.ramp i:last-child{border-radius:0 2px 2px 0}.ramp-labels{display:inline-flex;gap:14px;color:var(--muted)}.stats-head{margin-left:auto}.top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.top button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 70px 48px;gap:8px;align-items:center;background:none;border:0;padding:5px 6px;border-radius:6px;color:var(--text);font:inherit;cursor:pointer;text-align:left}.top button:hover,.top li.on button{background:var(--surface-2)}.top-name{display:flex;gap:6px;align-items:center;min-width:0}.top-name code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.tag{font-size:10px;padding:0 5px;border-radius:4px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);flex-shrink:0}.top-bar i{display:block;height:6px;border-radius:3px;background:var(--accent);transition:width .25s}.top-bar{background:transparent}.top-val{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}footer{font-size:12px;text-align:center;padding-top:8px}@media(max-width:900px){.split{grid-template-columns:1fr}}@media(max-width:640px){.app{padding:12px 16px 24px}.clock-main{font-size:22px}.search{width:140px}.tagline{font-size:13px}}