@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";
:root{--vhs-black:#0a0a0c;--vhs-panel:#131318;--vhs-red:#e52b20;--vhs-red-hot:#ff3b2f;--vhs-yellow:#ffeb3b;--vhs-cyan:#46dbff;--vhs-cream:#e8e8e8;--vhs-osd-font:"VT323","Special Elite",monospace}html,body{background-color:var(--vhs-black)}body{color:var(--vhs-cream);background-image:radial-gradient(#e52b201a 15%,#0000 16%),radial-gradient(#e52b201a 15%,#0000 16%);background-position:0 0,4px 4px;background-size:8px 8px}.site-wrapper:after{opacity:.5;mix-blend-mode:overlay;background-image:repeating-linear-gradient(#ffffff0d 0 1px,#0000001f 2px 3px)}header.vhs-header{border-bottom:4px solid var(--vhs-red);background:linear-gradient(#101014 0%,#0a0a0c 100%);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}header.vhs-header h1{color:#fff;letter-spacing:.06em;text-transform:uppercase;text-shadow:3px 3px 0 var(--vhs-red),0 0 18px #e52b208c;margin:0;font-family:Permanent Marker,cursive;font-size:clamp(1.6rem,4.5vw,3.2rem);line-height:.95;transform:rotate(-1deg)}.vhs-header-left{align-items:center;gap:12px;display:flex}.vhs-rec{font-family:var(--vhs-osd-font);color:var(--vhs-red-hot);letter-spacing:.08em;align-items:center;gap:8px;font-size:1.5rem;display:inline-flex}.vhs-rec-dot{background:var(--vhs-red-hot);width:12px;height:12px;box-shadow:0 0 10px var(--vhs-red-hot);border-radius:50%;animation:1.2s steps(2,start) infinite vhsBlink}@keyframes vhsBlink{0%,49%{opacity:1}50%,to{opacity:.15}}.vhs-ch{font-family:var(--vhs-osd-font);color:var(--vhs-yellow);border:2px solid var(--vhs-yellow);text-shadow:0 0 8px #ffeb3b99;padding:0 10px;font-size:1.5rem}.vhs-timecode{font-family:var(--vhs-osd-font);color:var(--vhs-cyan);text-shadow:0 0 8px #46dbff99;text-align:right;min-width:8ch;font-size:1.5rem}.caution-tape{background-color:var(--vhs-yellow);border-top:4px solid #000;border-bottom:4px solid #000;box-shadow:0 6px 24px #ffeb3b40,0 10px 15px #0009}.marquee-content{font-family:var(--vhs-osd-font);letter-spacing:.06em;text-shadow:1px 0 #e52b20b3,-1px 0 #46dbffb3;font-size:1.7rem}@media (max-width:768px){header.vhs-header{flex-wrap:wrap;justify-content:center}.vhs-timecode{min-width:0;font-size:1.2rem}.vhs-rec,.vhs-ch{font-size:1.2rem}.marquee-content{font-size:1.3rem}}.signoff-line{font-family:var(--vhs-osd-font);color:var(--vhs-yellow);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px #ffeb3b66;background:0 0;font-size:1.5rem}.signoff-meta{font-family:var(--vhs-osd-font);color:#9aa0a6;letter-spacing:.08em;background:0 0;font-size:1.05rem}.signoff-tv{max-width:640px;margin:18px auto 0;position:relative}.signoff-cam{z-index:3;font-family:var(--vhs-osd-font);color:var(--vhs-cyan);letter-spacing:.12em;text-shadow:0 0 8px #46dbff99;font-size:1.1rem;position:absolute;top:14px;left:16px}::-webkit-scrollbar-thumb{background:#ffeb3b;border:3px solid #0a0a0c;border-radius:0;box-shadow:inset 0 0 6px #e52b2099}::-webkit-scrollbar-track{background:#0a0a0c;border-left:4px solid #e52b20}::-webkit-scrollbar-thumb{background:repeating-linear-gradient(#ffeb3b 0 14px,#111 14px 18px);border:3px solid #000;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#46dbff}html{scrollbar-width:auto;scrollbar-color:#ffeb3b #050505}::-webkit-scrollbar{width:26px}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-corner{background:#0a0a0c}::-webkit-scrollbar-track{background:linear-gradient(#d8d8d8 0 8px,#0000 8px 14px) 4px 0/6px 14px repeat-y,linear-gradient(#d8d8d8 0 8px,#0000 8px 14px) calc(100% - 4px) 0/6px 14px repeat-y,#050505}::-webkit-scrollbar-thumb{background:repeating-linear-gradient(#ffeb3b 0 26px,#111 26px 32px) padding-box padding-box;border-left:9px solid #0000;border-right:9px solid #0000;border-radius:0;box-shadow:inset 0 0 0 2px #000,inset 0 0 10px #e52b2073}::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(#46dbff 0 26px,#111 26px 32px) padding-box padding-box;border-left:9px solid #0000;border-right:9px solid #0000}.caution-tape{background:repeating-linear-gradient(90deg,#d8d8d8 0 10px,#0000 10px 20px) 0 0/100% 7px repeat-x,repeating-linear-gradient(90deg,#d8d8d8 0 10px,#0000 10px 20px) 0 100%/100% 7px repeat-x,linear-gradient(#050505,#050505);border-top:3px solid #000;border-bottom:3px solid #000;padding:14px 0;box-shadow:0 10px 24px #000000a6,0 0 18px #ffeb3b26}.caution-tape .marquee-content{color:#ffeb3b;text-shadow:0 0 10px #ffeb3b73,1px 0 #e52b20cc,-1px 0 #46dbffcc;animation:45s linear infinite scrollText;display:inline-flex}.caution-tape .marquee-half{white-space:nowrap;padding-right:3ch}@media (max-width:768px){header.vhs-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 10px;padding:10px 12px 12px}.vhs-header-left{order:1}.vhs-timecode{text-align:right;order:2;min-width:0;margin-left:auto;font-size:1.15rem}header.vhs-header h1{text-align:center;order:3;width:100%;margin-top:2px;font-size:clamp(1.9rem,8vw,2.8rem)}.vhs-rec,.vhs-ch{font-size:1.15rem}}.deck-label{font-family:var(--vhs-osd-font);color:#46dbff;text-align:center;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 8px #46dbff80;background:0 0;margin:0 0 10px;padding:0;font-size:1.05rem;display:block}@media (max-width:768px){.deck{flex-direction:column;align-items:stretch;gap:10px;padding:4px 14px 0}.deck-btn{justify-content:center;padding:12px 10px;font-size:1.2rem}.deck-section{margin:8px auto}.deck{flex-flow:row;gap:6px;padding:2px 8px 0}.deck-btn{letter-spacing:.04em;flex:1 1 0;justify-content:center;padding:10px 4px;font-size:.95rem}.deck-label{margin-bottom:6px;font-size:.95rem}.shelf-section{margin-top:6px;padding-top:18px}body{padding-bottom:210px;padding-bottom:230px!important}.vhs-player{padding:8px 10px}.vhs-player-inner{gap:8px}.vhs-track-title{font-size:1rem}footer{margin-bottom:30px}}.marquee-music{color:#46dbff;text-shadow:0 0 10px #46dbff99,1px 0 #e52b20cc}.skeleton-window{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#14141a 0 12px,#1a1a21 12px 24px)}.signoff-tv .video-screen{aspect-ratio:4/3}.signoff-tv .video-screen img{object-fit:cover;width:100%;height:100%}
.deck-section{margin:18px auto 14px}.deck{flex-wrap:wrap;justify-content:center;gap:14px;padding:10px 12px 8px;display:flex}.deck-btn{font-family:var(--vhs-osd-font);letter-spacing:.08em;text-transform:uppercase;color:var(--vhs-cream);background:var(--vhs-panel);outline:2px solid var(--vhs-cream);cursor:pointer;border:3px solid #000;align-items:center;gap:10px;padding:10px 22px;font-size:1.4rem;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;position:relative;box-shadow:6px 6px #000}.deck-btn:hover{transform:translate(2px,2px);box-shadow:4px 4px #000}.deck-btn--yt{color:var(--vhs-red-hot);outline-color:var(--vhs-red-hot)}.deck-btn--fb{color:var(--vhs-cyan);outline-color:var(--vhs-cyan)}.deck-btn--music{color:var(--vhs-yellow);outline-color:var(--vhs-yellow)}.deck-btn--contact{color:#fff;outline-color:#fff}.deck-tag{background:var(--vhs-yellow);color:#000;border:2px solid #000;padding:0 6px;font-size:.9rem;position:absolute;top:-14px;right:-8px}.shelf-section{background:linear-gradient(#17171d 0%,#101014 100%);border:5px solid #000;outline:2px solid #ffeb3b40;width:96%;max-width:1400px;margin:10px auto 60px;padding:40px 26px 46px;position:relative;box-shadow:15px 15px #000c}.shelf-title{color:var(--vhs-yellow);text-shadow:3px 3px #000,0 0 18px #ffeb3b59;text-align:center;margin:0 0 6px;font-family:Permanent Marker,cursive;font-size:clamp(2rem,4.5vw,3.4rem);transform:rotate(-1deg)}.shelf-subtitle{font-family:var(--vhs-osd-font);color:var(--vhs-cyan);letter-spacing:.14em;text-transform:uppercase;text-align:center;background:0 0;margin:0 0 30px;padding:0;font-size:1.1rem;display:block}.tape-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:26px;padding:6px;display:grid}.tape-sleeve{background:#0d0d10;border:3px solid #000;outline:2px solid #2a2a33;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:8px 8px #000000b3}.tape-sleeve:hover{z-index:5;transform:translateY(-4px)scale(1.02);box-shadow:10px 12px #000000d9,0 0 22px #e52b2040}.tape-window{border-bottom:3px solid #000;position:relative}.tape-window img{aspect-ratio:16/9;object-fit:cover;filter:contrast(112%)saturate(118%);width:100%;display:block}.tape-window:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff0f 0 1px,#0000001f 2px 3px);position:absolute;inset:0}.tape-label{background:linear-gradient(#1a1a21 0%,#131318 100%);flex-direction:column;gap:6px;min-height:112px;padding:12px 12px 14px;display:flex}.tape-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;margin:0;font-family:Permanent Marker,cursive;font-size:1.15rem;line-height:1.25;display:-webkit-box;overflow:hidden}.tape-meta{font-family:var(--vhs-osd-font);color:var(--vhs-cyan);letter-spacing:.1em;text-transform:uppercase;background:0 0;margin:0;padding:0;font-size:1rem;display:block}.tape-sleeve--latest{outline-color:var(--vhs-red-hot);box-shadow:8px 8px #000000b3,0 0 24px #ff3b2f59}.tape-sticker{z-index:3;background:var(--vhs-red-hot);color:#fff;font-family:var(--vhs-osd-font);letter-spacing:.12em;border:2px solid #000;padding:2px 8px;font-size:.95rem;animation:1.6s steps(2,start) infinite vhsBlink;position:absolute;top:8px;right:8px;box-shadow:3px 3px #000}.floating-top-btn{z-index:9998;background:var(--vhs-yellow);color:#111;font-family:var(--vhs-osd-font);cursor:pointer;opacity:0;pointer-events:none;border:3px solid #000;padding:8px 12px;font-size:1.1rem;transition:opacity .2s;position:fixed;top:auto;bottom:18px;right:14px;transform:none;box-shadow:4px 4px #000}.floating-top-btn.show{opacity:1;pointer-events:auto}.floating-top-btn:hover{background:var(--vhs-cyan);color:#000}@media (max-width:768px){.deck-btn{padding:8px 14px;font-size:1.1rem}.shelf-section{width:100%;margin-bottom:40px;padding:26px 14px 30px}.tape-label{min-height:96px}}.tx-overlay{z-index:10000;background:#000000d9;position:fixed;inset:0;overflow:auto}.tx-panel{background:linear-gradient(#17171d 0%,#101014 100%);border:4px solid #000;outline:2px solid #46dbff80;width:92%;max-width:620px;margin:8vh auto 40px;padding:22px 22px 26px;animation:.35s steps(5,end) forwards modalGlitch;position:relative;box-shadow:12px 12px #000,0 0 30px #46dbff26}.tx-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tx-title{font-family:var(--vhs-osd-font);color:var(--vhs-red-hot);letter-spacing:.12em;background:0 0;align-items:center;gap:10px;margin:0;padding:0;font-size:1.6rem;display:inline-flex}.tx-close{border:2px solid var(--vhs-cream);color:var(--vhs-cream);font-family:var(--vhs-osd-font);cursor:pointer;background:0 0;padding:2px 10px;font-size:1.2rem}.tx-close:hover{background:var(--vhs-red-hot);border-color:var(--vhs-red-hot);color:#fff}.tx-label{font-family:var(--vhs-osd-font);color:var(--vhs-cyan);letter-spacing:.12em;text-transform:uppercase;background:0 0;margin:0 0 4px;font-size:1.05rem;display:block}.tx-row{margin-bottom:14px}.tx-input,.tx-textarea{box-sizing:border-box;width:100%;color:var(--vhs-cream);background:#0d0d10;border:2px solid #2a2a33;padding:10px 12px;font-family:Special Elite,monospace;font-size:1.05rem}.tx-input:focus,.tx-textarea:focus{border-color:var(--vhs-yellow);background:#131318;outline:none;box-shadow:0 0 12px #ffeb3b40}.tx-actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.tx-actions .deck-btn{justify-content:center;width:100%}.tx-status{font-family:var(--vhs-osd-font);color:var(--vhs-yellow);letter-spacing:.1em;background:0 0;min-height:1.2em;margin:10px 0 0;padding:0}.floating-top-btn{top:auto!important;bottom:18px!important;transform:none!important}