html,body{margin:0;background:var(--cl-background);color:var(--cl-foreground);font-family:var(--cl-font-family)}html[data-bg=transparent],html[data-bg=transparent] body{background:transparent}html[data-framed]{overflow:hidden}#app{display:grid;gap:16px;padding:16px;max-width:1040px;margin:0 auto;box-sizing:border-box}#app>[hidden]{display:none}#controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:13px;color:var(--cl-signal)}#controls .control{display:inline-flex;gap:6px;align-items:center}#controls select,#controls button{font:inherit;color:var(--cl-foreground);background:var(--cl-surface);border:1px solid var(--cl-rule);border-radius:var(--cl-radius);padding:4px 8px}#controls button[aria-pressed=true]{background:var(--cl-primary);color:var(--cl-signal-strong)}#graph svg{display:block;width:100%;max-width:720px;margin:0 auto}#timeline svg,#overlay svg,#quarters svg,#loops-over-time svg{display:block;width:100%}#timeline svg .tick text,#overlay svg .tick text,#quarters svg .tick text,#loops-over-time svg .tick text{font-size:12px}#loop-summary{margin:0;text-align:center;font-size:13px;color:var(--cl-signal)}#caption{display:grid;gap:8px;max-width:720px;margin:0 auto}#caption:empty{display:none}.caption-text{margin:0;font-size:13px;line-height:1.5;color:var(--cl-foreground)}.caption-status{display:inline-block;margin-left:6px;padding:0 6px;font-size:11px;color:var(--cl-signal-muted);border:1px solid var(--cl-rule);border-radius:var(--cl-radius)}.caption-status[data-status=reviewed]{color:var(--cl-signal)}#app[data-view=timeline] #graph,#app[data-view=quarters] #graph,#app[data-view=loops] #graph{display:none}.panel-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:6px auto 0;font-size:12px;line-height:1.4;color:var(--cl-signal)}.panel-legend-item{display:inline-flex;align-items:center;gap:6px}.panel-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:var(--cl-radius);box-sizing:border-box;flex:none}.panel-legend-swatch.is-line{height:2px;width:16px;border-radius:1px}.panel-legend-swatch.is-dot{border-radius:50%;width:10px;height:10px}.panel-legend-swatch.is-disclosed{background:var(--cl-flow-disclosed);opacity:.55;border:1px solid var(--cl-flow-disclosed)}.panel-legend-swatch.is-committed{background:var(--cl-flow-committed);opacity:.9}.panel-legend-swatch.is-hollow{background:var(--cl-background);border:1px solid var(--cl-signal)}.panel-legend-swatch.is-marker{background:var(--cl-accent)}.overlay-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;align-items:center;font-size:12px;color:var(--cl-signal);margin-bottom:4px}.overlay-controls .control{display:inline-flex;gap:6px;align-items:center;cursor:pointer}.overlay-controls input[type=checkbox]{margin:0;accent-color:var(--cl-primary)}.overlay-controls input[type=date]{font:inherit;color:var(--cl-foreground);background:var(--cl-surface);border:1px solid var(--cl-rule);border-radius:var(--cl-radius);padding:2px 6px;color-scheme:dark}html[data-theme=neutral] .overlay-controls input[type=date]{color-scheme:light}.overlay-swatch{display:inline-block;width:14px;height:3px;border-radius:1px}.overlay-line.is-hidden{display:none}.chord-ribbon,.chord-arc,.timeline-marker{transition:opacity .12s}.is-dimmed{opacity:.12}.timeline-marker.is-hidden{opacity:.15}.timeline-handle:focus{outline:none}.timeline-handle:focus line{stroke-width:3}@media(max-width:640px){#app{padding:12px;gap:12px}.panel-legend,.overlay-controls{font-size:11px;gap:4px 12px}}