.reference-replay{position:relative;border-radius:20px;overflow:hidden;padding:0;display:flex;flex-direction:column;min-height:430px;margin-top:28px;background:linear-gradient(158deg,rgba(255,255,255,.88),rgba(255,253,250,.72));border:1px solid rgba(23,22,26,.11);box-shadow:0 22px 56px -26px rgba(23,22,26,.24)}
.reference-replay>*{position:relative;z-index:2}.vp-head{display:flex;justify-content:space-between;gap:16px;padding:14px 16px 12px;border-bottom:1px solid rgba(23,22,26,.08)}.vp-id{display:flex;flex-direction:column;gap:3px}.vp-k,.vp-sub,.vp-read,.vp-foot,.vp-hint{font-family:var(--mono)}.vp-k{font-size:9.5px;letter-spacing:.16em;color:var(--text-dim)}.vp-sub{font-size:9.5px;letter-spacing:.08em;color:var(--text-dim)}.vp-read{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:9.5px;letter-spacing:.08em;color:var(--text-dim)}.vp-read b{font-weight:400;color:var(--text)}.vp-live{display:inline-flex;align-items:center;gap:6px;color:var(--gold-text)}.vp-live i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(214,164,72,.9);animation:pulse 1.7s ease-in-out infinite}#viewport{flex:1 1 auto;width:100%;min-height:220px;display:block}.vp-stream{padding:8px 16px 6px;border-top:1px solid rgba(23,22,26,.07);font:9.5px/1.85 var(--mono);color:var(--text-dim);min-height:74px}.vp-line{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-line>i{width:4px;height:4px;flex:0 0 4px;border-radius:1px;background:currentColor}.vp-price{color:var(--text)}.vp-price b{font-weight:400;min-width:4.4em}.vp-bar{flex:1 1 auto;height:4px;min-width:40px;background:rgba(23,22,26,.08);border-radius:2px;overflow:hidden}.vp-bar i{display:block;width:0;height:100%;border-radius:2px;background:var(--gold);transition:width .18s linear}.vp-rec,.vp-h,.vp-ok{color:var(--gold-text)}.vp-foot{display:flex;justify-content:space-between;gap:12px;padding:9px 16px 10px;border-top:1px solid rgba(23,22,26,.07);font-size:9px;letter-spacing:.07em;color:var(--text-dim)}.vp-foot b{font-weight:400;color:var(--text)}.vp-note{padding:0 16px 12px;font-size:10.5px;color:var(--text-dim);margin:0}.vp-note a{color:var(--text);text-decoration:underline}.vp-hint{font-size:9.5px;letter-spacing:.06em}.vp-replay{margin:0 16px 14px;align-self:flex-start}.vp-replay[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.vp-live i{animation:none}.vp-bar i{transition:none}}@media(max-width:760px){.reference-replay{min-height:400px}.vp-head{flex-wrap:wrap}.vp-read{align-items:flex-start}.vp-sub,.vp-head-hash{overflow-wrap:anywhere}}