.tape-stage{position:relative;display:grid;align-content:start}.tape-stage:before{inset:-26% -30% -30% -30%;background:var(--stage-halo)}.tape-stage:after,.tape-stage:before{content:"";position:absolute;pointer-events:none}.tape-stage:after{left:-24%;right:-16%;top:100%;height:46%;background:var(--stage-pool)}.hero-tape{overflow:hidden;box-shadow:var(--spec-key),var(--spec),var(--engrave),var(--bezel),var(--e5)}.hero-tape .panel-head{align-items:center;padding-inline:var(--s-6);padding-block:var(--s-4);background:linear-gradient(180deg,rgba(136,193,237,.1) 0,transparent 100%),linear-gradient(180deg,var(--surface-raised-edge) 0,var(--surface-raised) 55%,var(--surface) 100%);border-bottom:1px solid var(--accent-line)}.hero-tape .tape-live{display:inline-block;width:6px;height:6px;-webkit-margin-end:var(--s-4);margin-inline-end:var(--s-4);border-radius:var(--radius-dot);background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 85%,transparent);vertical-align:baseline;animation:tape-live-breathe 3.2s var(--ease-detent) infinite}@keyframes tape-live-breathe{50%{opacity:.4}}.hero-tape .tape-ident{display:grid;grid-gap:var(--s-3);gap:var(--s-3);justify-items:start}.hero-tape .tape-event{font-family:var(--font-ui);font-weight:600;font-size:var(--fs-micro);letter-spacing:var(--ls-micro);line-height:1;text-transform:uppercase;color:var(--text-faint)}.hero-tape .tape-reads{display:flex;align-items:center;gap:var(--s-5)}.hero-tape .inst-readout{box-shadow:var(--well-inset)}.hero-tape .inst-readout>.v{text-shadow:var(--phosphor-bloom)}.hero-tape .tape-clock>.v{font-size:var(--fs-md);letter-spacing:var(--ls-md)}.hero-tape .tape-column .row{grid-template-columns:minmax(0,1fr) calc(5ch + var(--s-7)) minmax(0,1fr);column-gap:var(--s-8);align-items:center;padding:0 var(--s-6);border-top:0;color:var(--text-faint);font-feature-settings:"tnum" 1,"zero" 1}.hero-tape .tape-column .row>:nth-child(2){padding-inline:var(--s-5)}.hero-tape .tape-column .row.inside{background:none}.hero-tape .tape-column .row:nth-child(2n){background:var(--surface);background-clip:content-box}.hero-tape .tape-column .row.head{line-height:var(--row-h-lg);color:var(--text-faint)}.hero-tape .tape-column .row.head>*{font-family:var(--font-ui);font-weight:500;font-size:var(--fs-micro);letter-spacing:var(--ls-micro);text-transform:uppercase}.hero-tape .tape-column .row .a,.hero-tape .tape-column .row.head>:last-child{text-align:left}.hero-tape .tape-column .row .p{color:var(--text-muted)}.hero-tape .tape-column .row .b{color:var(--gain)}.hero-tape .tape-column .row .a{color:var(--loss)}.hero-tape .tape-column .row .b{--tip-w:2px;--tip:color-mix(in srgb,var(--gain) 62%,transparent);background:linear-gradient(to left,transparent calc(var(--d, 0) * 100% - var(--tip-w)),var(--tip) calc(var(--d, 0) * 100% - var(--tip-w)),var(--tip) calc(var(--d, 0) * 100%),transparent calc(var(--d, 0) * 100%)),linear-gradient(to left,var(--gain-soft) 0 calc(var(--d, 0) * 100%),transparent calc(var(--d, 0) * 100%)),linear-gradient(to left,var(--gain-soft) 0 calc(var(--d, 0) * 100%),transparent calc(var(--d, 0) * 100%)),linear-gradient(to left,transparent 0 calc(var(--d, 0) * 100%),var(--track,transparent) calc(var(--d, 0) * 100%) 100%)}.hero-tape .tape-column .row .a{--tip-w:2px;--tip:color-mix(in srgb,var(--loss) 62%,transparent);background:linear-gradient(to right,transparent calc(var(--d, 0) * 100% - var(--tip-w)),var(--tip) calc(var(--d, 0) * 100% - var(--tip-w)),var(--tip) calc(var(--d, 0) * 100%),transparent calc(var(--d, 0) * 100%)),linear-gradient(to right,var(--loss-soft) 0 calc(var(--d, 0) * 100%),transparent calc(var(--d, 0) * 100%)),linear-gradient(to right,var(--loss-soft) 0 calc(var(--d, 0) * 100%),transparent calc(var(--d, 0) * 100%)),linear-gradient(to right,transparent 0 calc(var(--d, 0) * 100%),var(--track,transparent) calc(var(--d, 0) * 100%) 100%)}.hero-tape .tape-column .row .a,.hero-tape .tape-column .row .b{background-repeat:no-repeat;background-size:100% 100%}.hero-tape .tape-column .row .b{background-position:100%}.hero-tape .tape-column .row .a{background-position:0}.hero-tape .tape-column .row .has-depth{--track:var(--rule)}[data-theme=light] .hero-tape .tape-column .row .a,[data-theme=light] .hero-tape .tape-column .row .b{font-weight:600;--tip-w:3px}[data-theme=light] .hero-tape .tape-column .row .b{--tip:var(--gain)}[data-theme=light] .hero-tape .tape-column .row .a{--tip:var(--loss)}.hero-tape .tape-column .row.inside>:nth-child(2){background:color-mix(in srgb,var(--accent) 11%,transparent)}[data-theme=light] .hero-tape .tape-column .row.inside>:nth-child(2){background:color-mix(in srgb,var(--accent) 14%,transparent)}.hero-tape .tape-column .row.inside .p{color:var(--accent);font-weight:700}.hero-tape .tape-column .row.inside{position:relative;box-shadow:none}.hero-tape .tape-column .row.inside:before{content:"";position:absolute;left:var(--s-3);top:0;bottom:0;width:3px;background:var(--accent)}.hero-tape .tape-foot{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;grid-column-gap:var(--s-6);column-gap:var(--s-6);grid-row-gap:var(--s-4);row-gap:var(--s-4);padding:var(--s-4) var(--s-6);border-top:1px solid var(--accent-line);background:linear-gradient(180deg,var(--surface) 0,var(--surface-sunken) 100%)}.hero-tape .tape-foot-k{font-family:var(--font-ui);font-weight:600;font-size:var(--fs-micro);letter-spacing:var(--ls-micro);line-height:1;text-transform:uppercase;color:var(--text-faint)}.hero-tape .tape-foot-v{min-width:4ch;font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-sm);line-height:1;font-feature-settings:"tnum" 1,"zero" 1}.hero-tape .tape-foot-v.b{color:var(--gain);text-align:right}.hero-tape .tape-foot-v.a{grid-column:-2;grid-row:1;color:var(--loss);text-align:left}.hero-tape .tape-foot-bar{grid-column:1/-1;grid-row:2;height:var(--s-3);background:linear-gradient(to right,var(--gain) 0 calc(var(--split, .5) * 100%),var(--loss) calc(var(--split, .5) * 100%) 100%)}@media (max-width:1000px){.tape-stage{max-width:var(--measure)}.tape-stage:before{inset:-14% -16% -18% -16%}.tape-stage:after{left:-12%;right:-12%;height:26%}}@media (max-width:640px){.hero-tape .panel-head{flex-wrap:wrap;justify-content:flex-end;gap:var(--s-4) var(--s-5)}.hero-tape .tape-ident{flex:1 1 100%}.hero-tape .tape-foot{grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--s-5)}.hero-tape .tape-foot-k{display:none}}