.vhs-screen{--vhs-cyan: #67d6ff;--vhs-magenta: #ff5fd2;--vhs-yellow: #f7c86a;--vhs-coral: #ff9b7a;--vhs-green: #8de58f;--vhs-ink: #f4ecff;--vhs-dim: rgba(244, 236, 255, .64);--vhs-font: "VT323", ui-monospace, SFMono-Regular, Menlo, monospace;position:relative;overflow:hidden;display:grid;gap:1.4rem;margin:0;padding:clamp(1rem,2.6vw,1.9rem);border-radius:1.6rem;color:var(--vhs-ink);background:radial-gradient(120% 90% at 50% 0%,rgba(255,95,210,.16),transparent 55%),radial-gradient(90% 80% at 100% 100%,rgba(103,214,255,.14),transparent 60%),linear-gradient(180deg,#120b22,#07060f);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 90px #000000bf,0 30px 80px -30px #5014788c}.vhs-screen:before,.vhs-screen:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none}.vhs-screen:before{background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,0,0,.26) 2px 3px),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>");opacity:.5;mix-blend-mode:overlay}.vhs-screen:after{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.05) 46%,rgba(255,95,210,.08) 50%,rgba(255,255,255,.04) 54%,transparent 100%);background-repeat:no-repeat;background-size:100% 22%;animation:vhs-tracking 9s linear infinite}@keyframes vhs-tracking{0%{background-position:0 -30%}to{background-position:0 130%}}@media(prefers-reduced-motion:reduce){.vhs-screen:after{animation:none}}