@layer lab{.interp-demo{flex-direction:column;gap:22px;width:100%;display:flex}.interp-track{flex-direction:column;gap:9px;display:flex}.interp-name{font-family:var(--display);color:var(--accent-deep);font-size:15px;font-weight:600}.interp-name .kind{font-family:var(--mono);color:var(--muted);margin-left:8px;font-size:11px;font-weight:400}.interp-rail{background:var(--accent-soft);border:1px solid var(--accent-pale);border-radius:12px;align-items:center;height:38px;padding:0 5px;display:flex;position:relative}.interp-dot{background:var(--accent);border-radius:8px;width:26px;height:26px}.interp-dot.smooth{position:absolute;top:50%;left:5px;transform:translateY(-50%)}.interp-dot.discrete{background:#f0744b}.interp-read{font-family:var(--mono);color:var(--ink-soft);font-size:12.5px}.interp-read b{color:var(--accent-deep)}.interp-read.swapped b{color:#c0461f}.val{font:600 12px var(--mono);color:var(--accent-deep)}.hint{color:var(--muted);font-size:12px}.ss-stage{align-items:flex-start;min-height:120px;padding:12px 16px;display:flex}.ss-row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.ss-cell{text-align:center;color:var(--muted);font-size:11px;font-family:var(--mono)}.ss-box{opacity:0;border-radius:8px;width:56px;height:56px;margin:0 auto 6px;display:none}.ss-box.transition{transition-behavior:allow-discrete;background-color:#879ef7;transition:all 1.5s linear}.ss-box.transition.on{opacity:1;display:block}@starting-style{.ss-box.transition.on{opacity:0}}.ss-box.animation{background-color:#f679d7}.ss-box.animation.on{animation:1.5s linear forwards ss-fade;display:block}@keyframes ss-fade{0%{opacity:0}to{opacity:1}}.ss-note{color:var(--ink-soft);margin:4px 16px 0;font-size:12.5px;line-height:1.7}.ss-note b{color:var(--accent-deep)}.hint code{font-family:var(--mono)}}