:root{--video-max-h: 62vh}.timeline{position:relative;height:52px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0a;overflow:hidden;cursor:pointer}.timeline .tick{position:absolute;top:0;bottom:0;width:1px;background:#ffffff14}.timeline .playhead{position:absolute;top:0;bottom:0;width:2px;background:#0d6efd;pointer-events:none}.timeline .segment{position:absolute;top:6px;height:40px;border-radius:8px;border:1px solid rgba(0,0,0,.2)}.video-max-h{max-height:var(--video-max-h);background:#000}.notes-scroll{max-height:var(--video-max-h);overflow-y:auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.metric-card .btn{padding:2px 8px}.metric-card .badge{font-size:.8rem}.sub-metric-card{background:#1b1f25;border:1px solid rgba(255,255,255,.08)}.compact-center{max-width:360px;margin-left:auto;margin-right:auto}.history-chips{max-height:140px;overflow-y:auto;padding:6px 0}