:root{--bg:#0d1117;--bg-card:#161b22;--bg-hover:#1c2333;--border:#30363d;--text:#c9d1d9;--text-dim:#9da5ad;--green:#3fb950;--yellow:#d29922;--red:#f85149;--cyan:#58a6ff;--purple:#bc8cff;--orange:#f0883e;--font-mono:"JetBrains Mono", "Consolas", "Monaco", monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--fs-xs:9px;--fs-sm:10px;--fs-base:11px;--fs-md:12px;--fs-lg:13px;--fs-xl:18px;--fs-display:24px;--fs-icon:16px;--text-xs:var(--fs-xs);--text-sm:var(--fs-sm);--text-base:var(--fs-base);--text-md:var(--fs-md);--text-lg:var(--fs-lg);--fw-normal:400;--fw-medium:600;--fw-bold:700;--tracking-label:1px;--tracking-wide:2px;--lh-body:1.5;--color-user:#58f;--color-assistant:#3d9;--color-tool-use:#dc4;--color-agent:#d84;--color-tool-result:#4cc;--color-command:#99b;--color-hook:#a7d;--color-error:#d45;--color-result:#678;--color-command-content:#abd;--color-hook-content:#b9d}*{box-sizing:border-box;margin:0;padding:0}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);height:100vh;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}#statusbar{height:26px;color:var(--text-dim);-webkit-user-select:none;user-select:none;background:#13131f;border-top:1px solid #2a2a3a;flex:none;align-items:center;gap:0;font-size:11px;display:flex}.sb-item{border-right:1px solid var(--border);white-space:nowrap;letter-spacing:.5px;align-items:center;gap:6px;height:100%;padding:0 12px;display:flex}.sb-dot{border-radius:50%;width:7px;height:7px;transition:background .4s,box-shadow .4s;display:inline-block}.sb-dot.connected{background:var(--green);box-shadow:0 0 6px var(--green)}.sb-dot.disconnected{background:var(--red)}#conn-indicator{font-weight:600;transition:color .4s}#conn-indicator.connected{color:var(--green)}#conn-indicator.disconnected{color:var(--red)}.sb-spacer{flex:1}.topbar-hamburger{color:var(--fg,#c9d1d9);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:20px;line-height:1;display:none}.topbar-collapsible{display:contents}@media (width<=1100px){.topbar{flex-wrap:wrap;height:auto;min-height:36px}.topbar .search-box{border-top:1px solid #2a2a3a;flex:100%;order:99;margin-left:0;padding:4px 8px}.topbar .search-box input{width:100%}.topbar-stat{padding:0 6px;font-size:10px}.topbar-brand{letter-spacing:1px;padding:0 8px;font-size:11px}.view-btn{padding:0 6px;font-size:9px}.brand-diamond{font-size:12px}.sessions-panel{width:200px;min-width:200px}}@media (width<=768px){.sessions-panel{z-index:50;background:var(--bg);border-right:1px solid var(--border);width:260px;min-width:260px;transition:transform .2s;position:fixed;top:0;bottom:26px;left:0;transform:translate(-100%)}.sessions-panel.open{transform:translate(0)}.topbar-brand{padding:0 8px;font-size:10px}.topbar-stat .val{font-size:11px}.topbar-stat{padding:0 6px}.topbar-hamburger{display:block}.topbar{flex-wrap:nowrap;position:relative}.topbar-collapsible{background:var(--bg-card,#1a1a2e);border-bottom:1px solid var(--border,#333);z-index:100;flex-wrap:wrap;gap:8px;padding:8px;display:none;position:absolute;top:100%;left:0;right:0}.topbar-collapsible.open{display:flex}.topbar-collapsible .search-box{flex:100%;order:99}}.onboarding-tip{z-index:500;animation:.4s ease-out fadeSlideUp;position:fixed;bottom:50px;right:20px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-content{border:1px solid var(--cyan);color:var(--text);background:#1a1a2e;border-radius:8px;max-width:260px;padding:14px 18px;font-size:12px;box-shadow:0 4px 20px #0006}.onboarding-content strong{color:var(--cyan);margin-bottom:8px;font-size:13px;display:block}.onboarding-content p{color:var(--text-dim);margin:4px 0}.onboarding-content kbd{background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);border-radius:3px;padding:0 4px;font-size:11px}.onboarding-dismiss{border:1px solid var(--cyan);color:var(--cyan);font-family:var(--font-mono);cursor:pointer;letter-spacing:.5px;background:#58a6ff26;border-radius:3px;margin-top:10px;padding:4px 12px;font-size:11px}.onboarding-dismiss:hover{background:#58a6ff4d}.update-banner{background:var(--bg-secondary,#1a2332);border-bottom:1px solid var(--accent,#58a6ff);color:var(--fg,#c9d1d9);justify-content:space-between;align-items:center;padding:6px 16px;font-size:13px;display:flex}.update-banner a{color:var(--accent,#58a6ff);margin-left:8px}.update-banner-dismiss{color:var(--fg-muted,#9da5ad);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.update-banner-dismiss:hover{color:var(--fg,#c9d1d9)}.history-toolbar{align-items:center;gap:12px;margin:8px 10px;display:flex}.history-subagent-toggle{color:var(--fg-muted,#9da5ad);cursor:pointer;align-items:center;gap:4px;font-size:11px;display:flex}.history-subagent-toggle input{cursor:pointer}.history-child-row{opacity:.8}.history-child-row td:nth-child(2){padding-left:28px}.history-disclosure{cursor:pointer;color:var(--fg-muted,#9da5ad);-webkit-user-select:none;user-select:none;margin-right:6px;font-size:10px}.history-disclosure:hover{color:var(--fg,#c9d1d9)}.history-subagent-badge{color:var(--fg-muted,#9da5ad);margin-left:8px;font-size:10px;font-style:italic}.history-skill-badge{color:#e879f9;white-space:nowrap;cursor:help;background:#e879f91f;border:1px solid #e879f959;border-radius:3px;margin-left:8px;padding:0 5px;font-size:10px}.history-workflow-band{background:var(--bg-hover,#ffffff05)}.history-workflow-band td{color:var(--cyan,#56b6c2);opacity:.85;cursor:default;font-size:10px;font-style:italic}.burn-rate-panel{z-index:100;background:var(--bg-secondary,#16162a);border:1px solid var(--border,#2a2a4a);width:340px;color:var(--text-primary,#e0e0e0);border-radius:8px;font-family:monospace;font-size:12px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.burn-rate-header{justify-content:space-between;align-items:baseline;padding:12px 16px 4px;display:flex}.burn-rate-label{color:var(--text-secondary,#888);letter-spacing:1px;font-size:10px}.burn-rate-value{color:#4ae68a;font-size:18px;font-weight:700}.burn-rate-sparkline{padding:4px 16px 0}.burn-rate-sparkline canvas{width:100%;height:50px;display:block}.burn-rate-sparkline-labels{color:var(--text-dim,#555);justify-content:space-between;padding:0 0 8px;font-size:9px;display:flex}.burn-rate-metrics{border-top:1px solid var(--border,#2a2a4a);flex-direction:column;gap:4px;padding:8px 16px;display:flex}.burn-rate-metric{justify-content:space-between;display:flex}.burn-rate-metric-label{color:var(--text-secondary,#888)}.burn-rate-metric-value{color:var(--text-primary,#e0e0e0)}.burn-rate-sessions{border-top:1px solid var(--border,#2a2a4a);padding:8px 16px}.burn-rate-sessions-title{color:var(--text-dim,#555);letter-spacing:1px;margin-bottom:6px;font-size:9px}.burn-rate-session-row{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.burn-rate-session-name{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px;overflow:hidden}.burn-rate-session-rate{color:#4ae68a;white-space:nowrap}.burn-rate-session-model{color:var(--text-dim,#666);margin-left:8px;font-size:10px}.burn-rate-budget{border-top:1px solid var(--border,#2a2a4a);padding:8px 16px}.burn-rate-budget-bar{background:var(--bg-tertiary,#2a2a4a);border-radius:3px;height:6px;margin:6px 0;overflow:hidden}.burn-rate-budget-fill{border-radius:3px;height:100%;transition:width .3s}.burn-rate-budget-text{color:var(--text-secondary,#888);justify-content:space-between;font-size:10px;display:flex}.burn-rate-depletion{color:var(--text-secondary,#888);margin-top:4px;font-size:10px}.burn-rate-settings-toggle{border-top:1px solid var(--border,#2a2a4a);cursor:pointer;color:var(--text-dim,#666);letter-spacing:1px;padding:8px 16px;font-size:10px}.burn-rate-settings-toggle:hover{color:var(--text-secondary,#888)}.burn-rate-settings{padding:0 16px 12px}.burn-rate-settings input[type=number]{background:var(--bg-tertiary,#2a2a4a);border:1px solid var(--border,#2a2a4a);color:var(--text-primary,#e0e0e0);border-radius:4px;width:100%;margin-bottom:6px;padding:4px 8px;font-family:monospace;font-size:12px}.burn-rate-settings label{cursor:pointer;color:var(--text-dim,#666);margin:3px 0;font-size:10px;display:block}.burn-rate-settings-actions{gap:6px;margin-top:6px;display:flex}.burn-rate-settings-actions button{border:1px solid var(--border,#2a2a4a);background:var(--bg-tertiary,#2a2a4a);color:var(--text-primary,#e0e0e0);cursor:pointer;border-radius:4px;padding:3px 10px;font-family:monospace;font-size:11px}.burn-rate-settings-actions button:hover{background:var(--bg-hover,#3a3a5a)}.burn-rate-budget-window{color:var(--text-dim,#666);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.burn-rate-budget-window label{color:var(--text-dim,#666);cursor:default;margin:0;font-size:10px;display:inline}.budget-window-select{background:var(--bg-tertiary,#2a2a4a);border:1px solid var(--border,#2a2a4a);color:var(--text-primary,#e0e0e0);cursor:pointer;border-radius:4px;flex:1;padding:3px 6px;font-family:monospace;font-size:11px}.timeline-container{width:100%;height:100%;position:relative}.timeline-container canvas{cursor:grab;width:100%;height:100%;display:block}.timeline-container canvas:active{cursor:grabbing}.timeline-tooltip{background:var(--bg-card);border:1px solid var(--border);color:var(--text);pointer-events:none;z-index:50;white-space:nowrap;border-radius:4px;padding:6px 10px;font-size:11px;display:none;position:absolute}.timeline-tooltip.visible{display:block}.timeline-close-btn{z-index:10;background:var(--bg-card,#1a1a2e);border:1px solid var(--border,#333);color:var(--cyan,#00d4ff);font-family:var(--font-mono,monospace);cursor:pointer;letter-spacing:.5px;border-radius:4px;padding:3px 10px;font-size:10px;position:absolute;top:6px;right:8px}.timeline-close-btn:hover{background:var(--bg-hover,#2a2a3e)}.graph-container{width:100%;height:100%;position:relative}.graph-container canvas{cursor:grab;width:100%;height:100%;display:block}.graph-container canvas:active{cursor:grabbing}.graph-tooltip{background:var(--bg-card);border:1px solid var(--border);color:var(--text);pointer-events:none;z-index:50;white-space:nowrap;border-radius:4px;padding:6px 10px;font-size:11px;display:none;position:absolute}.graph-tooltip.visible{display:block}.view-overlay{flex:1;padding:0;overflow:auto}.view-overlay table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.view-overlay th{font-size:var(--fs-base);font-weight:var(--fw-bold);text-transform:uppercase;color:var(--text-dim);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);background:var(--bg-card);white-space:nowrap;padding:8px 10px;position:sticky;top:0}.view-overlay th:hover{color:var(--text)}.sort-arrow{font-size:var(--fs-xs);margin-left:4px}.view-overlay td{border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:200px;padding:5px 10px;overflow:hidden}.view-overlay td.col-session{white-space:normal;max-width:none;font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--text);overflow:visible}.view-overlay tr:hover{background:#ffffff08}.view-overlay tr.selected-row{background:var(--bg-hover)}.view-overlay .col-cost{color:var(--yellow);font-size:var(--fs-base);font-weight:var(--fw-medium)}.view-overlay .col-rate{color:var(--yellow)}.view-overlay .col-tokens{color:var(--cyan)}.view-overlay .col-cache{color:var(--purple)}.view-overlay .col-err{color:var(--red)}.view-overlay .col-model{color:var(--text-dim);font-size:var(--fs-base)}.view-overlay .col-dim{color:var(--text-dim)}.budget-popover{background:var(--bg-card);border:1px solid var(--border);z-index:200;border-radius:6px;min-width:200px;padding:12px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000004d}.budget-popover input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:3px;width:100%;margin-bottom:8px;padding:4px 8px;font-size:13px}.budget-popover .budget-actions{gap:6px;display:flex}.budget-popover button{background:var(--bg-hover);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;border-radius:3px;flex:1;padding:4px;font-size:11px}.budget-popover button:hover{background:var(--border)}.budget-banner{border-bottom:1px solid var(--red);color:var(--red);background:#f8514926;justify-content:space-between;align-items:center;padding:6px 16px;font-size:12px;display:flex}.budget-banner.hidden{display:none}.over-budget{animation:1s infinite budgetPulse;color:var(--red)!important}@keyframes budgetPulse{0%,to{opacity:1}50%{opacity:.5}}.help-overlay{z-index:500;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-content{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:320px;max-width:400px;padding:24px}.help-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.help-header h3{margin:0}.help-close-btn{color:var(--text-dim);cursor:pointer;font-size:16px;font-family:var(--font-mono);background:0 0;border:none;border-radius:4px;padding:2px 6px}.help-close-btn:hover{color:var(--text)}.help-close-btn:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.help-content h3{color:var(--cyan);margin-top:16px;margin-bottom:12px;font-size:13px}.help-content h3:first-child{margin-top:0}.help-row{justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.help-row kbd{background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text);border-radius:3px;padding:1px 6px;font-size:11px}.help-row span{color:var(--text-dim)}.cost-breakdown{z-index:200;background:#0f0f1a;border:1px solid #2a2a3a;border-radius:6px;width:280px;padding:12px;position:absolute;top:100%;left:-50px;box-shadow:0 8px 24px #00000080}.cb-header{color:var(--cyan);letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.cb-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.cb-legend{flex:1;min-width:0}.cb-section{color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;margin:8px 0 4px;font-size:10px;font-weight:600}.cb-bar-row{color:var(--text-dim);align-items:center;gap:6px;margin:2px 0;font-size:10px;display:flex}.cb-bar-row span:first-child{min-width:40px}.cb-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.cb-bar-fill{border-radius:3px;height:100%;transition:width .3s}.cb-bar-val{text-align:right;min-width:35px;color:var(--text);font-size:9px}.graph-mode-toggle{z-index:10;border:1px solid var(--border,#333);border-radius:4px;gap:0;display:flex;position:absolute;top:8px;right:8px;overflow:hidden}.graph-mode-btn{font-size:10px;font-family:var(--font-mono,monospace);background:var(--bg-card,#1a1a2e);color:var(--text-dim,#666);cursor:pointer;letter-spacing:.5px;border:none;padding:3px 10px}.graph-mode-btn.active{background:var(--bg-hover,#2a2a3e);color:var(--cyan,#00d4ff)}.sequence-list{height:100%;padding:40px 0 8px;overflow-y:auto}.sequence-entry{color:var(--text,#ccc);border-left:2px solid #0000;align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:flex}.sequence-entry:hover{background:var(--bg-hover,#2a2a3e)}.sequence-active{border-left-color:var(--cyan,#00d4ff)}.sequence-time{color:var(--text-dim,#666);min-width:70px;font-size:10px}.sequence-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.sequence-dot.thinking{background:#fc0}.sequence-dot.tool-use{background:#48f}.sequence-dot.active{background:#0f8}.sequence-dot.idle{background:#44445a}.sequence-connector{color:var(--text-dim,#666);font-size:10px}.sequence-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sequence-cost{color:var(--yellow,#fc0);font-size:11px}.sequence-status{color:var(--text-dim,#666);text-transform:uppercase;text-align:right;min-width:50px;font-size:9px}.topbar{z-index:100;-webkit-user-select:none;user-select:none;background:#0f0f1a;border-bottom:1px solid #2a2a3a;flex-shrink:0;align-items:center;gap:0;height:36px;padding:0;display:flex;position:relative}.topbar-brand{height:100%;color:var(--green);letter-spacing:2px;white-space:nowrap;border-right:1px solid #2a2a3a;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;display:flex}.brand-diamond{color:var(--green);font-size:16px;animation:3s ease-in-out infinite diamondPulse}@keyframes diamondPulse{0%,to{opacity:1;filter:drop-shadow(0 0 4px var(--green))}50%{opacity:.6;filter:none}}.topbar-stat{height:100%;color:var(--text-dim);letter-spacing:1px;white-space:nowrap;border-right:1px solid #2a2a3a;align-items:center;gap:6px;padding:0 14px;font-size:11px;display:flex;position:relative}.topbar-stat .val{color:var(--text);font-weight:600;font-size:var(--text-base)}.topbar-stat .val.green{color:var(--green)}.topbar-stat .val.yellow{color:var(--yellow)}.topbar-stat .val.cyan{color:var(--cyan)}.topbar-stat .val.flash{animation:.4s ease-out valFlash}@keyframes valFlash{0%{color:#fff}}.budget-gear{cursor:pointer;opacity:.5;font-size:12px}.live-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 4px var(--green);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite livePulse;display:inline-block}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.cost-window-label{color:var(--text-dim);letter-spacing:.5px;text-transform:lowercase;margin-left:2px;font-size:9px;font-weight:400}.budget-gear:hover{opacity:1}.search-box{align-items:center;height:100%;margin-left:auto;padding:0 12px;display:flex;position:relative}.search-box input{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);background:#0000004d;border-radius:3px;width:220px;padding:4px 10px;font-size:12px}.search-box input:focus{border-color:var(--cyan);background:#00000080}.search-box input::placeholder{color:#44445a;letter-spacing:.5px}.view-toggle{border-left:1px solid #2a2a3a;gap:0;height:100%;display:flex}.view-btn{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-right:1px solid #2a2a3a;height:100%;padding:0 12px;font-size:10px;transition:background .15s,color .15s}.view-btn:hover{color:var(--text);background:#ffffff08}.view-btn.active{color:var(--text);background:#ffffff0f}.window-toggle{vertical-align:middle;gap:2px;margin-left:6px;display:inline-flex}.win-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:.3px;background:0 0;border-radius:2px;padding:1px 5px;font-size:8px}.win-btn.active{border-color:var(--cyan);color:var(--text)}.win-btn:hover{border-color:var(--text-dim)}.sessions-panel{border-right:1px solid var(--border);flex-direction:column;width:283px;min-width:283px;height:100%;display:flex;overflow-y:auto}.session-filter-bar{border-bottom:1px solid var(--border);flex-shrink:0;gap:0;padding:6px 8px;display:flex}.session-filter-bar button{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-base);cursor:pointer;background:0 0;flex:1;padding:4px 0}.session-filter-bar button:first-child{border-radius:3px 0 0 3px}.session-filter-bar button:last-child{border-radius:0 3px 3px 0}.session-filter-bar button:not(:first-child){border-left:none}.session-filter-bar button.active{background:var(--border);color:var(--text)}.session-filter-bar button:hover{color:var(--text)}.active-section{padding:2px 6px 4px}.active-section-header{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--green);letter-spacing:var(--tracking-label);padding:6px 4px 2px}.time-group-header{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);letter-spacing:var(--tracking-label);justify-content:space-between;align-items:center;padding:5px 10px 3px;display:flex}.time-group-header:hover{color:var(--text)}.time-group-count{background:var(--border);font-size:var(--fs-sm);border-radius:8px;padding:1px 6px}.time-group-collapsed .time-group-items{display:none}.time-group-empty{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-dim);letter-spacing:var(--tracking-label);text-align:center;opacity:.4;padding:24px 12px}.show-all-btn{width:100%;font-size:var(--fs-xs);color:var(--cyan);cursor:pointer;font-family:var(--font-mono);text-align:left;letter-spacing:var(--tracking-label);opacity:.7;background:0 0;border:none;padding:4px 12px;display:block}.show-all-btn:hover{color:var(--text)}.session-card{border:1px solid var(--border);cursor:pointer;background:#13131f;border-radius:3px;margin-bottom:4px;padding:8px 10px 6px;transition:border-color .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden}.session-card:before{content:"";background:var(--border);width:2px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.session-card:hover{background:#16162a;border-color:#444}.session-card.selected{border-color:var(--cyan);background:#4488ff0f;box-shadow:0 0 12px #4488ff1a}.session-card.selected:before{background:var(--cyan)}.session-card.active-card:before{background:var(--green)}.session-card.subagent{margin-left:16px}.session-card.subagent:before{background:#80f6}.session-row1{align-items:center;gap:7px;margin-bottom:3px;display:flex}.session-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s}.session-dot.dot-active{background:var(--green);box-shadow:0 0 6px var(--green)}.session-dot.dot-thinking{background:var(--yellow);box-shadow:0 0 6px var(--yellow);animation:2s ease-in-out infinite pulseThinking}.session-dot.dot-tool{background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:.8s ease-in-out infinite flashTool}.session-dot.dot-idle{background:var(--text-dim);opacity:.3}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.session-card .session-name{font-weight:var(--fw-medium);font-size:var(--fs-lg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.subagent-chevron{color:var(--purple);opacity:.8;font-size:var(--fs-xs);cursor:pointer;flex-shrink:0;margin-left:auto;padding:0 4px}.subagent-chevron:hover{opacity:1}.session-status-badge{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;border-radius:2px;flex-shrink:0;padding:1px 5px;display:inline-block}.status-thinking{color:var(--yellow);background:#ffcc000d;border:1px solid #ffcc004d;animation:2s ease-in-out infinite pulseThinking}.status-tool_use{color:var(--cyan);background:#0088ff0d;border:1px solid #0088ff4d;animation:.8s ease-in-out infinite flashTool}.status-waiting{color:var(--green);background:#00ff880d;border:1px solid #00ff884d}.status-idle{color:var(--text-dim);border:1px solid var(--border);background:0 0;animation:none}.status-live{color:var(--green);background:#00ff880d;border:1px solid #00ff884d}.session-task-desc{font-size:var(--fs-base);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.session-stats{font-size:var(--fs-base);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}.session-stats .cost{color:var(--yellow);font-weight:var(--fw-medium)}.session-stats .cost-rate{color:var(--text-dim);font-size:var(--fs-xs);opacity:.6}.session-stats .tok{color:var(--cyan)}.session-stats .cache{color:var(--purple)}.session-error-count{color:var(--red);font-weight:var(--fw-medium);font-size:var(--fs-sm);text-underline-offset:2px;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.session-meta{font-size:var(--fs-sm);color:#44445a;gap:8px;margin-top:2px;display:flex}.session-card-compact{cursor:pointer;font-size:var(--fs-md);border:1px solid var(--border);background:#13131f;border-radius:3px;flex-direction:column;margin-bottom:3px;padding:6px 10px 5px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.session-card-compact:before{content:"";background:var(--border);width:2px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.compact-row{align-items:center;gap:6px;display:flex}.session-card-compact:hover{background:#16162a;border-color:#444}.session-card-compact.selected{border-color:var(--cyan);background:#4488ff0f;box-shadow:0 0 12px #4488ff1a}.session-card-compact.selected:before{background:var(--cyan)}.session-card-compact.active-card:before{background:var(--green)}.session-card-compact.subagent{margin-left:16px}.session-card-compact.subagent:before{background:#80f6}.session-card-compact .session-name{font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.session-card-compact .cost{color:var(--yellow);font-size:var(--fs-base);font-weight:var(--fw-medium)}.session-card-compact .cost-rate{color:var(--text-dim);font-size:var(--fs-xs);opacity:.6}.session-card-compact .duration{color:#44445a;font-size:var(--fs-sm)}.session-card-compact .model{font-size:var(--fs-base);color:var(--text-dim);background:var(--border);border-radius:2px;padding:1px 4px}.compact-task-desc{font-size:var(--fs-sm);color:var(--text-dim,#888);white-space:nowrap;text-overflow:ellipsis;padding:0 0 1px 13px;overflow:hidden}.compact-meta{font-size:var(--fs-sm);color:var(--text-dim,#666);align-items:center;gap:8px;padding:1px 0 0 13px;display:flex}.session-card-compact .session-status-badge{font-size:var(--fs-xs);align-items:center;padding:0 4px;display:inline-flex}.idle-toggle{font-size:var(--fs-xs);color:var(--text-dim);cursor:pointer;opacity:.5;letter-spacing:var(--tracking-label);font-family:var(--font-mono);background:0 0;border:none;margin-left:20px;padding:3px 8px}.idle-toggle:hover{opacity:1;color:var(--text)}.session-card.focused,.session-card-compact.focused{outline:2px solid var(--cyan);outline-offset:2px}.session-current-tool{font-size:var(--fs-sm);color:var(--text-dim);opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:2px;overflow:hidden}.session-card-details{margin-top:2px;display:none}.session-card:hover .session-card-details,.session-card.selected .session-card-details{display:block}.cost-tier-low{color:var(--green)!important}.cost-tier-mid{color:var(--yellow)!important}.cost-tier-high{color:var(--orange)!important}.cost-tier-extreme{color:var(--red)!important}@keyframes pulseThinking{0%,to{opacity:1}50%{opacity:.3}}@keyframes flashTool{0%,70%{opacity:1}85%{opacity:.3}to{opacity:1}}.sessions-panel.collapsed{width:48px;min-width:48px}.sessions-panel.collapsed .session-filter-bar,.sessions-panel.collapsed .active-section-header,.sessions-panel.collapsed .time-group-header,.sessions-panel.collapsed .show-all-btn,.sessions-panel.collapsed .idle-toggle{display:none}.sidebar-dot{cursor:pointer;background:var(--text-dim);border-radius:50%;width:10px;height:10px;margin:6px auto;transition:transform .15s}.sidebar-dot:hover{transform:scale(1.5)}.sidebar-dot.dot-thinking{background:var(--yellow);box-shadow:0 0 4px var(--yellow)}.sidebar-dot.dot-tool{background:var(--cyan);box-shadow:0 0 4px var(--cyan)}.sidebar-dot.dot-active{background:var(--green);box-shadow:0 0 4px var(--green)}.sidebar-dot.dot-idle{background:var(--text-dim);opacity:.4}.sidebar-toggle{border:none;border-top:1px solid var(--border);width:100%;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-icon);cursor:pointer;text-align:center;background:0 0;margin-top:auto;padding:8px;display:block}.sidebar-toggle:hover{color:var(--text);background:var(--bg-hover)}.search-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:1000;border-top:none;border-radius:0 0 6px 6px;width:500px;max-height:60vh;position:absolute;top:100%;right:0;overflow:hidden auto;box-shadow:0 8px 24px #0006}.search-dropdown-hidden{display:none}.search-status{color:var(--text-dim);padding:12px 16px;font-size:12px}.search-result{border-bottom:1px solid var(--border);cursor:pointer;padding:8px 16px;transition:background .1s;overflow:hidden}.search-result:hover{background:var(--bg-hover)}.search-result-header{white-space:nowrap;align-items:center;gap:8px;min-width:0;margin-bottom:4px;display:flex;overflow:hidden}.search-result-session{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.search-result-project{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex-shrink:10;min-width:0;max-width:200px;font-size:11px;overflow:hidden}.search-result-time{color:var(--text-dim);margin-left:auto;font-size:10px}.search-result-body{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-result-body mark{color:var(--yellow);background:#d299224d;border-radius:2px;padding:0 2px}.search-type-badge{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.search-type-badge.user{color:var(--green);background:#1a3a1a}.search-type-badge.assistant{color:var(--cyan);background:#1a1a3a}.search-type-badge.tool{color:var(--purple);background:#2a1a3a}.search-type-badge.error{color:var(--red);background:#3a1a1a}.search-group-more{color:var(--cyan);cursor:pointer;padding:4px 16px 8px;font-size:11px}.feed-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.feed-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.feed-content{flex:1;min-width:0;padding:8px;overflow-y:auto}.feed-empty{height:100%;color:var(--text-dim);letter-spacing:.5px;opacity:.5;justify-content:center;align-items:center;font-size:10px;display:flex}.feed-entry{border-bottom:1px solid #ffffff08;border-left:3px solid #0000;align-items:baseline;gap:6px;padding:5px 12px;font-size:12px;line-height:1.6;transition:background .15s;animation:.25s ease-out fadeSlideIn;display:flex}.feed-entry:hover{background:#ffffff08}.feed-entry.search-highlight{border-left-color:var(--yellow);background:#d2992226;transition:background 1s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feed-entry.type-user{background:#4488ff0a;border-left-color:#48f9;padding-top:6px;padding-bottom:6px}.feed-entry.type-user .fe-content{color:#9bf}.feed-entry.type-assistant{border-left-color:#0f86;padding-top:6px;padding-bottom:6px}.feed-entry.type-error{background:#dd44550a;border-left-color:#ff444480}.feed-entry.is-error{background:#dd44550f;border-left-color:var(--red)!important}.feed-entry.is-error .fe-content{color:var(--red)}.feed-entry.is-error .fe-type{color:var(--red);font-weight:600}.feed-entry.type-agent{background:#ff884408;border-left-color:#ff884480}.feed-entry.type-tool_use{border-left-color:#ffcc004d}.feed-entry.type-command{border-left-color:#a0a0b466}.feed-entry.type-hook{background:#a855f708;border-left-color:#a855f766}.feed-entry.type-skill{background:#e879f912;border-left-color:#e879f9b3}.feed-entry.type-tool_result{border-left-color:#00ccff26}.feed-entry.expanded{align-items:flex-start}.feed-entry.expanded .fe-content{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);background:#0000004d;border-radius:3px;max-height:300px;margin-top:4px;padding:6px 8px;font-size:11px;line-height:1.5;overflow:hidden auto}.fe-time{color:#678;font-size:var(--text-base);white-space:nowrap;flex:0 0 85px}.fe-type{letter-spacing:.5px;flex:0 0 100px;padding-right:8px;font-size:11px;font-weight:600}.fe-type.user{color:var(--color-user)}.fe-type.assistant{color:var(--color-assistant)}.fe-type.tool_use{color:var(--color-tool-use)}.fe-type.skill{color:#e879f9}.fe-type.agent{color:var(--color-agent)}.fe-type.tool_result{color:var(--color-tool-result)}.fe-type.command{color:var(--color-command)}.fe-type.hook{color:var(--color-hook)}.fe-type.error{color:var(--color-error)}.fe-type.system{color:var(--text-dim)}.fe-content{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-md);flex:1;overflow:hidden}.fe-content.dim{color:var(--text-dim)}.fe-content.tool{color:var(--yellow)}.fe-content.skill{color:#e879f9;font-weight:600}.fe-content.result{color:var(--color-result);font-size:11px}.fe-content.command{color:var(--color-command-content);font-family:var(--font-mono)}.fe-content.hook{color:var(--color-hook-content)}.fe-expand{cursor:pointer;color:var(--cyan);vertical-align:middle;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #00ccff4d;border-radius:2px;flex-shrink:0;margin-left:4px;padding:0 3px;font-family:inherit;font-size:10px;font-weight:700;line-height:14px}.fe-expand:hover{background:#00ccff1a}.fe-navigate{cursor:pointer;color:var(--purple,#a855f7);border:1px solid #a855f74d;border-radius:2px;margin-left:6px;padding:0 4px;font-size:11px;font-weight:700;display:inline}.fe-navigate:hover{background:#a855f726}.fe-sid{color:var(--text-dim);opacity:.7;flex-shrink:0;margin-left:auto;font-size:9px}.fe-duration{color:var(--text-dim);opacity:.7;flex-shrink:0;margin-left:4px;font-size:9px}.fe-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;flex-shrink:0;margin-left:4px;padding:1px 4px;font-size:8px;line-height:14px}.fe-interrupted{color:var(--orange);border:1px solid var(--orange);opacity:.8}.fe-truncated{color:var(--text-dim);border:1px solid var(--border);opacity:.8}.group-highlight{background:#ffcc000f!important}.fe-content.turn-sep{color:var(--text-dim);opacity:.6;font-size:10px;font-style:italic}.feed-entry.is-meta{opacity:.35}.feed-entry.is-meta:hover{opacity:.6}.feed-type-filters{border-bottom:1px solid var(--border);flex-shrink:0;gap:2px;padding:6px 8px;display:flex}.feed-filter-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:9px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;background:0 0;border-radius:3px;padding:2px 6px}.feed-filter-btn:hover,.feed-filter-btn.active{color:var(--text)}.feed-filter-btn.all-btn{color:var(--cyan);border-color:var(--cyan)}.feed-filter-btn[data-type=user].active{color:var(--color-user);border-color:var(--color-user);background:#58f3}.feed-filter-btn[data-type=assistant].active{color:var(--color-assistant);border-color:var(--color-assistant);background:#3d93}.feed-filter-btn[data-type=tool_use].active{color:var(--color-tool-use);border-color:var(--color-tool-use);background:#dc43}.feed-filter-btn[data-type=tool_result].active{color:var(--color-tool-result);border-color:var(--color-tool-result);background:#4cc3}.feed-filter-btn[data-type=agent].active{color:var(--color-agent);border-color:var(--color-agent);background:#d843}.feed-filter-btn[data-type=command].active{color:var(--color-command);border-color:var(--color-command);background:#8ac3}.feed-filter-btn[data-type=hook].active{color:var(--color-hook);border-color:var(--color-hook);background:#a7d3}.feed-filter-btn[data-type=error].active{color:var(--color-error);border-color:var(--color-error);background:#d453}.replay-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.replay-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.replay-header .session-label{color:var(--cyan);flex:1;font-size:13px;font-weight:600}.replay-close-btn{color:var(--text-dim);cursor:pointer;font-size:16px;font-family:var(--font-mono);background:0 0;border:none}.replay-close-btn:hover{color:var(--text)}.replay-feed{flex:1;padding:8px;overflow-y:auto}.replay-controls{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.replay-controls button{background:var(--bg-hover);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;border-radius:3px;padding:4px 10px;font-size:12px}.replay-controls button:hover{background:var(--border)}.replay-controls select{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:3px;padding:3px 6px;font-size:11px}.replay-scrubber{accent-color:var(--cyan);flex:1}.replay-progress{color:var(--text-dim);text-align:right;min-width:60px;font-size:11px}.replay-empty{height:100%;color:var(--text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.scroll-lock-btn{border:none;border-top:1px solid var(--cyan);width:100%;color:var(--cyan);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;text-align:center;z-index:10;background:#4488ff1a;padding:4px 0;font-size:10px;display:none;position:sticky;bottom:0}.scroll-lock-btn:hover{background:#48f3}.scroll-lock-btn.visible{display:block}.feed-entry.tool-group-start{border-bottom:none;margin-bottom:0}.feed-entry.tool-group-child{border-bottom:none;border-left-color:#ffcc0026;margin-top:0;padding-top:2px;padding-bottom:2px;padding-left:28px;font-size:11px}.feed-entry.tool-group-child .fe-time{color:#567}.feed-entry.tool-group-child:last-child,.feed-entry.tool-group-child+.feed-entry:not(.tool-group-child){border-bottom:1px solid #ffffff08}.feed-entry.type-tool_result{padding-top:2px;padding-bottom:2px;font-size:11px}.feed-entry.type-tool_result .fe-time{color:#567}.feed-entry.type-tool_result .fe-type{color:#466}.feed-header-label{color:var(--cyan);letter-spacing:1px;font-size:var(--text-base,11px)}.feed-header-name{color:var(--text-dim);font-size:var(--text-sm,10px)}.feed-header-btn{font-size:var(--text-xs,9px);cursor:pointer;letter-spacing:.5px;font-family:var(--font-mono);background:0 0;border:1px solid;border-radius:2px;padding:1px 6px}.feed-header-btn.timeline{color:var(--yellow);border-color:#ffcc004d;margin-left:8px}.feed-header-btn.replay{color:var(--purple);border-color:#a855f74d;margin-left:4px}.feed-header-btn.back{color:var(--cyan);font-size:var(--text-sm,10px);letter-spacing:.5px;border:none;margin-left:auto}.analytics-view{background:var(--bg-primary,#0d0d1a);height:100%;padding:0;overflow-y:auto}.analytics-toolbar{border-bottom:1px solid var(--border,#2a2a4a);background:var(--bg-secondary,#16162a);z-index:10;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.analytics-window-toggle{flex-wrap:wrap;gap:4px;display:flex}.analytics-win-btn{background:var(--bg-tertiary,#2a2a4a);color:var(--text-secondary,#888);cursor:pointer;border:1px solid #0000;border-radius:4px;padding:4px 14px;font-family:monospace;font-size:12px;transition:all .15s}.analytics-win-btn:hover{background:var(--bg-hover,#3a3a5a);color:var(--text-primary,#e0e0e0)}.analytics-win-btn.active{background:var(--accent,#4a3aaa);color:#fff;border-color:var(--accent,#4a3aaa)}.analytics-repo-filter{background:var(--bg-tertiary,#2a2a4a);border:1px solid var(--border,#2a2a4a);color:var(--text-primary,#e0e0e0);cursor:pointer;border-radius:4px;padding:4px 12px;font-family:monospace;font-size:12px}.analytics-summary{background:var(--border,#2a2a4a);gap:1px;display:flex}.analytics-summary.loading{opacity:.5}.analytics-stat{background:var(--bg-primary,#0d0d1a);text-align:center;flex:1;padding:16px 20px}.analytics-stat-val{font-family:monospace;font-size:24px;font-weight:700}.analytics-stat-val.green{color:#4ae68a}.analytics-stat-val.blue{color:#6ab4ff}.analytics-stat-val.orange{color:#ffa64a}.analytics-stat-val.purple{color:#c49aff}.analytics-stat-label{color:var(--text-secondary,#888);margin-top:4px;font-family:monospace;font-size:11px}.analytics-cards{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.analytics-empty{text-align:center;color:var(--text-secondary,#888);padding:60px 20px;font-family:monospace;font-size:14px}.analytics-card{border:1px solid var(--border,#2a2a4a);border-radius:8px;overflow:hidden}.analytics-card-header{background:var(--bg-secondary,#1e1e3a);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 16px;transition:background .15s;display:flex}.analytics-card-header:hover{background:var(--bg-hover,#252545)}.analytics-card-toggle{color:var(--text-secondary,#888);width:12px;font-size:10px}.analytics-card-title{color:var(--text-primary,#e0e0e0);font-family:monospace;font-size:13px;font-weight:700}.analytics-card-subtitle{color:var(--text-secondary,#666);margin-left:auto;font-family:monospace;font-size:11px}.analytics-card-body{background:var(--bg-primary,#16162a);min-height:200px;padding:16px}.analytics-card-body canvas{width:100%!important}.tool-usage{flex-direction:column;gap:16px;display:flex}.tool-usage-section{flex-direction:column;gap:4px;display:flex}.tool-usage-section-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary,#888);margin-bottom:2px;font-family:monospace;font-size:11px}.tool-usage-empty{color:var(--text-secondary,#666);padding:2px 0;font-family:monospace;font-size:12px}.tool-usage-row{align-items:center;gap:8px;font-family:monospace;font-size:12px;display:flex}.tool-usage-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text-primary,#e0e0e0);flex:0 0 200px;overflow:hidden}.tool-usage-bar-wrap{background:var(--bg-secondary,#1e1e3a);border-radius:5px;flex:1;min-width:0;height:10px;overflow:hidden}.tool-usage-bar{border-radius:5px;min-width:2px;height:100%;display:block}.tool-usage-count{text-align:right;min-width:42px;color:var(--text-primary,#e0e0e0);flex:none}.tool-usage-err{color:#ff6b6b;text-align:right;flex:none;min-width:48px;font-size:11px}@media (width<=600px){.tool-usage-name{flex-basis:120px;max-width:120px}}