:root{--bg: #050505;--fg: #f5f5f5;--fg-dim: #888;--line: #1f1f1f;--accent: #7CFF6B;--alt: #FF2D55;--mono: "Space Mono", ui-monospace, monospace;--display: "Space Grotesk", sans-serif;--crt: "VT323", "Space Mono", monospace}*{box-sizing:border-box}html,body{margin:0;background:#0a0a0a;color:var(--fg);font-family:var(--mono);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.phone-stage{min-height:100vh;min-height:100svh;background:#0a0a0a;display:grid;place-items:center;padding:20px}.phone-frame{width:360px;min-height:720px;overflow:hidden;position:relative;background:#000;border-radius:4px;box-shadow:0 20px 60px #0009}.phone-frame__scroll{width:100%;height:auto}@media (max-width: 480px){.phone-stage{padding:0;display:block;min-height:100svh}.phone-frame{width:100%;height:auto;min-height:100svh;overflow:visible;border-radius:0;box-shadow:none}.phone-frame__scroll{height:auto;overflow-y:visible}}.v-vhs{position:relative;width:100%;min-height:100%;background:#15101f;color:#fdf2e6;font-family:var(--mono);overflow:hidden;padding:10px 0 14px}.v-vhs .vhs-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse 70% 50% at center,transparent 40%,rgba(0,0,0,.7) 100%),linear-gradient(transparent 0%,rgba(255,80,80,.04) 50%,transparent 100%)}.v-vhs .vhs-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(transparent 0 1px,#ffffff0a 1px,#ffffff0a 2px),repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,80,80,.02) 6px 7px);mix-blend-mode:screen}.v-vhs .vhs-track{position:absolute;left:0;right:0;height:28px;background:linear-gradient(transparent,rgba(255,255,255,.12) 50%,transparent);filter:blur(1px);pointer-events:none;z-index:5;mix-blend-mode:screen}.v-vhs .vhs-track-2{height:12px;opacity:.6}.vhs-hud{position:relative;z-index:6;display:flex;justify-content:space-between;align-items:center;padding:4px 14px;font-family:var(--crt);font-size:14px;color:#fff;letter-spacing:.06em;text-shadow:0 0 8px rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.12)}.hud-l{display:inline-flex;align-items:center;gap:6px;color:#ff5050}.hud-c{color:#ffd5a8;opacity:.8;font-size:12px;letter-spacing:.18em}.hud-r{color:#fff;font-variant-numeric:tabular-nums}.rec-dot{width:9px;height:9px;border-radius:50%;background:#ff3030;box-shadow:0 0 8px #ff3030;animation:blink 1s steps(1,end) infinite}.vhs-inner{position:relative;z-index:2;padding:12px 18px 0}.vhs-sticker{position:absolute;top:18px;font-family:var(--crt);font-size:11px;letter-spacing:.18em;color:#ffd5a8d9;display:flex;flex-direction:column;gap:3px;line-height:1.1;z-index:3}.vhs-sticker-l{left:8px;text-align:left;border-left:2px solid #ff5050;padding-left:6px}.vhs-sticker-l .sticker-num{color:#ff5050;text-shadow:0 0 10px rgba(255,80,80,.7);font-size:14px}.sticker-num.genre-rotator{display:inline-block;font-size:13px;white-space:nowrap;animation:genre-glitch-in .52s steps(1,end) 1 both}@keyframes genre-glitch-in{0%{opacity:0;transform:translate(-3px,1px);text-shadow:-3px 0 0 #ff2244,3px 0 0 #22ccff;filter:blur(.5px)}18%{opacity:.5;transform:translate(3px,-1px);text-shadow:3px 0 0 #ff2244,-3px 0 0 #22ccff}32%{opacity:.15;transform:translate(-2px,2px);text-shadow:-2px 0 0 #22ccff,2px 0 0 #ff2244}48%{opacity:.85;transform:translate(1px);text-shadow:0 0 8px rgba(255,255,255,.55),0 0 6px rgba(255,80,80,.5)}64%{opacity:.35;transform:translate(-1px,1px)}82%{opacity:.95;transform:translate(.5px)}to{opacity:1;transform:translate(0);text-shadow:0 0 6px rgba(255,80,80,.5);filter:none}}@media (prefers-reduced-motion: reduce){.sticker-num.genre-rotator{animation:none}}.bpm-rotator{display:inline-block;white-space:nowrap;color:#cfeaff;text-shadow:0 0 6px rgba(34,204,255,.45);animation:bpm-glitch-in .52s steps(1,end) 1 both}@keyframes bpm-glitch-in{0%{opacity:0;transform:translate(3px,-1px);text-shadow:3px 0 0 #22ccff,-3px 0 0 #ff2244;filter:blur(.5px)}18%{opacity:.5;transform:translate(-3px,1px);text-shadow:-3px 0 0 #22ccff,3px 0 0 #ff2244}32%{opacity:.15;transform:translate(2px,-2px);text-shadow:2px 0 0 #22ccff,-2px 0 0 #ff2244}48%{opacity:.85;transform:translate(-1px);text-shadow:0 0 8px rgba(255,255,255,.55),0 0 6px rgba(34,204,255,.6)}64%{opacity:.35;transform:translate(1px,1px)}82%{opacity:.95;transform:translate(-.5px)}to{opacity:1;transform:translate(0);text-shadow:0 0 6px rgba(34,204,255,.45);filter:none}}@media (prefers-reduced-motion: reduce){.bpm-rotator{animation:none}}@media (prefers-reduced-motion: reduce){.rec-dot,.vhs-foot .blink,.vhs-cassette .reel,.vhs-track,.vhs-track-2{animation:none!important}.rec-dot,.vhs-foot .blink{opacity:1!important}.vhs-track,.vhs-track-2{display:none}}.vhs-sticker-r{right:8px;text-align:right;border-right:2px solid #22ccff;padding-right:6px}.vhs-sticker-r .sticker-tape{color:#2cf;font-size:12px;letter-spacing:.4em}.vhs-stack{display:flex;flex-direction:column;align-items:center;text-align:center;margin:8px 0 18px}.vhs-avatar-wrap{position:relative;margin-bottom:12px}.vhs-corner-tag{position:absolute;top:-8px;right:-16px;background:#ff3030;color:#fff;font-family:var(--crt);font-size:11px;letter-spacing:.12em;padding:1px 6px;transform:rotate(8deg);box-shadow:0 0 8px #ff303080}.vhs-avatar-wrap .aberration{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid currentColor;pointer-events:none;mix-blend-mode:screen;opacity:.5}.vhs-avatar-wrap .r{color:#f24;transform:translate(-1px);opacity:.3}.vhs-avatar-wrap .g{color:#2f7;transform:translate(0);border-style:dashed;opacity:.2}.vhs-avatar-wrap .b{color:#29f;transform:translate(1px);opacity:.3}.vhs-name{font-family:var(--display);font-size:39px;font-weight:700;letter-spacing:-.04em;line-height:.92}.vhs-name-text{position:relative;display:inline-block;color:#fff;text-shadow:-1px 0 0 #ff2244,1px 0 0 #22ccff}.vhs-name-text:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;background:repeating-linear-gradient(transparent 0 3px,#0009 3px,#0009 4px);-webkit-background-clip:text;background-clip:text;pointer-events:none}.vhs-sub{margin-top:3px;font-family:var(--crt);font-size:16px;letter-spacing:.12em;color:#ffd5a8;text-shadow:0 0 6px rgba(255,200,140,.7)}.vhs-marquee{position:relative;overflow:hidden;border-bottom:1px solid color-mix(in oklab,var(--accent) 35%,transparent);background:color-mix(in oklab,var(--accent) 6%,rgba(0,0,0,.4));padding:5px 0}.vhs-marquee:before,.vhs-marquee:after{content:"";position:absolute;top:0;bottom:0;width:24px;z-index:2;pointer-events:none}.vhs-marquee:before{left:0;background:linear-gradient(to right,rgba(0,0,0,.85),transparent)}.vhs-marquee:after{right:0;background:linear-gradient(to left,rgba(0,0,0,.85),transparent)}.vhs-marquee-track{display:flex;width:max-content;animation:vhs-scroll 24s linear infinite;will-change:transform}.vhs-marquee-item{display:inline-flex;align-items:center;gap:10px;padding-right:28px;font-family:var(--crt);font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.vhs-marquee-item .np-label{color:var(--accent);font-weight:700}.vhs-marquee-item .np-track{color:#fff;font-family:var(--crt);font-size:14px;letter-spacing:.08em;text-transform:uppercase;animation:vhs-track-blink 5s steps(1,end) infinite}@keyframes vhs-track-blink{0%,88%,to{opacity:1}89%,90%{opacity:.15}91%{opacity:.85}92%{opacity:.25}93%,96%{opacity:1}}@media (prefers-reduced-motion: reduce){.vhs-marquee-item .np-track{animation:none}}.vhs-marquee-item .np-sep{color:color-mix(in oklab,var(--accent) 60%,transparent)}@keyframes vhs-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.vhs-marquee-track{animation:none}}.vhs-release-note{margin-top:6px;font-family:var(--crt);font-size:13px;letter-spacing:.18em;text-align:center;color:var(--accent);text-transform:uppercase;text-decoration:none;padding:4px 10px;border:1px solid color-mix(in oklab,var(--accent) 45%,transparent);background:color-mix(in oklab,var(--accent) 8%,transparent);align-self:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.vhs-release-note:hover,.vhs-release-note:focus-visible{background:color-mix(in oklab,var(--accent) 18%,transparent);border-color:color-mix(in oklab,var(--accent) 75%,transparent);transform:translateY(-1px);outline:none}.vhs-release-note:focus-visible{box-shadow:0 0 0 2px var(--accent)}.vhs-release-note:active{background:color-mix(in oklab,var(--accent) 28%,transparent);transform:translateY(0)}.vhs-listhead{display:flex;justify-content:space-between;font-family:var(--crt);font-size:13px;letter-spacing:.18em;color:#ffffffb3;padding:0 4px 2px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:0}.vhs-listhead-r{color:#ffd5a8}.vhs-list{display:flex;flex-direction:column;gap:0;padding:0}.vhs-row{display:grid;grid-template-columns:28px 44px 1fr auto;align-items:center;gap:10px;padding:4px 6px;min-height:48px;border-bottom:1px dashed rgba(255,255,255,.08);position:relative;transition:background 80ms;-webkit-tap-highlight-color:transparent}.vhs-row:last-child{border-bottom:none}.vhs-row:hover,.vhs-row:active,.vhs-row:focus-visible{background:color-mix(in oklab,var(--tint, var(--accent)) 12%,transparent);outline:none}.vhs-row:hover .row-name,.vhs-row:active .row-name,.vhs-row:focus-visible .row-name{text-shadow:-1px 0 #ff2244,1px 0 #22ccff}.vhs-row:focus-visible{box-shadow:inset 0 0 0 2px var(--tint, var(--accent))}.row-num{font-family:var(--crt);font-size:20px;color:#ffd5a8;text-shadow:0 0 6px rgba(255,200,140,.4);line-height:1}.row-glyph{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:-.04em;color:var(--tint, var(--accent));border:1px solid color-mix(in oklab,var(--tint, var(--accent)) 50%,rgba(255,255,255,.1));width:44px;height:44px;display:grid;place-items:center;background:color-mix(in oklab,var(--tint, var(--accent)) 12%,#0a0303);text-shadow:0 0 6px color-mix(in oklab,var(--tint, var(--accent)) 70%,transparent);position:relative}.row-glyph:after{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:1px;background:color-mix(in oklab,var(--tint, var(--accent)) 60%,transparent)}.row-name{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.02em;color:#fff;line-height:1.05}.row-handle{font-family:var(--crt);font-size:13px;color:#ffffffb3;letter-spacing:.1em;margin-top:1px}.row-cta{display:inline-flex;align-items:center;gap:5px;font-family:var(--crt);font-size:13px;color:var(--tint, var(--accent));letter-spacing:.12em}.cta-arrow{color:#ff5050;text-shadow:0 0 8px #ff5050;font-size:11px}.vhs-contact{margin-top:8px}.vhs-contact-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--crt);font-size:13px;letter-spacing:.18em;color:#ffffffb3;padding:0 4px 2px;border-bottom:1px solid rgba(255,255,255,.1)}.vhs-contact-tag{color:#ffd5a8;text-shadow:0 0 4px rgba(255,200,140,.6)}.vhs-contact-link{display:flex;align-items:center;gap:12px;margin-top:4px;padding:6px 10px;border:1px solid rgba(255,255,255,.16);background:#ffffff08;text-decoration:none;color:#fdf2e6;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}@media (hover: hover){.vhs-contact-link:hover{background:#ffffff0f;border-color:#ff50508c;transform:translateY(-1px)}}.vhs-contact-link:active,.vhs-contact-link:focus-visible{background:#ffffff0f;border-color:#ff50508c}.vhs-contact-icon{font-family:var(--crt);font-size:22px;color:#ff5050;text-shadow:0 0 8px rgba(255,80,80,.6);width:26px;text-align:center;flex-shrink:0}.vhs-contact-email{flex:1;font-family:var(--mono);font-size:13px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vhs-contact-arrow{color:#ff5050;font-size:11px;flex-shrink:0}.vhs-foot{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:2px;padding-bottom:2px;font-family:var(--crt);font-size:13px;color:#fff9;letter-spacing:.1em}.vhs-foot .blink{color:#ff5050;animation:blink .8s steps(1,end) infinite}.vhs-cassette{display:inline-flex;gap:4px;align-items:center;padding:2px 5px;border:1px solid rgba(255,255,255,.2);background:#0006}.vhs-cassette .reel{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,213,168,.7);position:relative;animation:spin 4s linear infinite}.vhs-cassette .reel:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:#ffd5a8;opacity:.5}
