.sp-scale{min-width:0;margin:0}.sp-track{gap:3px;display:flex;position:relative}.sp-band{min-width:0;padding-top:14px}.sp-band:before{content:"";background:var(--tile-hover);border-radius:4px;height:8px;margin-top:-14px;margin-bottom:8px;display:block}.sp-band[data-on]:before{background:var(--accent)}.sp-band-label,.sp-band-range{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.sp-band-label{color:var(--ink-2);font-weight:600}.sp-band-range{font-family:var(--font-mono);color:var(--muted)}.sp-band[data-on] .sp-band-label{color:var(--accent)}.sp-pin{background:var(--ink);width:4px;height:18px;box-shadow:0 0 0 2px var(--surface);animation:sp-pin .6s var(--ease-spring) both;border-radius:2px;margin-left:-2px;position:absolute;top:-5px}.sp-scale figcaption{margin-top:12px}.sp-scale figcaption b{color:var(--ink);font-weight:600}.sp-bars{min-width:0;max-width:calc(var(--n) * 56px);margin:0}.sp-bars-plot{align-items:flex-end;gap:2px;height:72px;display:flex}.sp-bars-plot span{background:linear-gradient(180deg, var(--accent), #c9764a);transform-origin:bottom;height:100%;min-height:3px;animation:sp-grow .5s var(--ease-out) both;border-radius:3px 3px 1px 1px;flex:1}.sp-bars-plot span.is-zero{background:var(--tile-hover)}.sp-bars figcaption{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;display:flex}.sp-touch{display:none}@media (hover:none) and (pointer:coarse){.sp-fine{display:none}.sp-touch{display:inline}}.sp-band-line{letter-spacing:-.01em;color:var(--accent);font-size:17px;font-weight:600}.sp-gain{font-family:var(--font-mono);opacity:.85;font-weight:500}@keyframes sp-grow{0%{transform:scaleY(0)}}@keyframes sp-pin{0%{opacity:0;transform:translateY(-6px)}}@media (max-width:679px){.sp-band-label,.sp-band-range{font-size:10.5px}.sp-band-label{display:none}.sp-band-range{letter-spacing:-.02em;font-size:10px}}