@layer lab{@property --m{syntax:"<number>";inherits:true;initial-value:0}@function --lerp(--a, --b, --x){result: calc(var(--a) + (var(--b) - var(--a)) * var(--x));}@function --smoothstep(--t){result: calc(var(--t) * var(--t) * (3 - 2 * var(--t)));}@function --stagger(--m, --k: 5, --i: sibling-index(), --u: 1, --x: 0, --v: sibling-count(), --y: 1){--q1: calc(var(--x) + var(--u) / var(--k)); --q2: calc(var(--y) + var(--v) / var(--k)); result: clamp(0, --lerp(var(--q1), var(--q2), var(--m)) - var(--i) / var(--k), 1);}.stagger-row.eased .stagger-bar{height:max(5px, calc(--smoothstep(var(--p)) * 100%))}@function --lerp(--a, --b, --x){result: calc(var(--a) + (var(--b) - var(--a)) * var(--x));}@function --smoothstep(--t){result: calc(var(--t) * var(--t) * (3 - 2 * var(--t)));}@function --stagger(--m, --k: 5, --i: sibling-index(), --u: 1, --x: 0, --v: sibling-count(), --y: 1){--q1: calc(var(--x) + var(--u) / var(--k)); --q2: calc(var(--y) + var(--v) / var(--k)); result: clamp(0, --lerp(var(--q1), var(--q2), var(--m)) - var(--i) / var(--k), 1);}.scrubhost{scroll-behavior:smooth;overscroll-behavior:contain;border:2px dashed var(--accent-line);background:var(--panel);border-radius:12px;height:220px;position:relative;overflow:auto}.scrubsticky{padding:6px;position:sticky;top:0}.scrubsticky .stagger-row{border-style:dashed;margin:0}.scrubspacer{height:760px}.scrubhint{text-align:center;font-family:var(--mono);color:var(--accent-deep);background:var(--accent-soft);border-radius:0 0 9px 9px;padding:4px;font-size:11px;position:sticky;bottom:0}.scrubhost.real .scroll-row{animation:linear both stagger-frames;animation-timeline:scroll()}@keyframes stagger-frames{0%{--m:0}to{--m:1}}.stagger-row{--m:.35;--k:5;background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:flex-end;gap:12px;height:168px;padding:16px 16px 30px;display:flex}.stagger-bar{--p:--stagger(var(--m), var(--k));min-width:0;height:max(5px, calc(var(--p) * 100%));background:linear-gradient(180deg, var(--accent-2), var(--accent));border-radius:8px 8px 4px 4px;flex:1 1 0;position:relative;box-shadow:0 2px 6px #5a15852e}.stagger-bar:after{content:attr(data-i);text-align:center;font-family:var(--mono);color:var(--muted);font-size:11px;position:absolute;bottom:-22px;left:0;right:0}}