.cs-page{--surface:#1a1a1a;--text:#d4d4d4;--muted:#8f8f8f;--border:#ffffff1f;--accent:#d97757;color:var(--text);box-sizing:border-box;background:#111;min-height:100vh;padding:24px 32px}.cs-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cs-header-left{align-items:center;gap:12px;display:flex}.cs-back{width:32px;height:32px;color:var(--text);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:inline-flex}.cs-back:hover{background:#ffffff1f}.cs-title{margin:0;font-size:1.5rem;font-weight:600}.cs-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.cs-filter{min-width:160px}.cs-summary{color:var(--muted);margin-left:auto;font-size:.85rem}.cs-loading,.cs-empty{text-align:center;color:var(--muted);padding:40px 0}.cs-section{margin-bottom:36px}.cs-section-title{color:#b8b8b8;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 12px;font-size:.95rem;font-weight:600;display:flex}.cs-scope-tag{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem;font-weight:400}.cs-sec-controls{align-items:center;gap:4px;display:inline-flex}.cs-sec-play,.cs-sec-stop{color:#bbdaf3;cursor:pointer;background:#5b9dd92e;border:none;border-radius:4px;width:22px;height:22px;padding:0;font-family:inherit;font-size:.78rem;line-height:1;transition:background .12s}.cs-sec-play:hover,.cs-sec-stop:hover{background:#5b9dd94d}.cs-scrubber{align-items:center;gap:10px;max-width:720px;margin:4px 0 12px;display:flex}.cs-scrubber input[type=range]{appearance:none;background:linear-gradient(to right, #5b9dd9 0%, #5b9dd9 var(--cs-scrubber-pct,0%), #ffffff14 var(--cs-scrubber-pct,0%), #ffffff14 100%);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px;margin:0}.cs-scrubber input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#bbdaf3;border:2px solid #1a1a1a;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 4px #5b9dd966}.cs-scrubber input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.cs-scrubber input[type=range]::-moz-range-thumb{cursor:pointer;background:#bbdaf3;border:2px solid #1a1a1a;border-radius:50%;width:14px;height:14px}.cs-scrubber-label{color:var(--accent);text-align:right;min-width:64px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem}.cs-heatmap-wrap{padding-bottom:4px;overflow-x:auto}.cs-heatmap{display:block}.cs-axis{fill:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.7rem}.cs-cell{cursor:default;transition:filter .1s}.cs-cell-clickable{cursor:pointer}.cs-cell:hover{filter:brightness(1.25)}.cs-cell-clickable:hover{stroke:#ffffff80;stroke-width:1px}.cs-line-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cs-line-header .cs-section-title{margin:0}.cs-granularity-toggle{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.cs-gran-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:.78rem;transition:background .12s,color .12s}.cs-gran-btn:hover{color:var(--text);background:#ffffff0d}.cs-gran-btn--active{color:#bbdaf3;background:#5b9dd92e}.cs-line-wrap{width:100%;max-width:880px}.cs-line-tools{color:var(--muted);align-items:center;gap:8px;min-height:26px;margin-bottom:4px;font-size:.72rem;display:flex}.cs-line-hint{opacity:.7;flex:1}.cs-line-play,.cs-line-stop,.cs-line-reset{color:#bbdaf3;cursor:pointer;background:#5b9dd92e;border:none;border-radius:4px;padding:2px 10px;font-family:inherit;font-size:.72rem;transition:background .12s}.cs-line-play{width:28px;height:22px;padding:0;font-size:.85rem;line-height:1}.cs-line-stop{width:22px;height:22px;padding:0}.cs-line-play:hover,.cs-line-stop:hover,.cs-line-reset:hover{background:#5b9dd94d}.cs-line-path-dim{stroke:#5b9dd959}.cs-line-playhead{stroke:#d97757;stroke-width:1.5px;stroke-dasharray:4 3;pointer-events:none}.cs-line-dot-head{fill:#d97757;stroke:#d9775766;stroke-width:4px;paint-order:stroke}.cs-line-svg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:auto;display:block}.cs-line-svg:active{cursor:grabbing}.cs-line-axis{fill:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.cs-line-grid{stroke:#ffffff0f;stroke-width:1px}.cs-line-path{stroke:#5b9dd9;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.cs-line-dot{fill:#5b9dd9;cursor:default;transition:r .1s,fill .1s}.cs-line-dot-clickable{cursor:pointer}.cs-line-dot-clickable:hover{fill:#bbdaf3;r:5}.cs-bars{flex-direction:column;gap:6px;max-width:720px;display:flex}.cs-bars-compact .cs-bar-row{font-size:.8rem}.cs-bar-row{grid-template-columns:160px 1fr 56px;align-items:center;gap:10px;font-size:.85rem;display:grid}.cs-bar-label{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.cs-bar-label>.fi,.cs-bar-label>img{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:14px}.cs-bar-label-text{padding-left:4px}.cs-bar-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-bar-track{background:#ffffff0d;border-radius:3px;height:14px;overflow:hidden}.cs-bar-fill{background:linear-gradient(90deg,#5b9dd9,#8bbde8);height:100%;transition:width .4s}.cs-bar-count{text-align:right;color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8rem}@media (max-width:720px){.cs-page{padding:16px}.cs-bar-row{grid-template-columns:110px 1fr 48px;font-size:.78rem}.cs-summary{width:100%;margin-left:0}.cs-toolbar{gap:8px}.cs-filter{flex:calc(50% - 8px);min-width:0}.cs-line-header{flex-wrap:wrap}.cs-line-hint{font-size:.68rem}}@media (max-width:480px){.cs-page{padding:12px}.cs-title{font-size:1.2rem}.cs-section{margin-bottom:24px}.cs-bar-row{grid-template-columns:90px 1fr 40px;gap:6px;font-size:.72rem}}