.strip__bar{background:var(--paper-2);border-radius:2px;width:100%;display:flex;overflow:hidden}.strip--dark .strip__bar{background:var(--panel-2)}.strip__seg{transform-origin:0;flex-basis:0;min-width:0;display:block}.strip[data-record] .strip__seg{animation:record calc(.18s + var(--share,0) * .52s) var(--ease-out) calc(.3s + var(--i,0) * 25ms) both}.strip__seg,.strip__legend li{transition:opacity .18s var(--ease)}.strip[data-highlight] .strip__seg:not([data-match]),.strip[data-highlight] .strip__legend li:not([data-match]){opacity:.25}@keyframes record{0%{transform:scaleX(0)}}.strip__seg+.strip__seg{margin-left:1px}.strip__seg--rest{background:0 0}.strip__legend{flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0;list-style:none;display:flex}.strip__legend li{align-items:center;gap:8px;font-size:14px;display:inline-flex}.strip__swatch{border-radius:1px;width:10px;height:10px}.strip__value{color:var(--muted)}.strip--dark .strip__value{color:var(--panel-muted)}.eras__bars{border-bottom:1px solid var(--rule-strong);align-items:flex-end;gap:3px;height:64px;display:flex}.eras--dark .eras__bars{border-bottom-color:var(--panel-rule)}.eras__col{flex:1 1 0;align-items:flex-end;height:100%;display:flex}.eras__bar{background:var(--ink);transform-origin:bottom;width:100%;min-height:1px;animation:growY var(--t-med) var(--ease) both}.eras--dark .eras__bar{background:var(--panel-accent)}@keyframes growY{0%{transform:scaleY(0)}to{transform:none}}.eras__axis{color:var(--muted);gap:3px;margin-top:6px;display:flex}.eras__axis span{text-align:left;flex:1 1 0}.meter{vertical-align:middle;gap:2px;display:inline-flex}.meter__seg{background:var(--paper-2);border-radius:1px;width:5px;height:12px}.meter--dark .meter__seg{background:var(--panel-2)}.meter__seg--on{background:var(--ink)}.meter--dark .meter__seg--on{background:var(--panel-accent)}.meter__seg:nth-child(n+10).meter__seg--on,.meter--dark .meter__seg:nth-child(n+10).meter__seg--on{background:var(--accent)}.bars{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bars__row{grid-template-columns:minmax(120px,38%) 1fr 48px;align-items:center;gap:12px;font-size:14px;display:grid}.bars__track{background:var(--paper-2);border-radius:1px;height:8px;overflow:hidden}.bars--dark .bars__track{background:var(--panel-2)}.bars__fill{transform-origin:0;height:100%;animation:grow var(--t-med) var(--ease) both;display:block}@keyframes grow{0%{opacity:0;transform:scaleX(.2)}}.bars__value{text-align:right;color:var(--muted)}.bars--dark .bars__value{color:var(--panel-muted)}.pc{width:100%;height:auto;display:block}.pc__axis{stroke:var(--panel-rule);stroke-width:1px}.pc__label{font-family:var(--font-body);fill:var(--panel-ink);font-size:11px}.pc__values{font-family:var(--font-mono);fill:var(--panel-muted);font-size:9px}.pc__line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000px;animation:draw .7s var(--ease) forwards}.pc__line--a{stroke:var(--panel-accent)}.pc__line--b{stroke:var(--panel-ink);opacity:.85;animation-delay:.12s}@keyframes draw{to{stroke-dashoffset:0}}.pc__dot--a{fill:var(--panel-accent)}.pc__dot--b{fill:var(--panel-ink)}.pc__legend-text{font-family:var(--font-mono);fill:var(--panel-muted);font-size:10px}.cover{background:var(--paper-2);border-radius:2px;flex:none;display:block;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.cover--mosaic{background:var(--rule);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;display:grid}.cover--mosaic img{width:100%;height:100%}.cover--mono{font-family:var(--font-display);color:var(--paper);place-items:center;font-style:italic;line-height:1;display:grid}.trend{width:100%;height:auto;display:block}.trend__area{stroke:var(--panel);stroke-width:1px;opacity:.92;animation:rise var(--t-med) var(--ease) both}.trend__tick{stroke:var(--panel-rule);stroke-width:1px}.trend__base{stroke:var(--panel-muted);stroke-width:1px}.trend__axis{font-family:var(--font-mono);fill:var(--panel-muted);font-size:10px}.spark{width:100%;max-width:220px;height:auto;display:block;overflow:visible}.spark__base{stroke:var(--panel-rule);stroke-width:1px}.spark__line{fill:none;stroke:var(--panel-accent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.spark__dot{fill:var(--panel-accent)}.slope{max-width:760px;display:block;overflow:visible}.slope__title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--muted);font-size:11px}.slope__axis{stroke:var(--rule-strong);stroke-width:1px}.slope__line{stroke-width:2.5px;stroke-linecap:round}.slope__label{font-family:var(--font-body);fill:var(--ink);font-size:13px}.slope__value{font-family:var(--font-mono);fill:var(--ink-2);font-size:12px}.slope--dark .slope__title{fill:var(--panel-muted)}.slope--dark .slope__axis{stroke:var(--panel-rule)}.slope--dark .slope__label{fill:var(--panel-ink)}.slope--dark .slope__value{fill:var(--panel-muted)}.flow-curve{touch-action:pan-y;--flow-mark:var(--accent);display:block;overflow:visible}.panel .flow-curve,.band--dark .flow-curve{--flow-mark:var(--panel-accent)}.flow-curve__rule{stroke:color-mix(in oklab, currentColor 16%, transparent);stroke-width:1px}.flow-curve__axis{font-family:var(--font-mono);fill:color-mix(in oklab, currentColor 55%, transparent);font-size:10px}.flow-curve__line{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round}.flow-curve__guide{fill:none;stroke:color-mix(in oklab, currentColor 45%, transparent);stroke-width:1px;stroke-dasharray:3 4}.flow-curve__dot{fill:currentColor}.flow-curve__beat{fill:color-mix(in oklab, currentColor 60%, transparent)}.flow-curve__mark line{stroke:var(--flow-mark);stroke-width:2px}.flow-curve__mark circle{fill:var(--flow-mark)}.flow-curve__mark text{font-family:var(--font-mono);fill:var(--panel);font-size:10px;font-weight:600}.flow-curve__hover line{stroke:color-mix(in oklab, currentColor 50%, transparent);stroke-width:1px}.flow-curve__hover text{font-family:var(--font-mono);fill:currentColor;font-size:11px}.flow-curve__hover-detail{fill:color-mix(in oklab, currentColor 65%, transparent)}