:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mtv-yellow:#ffe600;--osd-green:#39ff6a}*{box-sizing:border-box}html,body,#root{background:#07060a;height:100%;margin:0;overflow:hidden}body{color:#fff;font-family:Anton,Impact,sans-serif}.app{position:fixed;inset:0}.scene{background:#07060a;position:absolute;inset:0;overflow:hidden}.camera{transform-origin:0 0;will-change:transform;transition:transform .9s cubic-bezier(.22,.8,.24,1);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.camera{transition:none}}.scene-bg{-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;max-width:none;position:absolute}.scene.fit-tv .scene-bg{-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),#0000);mask-image:linear-gradient(#000 calc(100% - 48px),#0000)}.scene-blur{pointer-events:none;filter:blur(22px)brightness(.8);max-width:none;position:absolute;transform:scale(1.1)}.scene-fallback{opacity:0;background:radial-gradient(at 50% 40%,#2a2235 0%,#110d17 60%,#07060a 100%);position:absolute;inset:0}.scene-bg.in,.scene-fallback.in{animation:.6s ease-out forwards sceneIn}@keyframes sceneIn{0%{opacity:0}to{opacity:1}}.scene-bg.cutout{z-index:2}.screen{transform-origin:0 0;background:#000;position:absolute;top:0;left:0;overflow:hidden}.tv3d-screen{position:relative;transform:none}.yt-host{pointer-events:none;position:absolute}.yt-host>*,.yt-host iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.mock-video{text-align:center;background:linear-gradient(135deg,#3a1c71,#d76d77,#ffaf7b);place-items:center;padding:40px;font-family:VT323,monospace;font-size:48px;display:grid}.static{opacity:0;pointer-events:none;z-index:2;transition:opacity .3s;position:absolute;inset:0}.static.on{opacity:1;transition:none}.static.black{background:#000}.static.black canvas{visibility:hidden}.static canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.rewind-label{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 0 6px #000;font-family:VT323,monospace;font-size:72px;position:absolute;top:8%;left:6%;right:6%;overflow:hidden}.screen-picture{position:absolute;inset:0;overflow:hidden}.screen.curved,.screen.curved .screen-picture{overflow:visible}.screen.curved .osd{filter:url(#crt-barrel)}.crt{pointer-events:none;z-index:5;position:absolute;inset:0}.crt-edge{position:absolute;inset:0}.crt-scanlines{background:repeating-linear-gradient(#0000 0 2px,#00000038 2px 4px);position:absolute;inset:0}.crt-vignette{background:radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.crt-glare{background:linear-gradient(160deg,#ffffff1f 0%,#ffffff05 35%,#fff0 60%);position:absolute;inset:0}.no-signal{z-index:3;text-align:center;background:#0018a8;place-content:center;gap:24px;font-family:VT323,monospace;font-size:96px;display:grid;position:absolute;inset:0}.no-signal button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:3px solid #fff;padding:4px 24px;font-size:40px}.remote-anchor{z-index:20;transform-origin:50%;position:absolute}.remote-anchor.docked{transform-origin:100% 100%;inset:auto 16px 16px auto;transform:none}@media (height<=760px){.remote-anchor.docked{transform:scale(.8)}}.osd{z-index:3;pointer-events:none;color:var(--osd-green);text-shadow:0 0 8px #39ff6acc,2px 2px #000;font-family:VT323,monospace;position:absolute;inset:0}.osd-channel{opacity:0;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:6%;right:6%}.osd-num{font-size:120px;line-height:1}.osd-name{font-size:44px}.osd-volume{opacity:0;align-items:baseline;gap:16px;font-size:52px;display:flex;position:absolute;bottom:8%;left:6%;right:6%}.osd-bar{letter-spacing:2px;flex:1}.osd-channel.show,.osd-volume.show{opacity:1}.credits{z-index:1;pointer-events:none;opacity:0;color:#fff;letter-spacing:.3px;text-shadow:2px 2px 2px #000000d9,0 0 6px #00000080;max-width:70%;font-family:Jost,Futura,sans-serif;font-size:34px;font-weight:500;line-height:1.22;transition:opacity .5s;position:absolute;bottom:12%;left:9%}.credits.show{opacity:1}.credits.era-80s{letter-spacing:.6px;font-weight:400}.credits.era-00s{border-left:6px solid var(--mtv-yellow);text-shadow:none;background:#0000008c;padding:14px 22px 14px 18px;font-size:30px}.credits.era-00s .credits-artist{text-transform:uppercase;letter-spacing:1px;font-family:Anton,sans-serif;font-weight:400}.mtv-bug{z-index:1;opacity:.9;pointer-events:none;filter:drop-shadow(1px 1px 1px #0009);flex-direction:column;align-items:center;gap:2px;width:92px;display:flex;position:absolute;top:8%;left:7%}.mtv-bug-mark{width:92px;height:auto;display:block}.mtv-bug-show{color:#fff;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;font-family:Jost,sans-serif;font-size:15px;font-weight:600}.remote{background:linear-gradient(#4a4a52,#26262c);border-radius:26px 26px 34px 34px;flex-direction:column;align-items:center;gap:10px;width:190px;padding:14px 14px 18px;font-family:VT323,monospace;display:flex;position:relative;box-shadow:inset 0 2px 1px #ffffff40,0 14px 30px #0009}.rm-top{justify-content:space-between;align-self:stretch;align-items:center;display:flex}.rm-btn{appearance:none;cursor:pointer;color:#fff;background:linear-gradient(#6a6a74,#3b3b44);border:0;border-radius:10px;width:40px;height:34px;font-size:20px;box-shadow:0 3px #18181c,inset 0 1px #ffffff4d}.rm-btn:active{transform:translateY(2px);box-shadow:0 1px #18181c}.rm-power{background:radial-gradient(#ff3b3b,#8a0000);border-radius:50%;width:28px;height:28px;font-size:14px}.rm-power.on{box-shadow:0 0 10px 2px #ff3c3ccc,0 3px #18181c}.rm-screen{background:#0b2b33;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:64px;display:flex;overflow:hidden;box-shadow:inset 0 0 12px #000c}.rm-screen.off{background:#071a1f}.rm-title{color:#7ff3ff;text-shadow:0 0 8px #3fe0ff;white-space:nowrap;font-family:Anton,sans-serif;line-height:1}.rm-mute{width:96px;font-family:inherit;font-size:16px}.rm-mute.on{background:linear-gradient(#e04040,#8a1010);box-shadow:0 0 10px 1px #ff3c3c99,0 3px #18181c}.rm-mute.blink{animation:.8s steps(2,end) infinite blinkBg}@keyframes blinkBg{50%{background:#c00}}.rm-hint{white-space:nowrap;color:var(--mtv-yellow);font-size:22px;animation:1.2s steps(2,end) infinite blinkText;position:absolute;top:-34px;left:50%;transform:translate(-50%)}@keyframes blinkText{50%{opacity:0}}.picker{z-index:36;font-family:VT323,monospace;position:fixed;top:5px;right:10px}.picker-toggle{color:#fff;cursor:pointer;background:#0000008c;border:1px solid #fff3;border-radius:10px;width:38px;height:38px;font-size:22px}.picker-panel{background:#0a080ee6;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:8px;width:240px;max-height:70vh;padding:10px;display:flex;position:absolute;top:52px;right:0;overflow:auto}.picker-item{color:#fff;font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:6px;font-size:20px;display:flex}.picker-item.active{border-color:var(--mtv-yellow)}.picker-item img{object-fit:cover;background:#222;border-radius:4px;width:72px;height:40px}.toast{z-index:40;color:#fff;background:#000000bf;border-radius:8px;padding:8px 16px;font-family:VT323,monospace;font-size:22px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast.sound-hint{pointer-events:none;top:auto;bottom:56px}.remote-anchor.docked{transition:translate .28s}.topbar{z-index:35;color:#ddd;background:linear-gradient(#0a080eeb,#0a080ec7);border-bottom:1px solid #ffffff14;align-items:center;gap:14px;height:48px;padding:0 60px 0 14px;font-family:VT323,monospace;display:flex;position:fixed;top:0;left:0;right:0}.topbar-brand{letter-spacing:.5px;color:var(--mtv-yellow);white-space:nowrap;font-family:Anton,sans-serif;font-size:18px}.kofi{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff5e5b,#ff8a5b);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:4px 12px 4px 6px;font:700 13px Arial,Helvetica,sans-serif;text-decoration:none;display:flex}.kofi:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000004d}.rm-kofi{align-self:stretch;padding:3px 8px;font-size:12px}.app{transition:top .25s;top:48px}.app.bar-closed{top:0}.topbar{transition:transform .25s}.topbar.closed{transform:translateY(-100%)}.topbar-tab{z-index:35;color:#ddd;cursor:pointer;background:#0a080ed9;border:1px solid #ffffff2e;border-top:0;border-radius:0 0 9px 9px;width:56px;height:20px;padding:0;font-size:14px;line-height:1;transition:top .25s;position:fixed;top:48px;left:50%;transform:translate(-50%)}.topbar-tab.closed{top:0}.topbar-tab:hover{border-color:var(--mtv-yellow);color:var(--mtv-yellow)}.topbar-tab span{transition:transform .25s;display:inline-block;transform:rotate(180deg)}.topbar-tab.closed span{transform:none}.toast{top:60px}.rm-bottom{align-items:center;gap:6px;display:flex}.rm-mute{width:78px!important;font-size:14px!important}.rm-add{background:linear-gradient(#4a7a3a,#2a4a20);width:86px;height:34px;padding:0 4px;font-family:inherit;font-size:13px;line-height:1}.addch-back{z-index:60;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}.addch{border:2px solid var(--mtv-yellow);color:#eee;background:#121216f5;border-radius:12px;flex-direction:column;gap:8px;width:min(640px,100vw - 32px);padding:14px;font-family:VT323,monospace;font-size:19px;display:flex;box-shadow:0 10px 40px #0009}.addch-head{justify-content:space-between;align-items:center;display:flex}.addch h3{color:var(--mtv-yellow);margin:0;font-size:25px;font-weight:400}.addch button{font:inherit;color:inherit;cursor:pointer;background:#2a2a32;border:1px solid #44444e;border-radius:6px;padding:2px 10px}.addch button.on{color:#111;background:var(--mtv-yellow);border-color:var(--mtv-yellow)}.addch button:disabled{opacity:.45;cursor:default}.addch-row{gap:8px;display:flex}.addch-row input{color:#eee;background:#0e0e12;border:1px solid #44444e;border-radius:6px;flex:1;min-width:0;padding:6px 8px;font:16px Arial,Helvetica,sans-serif}.addch-add .addch-name{flex:0 0 30%}.addch-add .addch-label{flex:0 0 20%}.addch-add .addch-url{flex:1}.addch-item .addch-url{color:#eee;background:#0e0e12;border:1px solid #44444e;border-radius:6px;flex:10em;min-width:0;padding:5px 7px;font:15px Arial,Helvetica,sans-serif}.addch-item:has(.addch-row-note){flex-wrap:wrap}.addch-row-note{flex:100%;margin:0;font-size:16px}@media (width<=600px){.addch-add{flex-wrap:wrap}.addch-add .addch-name{flex:55%}.addch-add .addch-label{flex:30%}.addch-add .addch-url{flex:60%}}.addch-tip{opacity:.75;margin:0;font-size:17px}.addch-busy{color:#7ff3ff;margin:0}.addch-error{color:#ff7a7a;margin:0}.addch-list{flex-direction:column;gap:4px;display:flex}.addch-item{background:#ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:3px 6px;display:flex}.addch-item small{opacity:.6}.remote{width:200px}.rm-panel{border-radius:9px;align-self:stretch;align-items:stretch;display:flex;overflow:hidden;box-shadow:inset 0 0 12px #000000d9,0 1px #ffffff1f}.rm-panel-screen{--glow:#7ff3ff;--halo:#3fe0ff8c;background:#0b2b33;height:66px}.rm-panel.off{--glow:#4a3a2a;--halo:transparent}.rm-panel-screen.off{--glow:#1f4a52;background:#071a1f}.rm-panel .rm-title{color:var(--glow)}.rm-panel .rm-title:not(.scrolling){overflow:visible}.rm-sub{color:var(--glow)!important}.marquee{white-space:nowrap;text-align:center;max-width:100%;display:block;overflow:hidden}.marquee>span{display:inline-block}.marquee.scrolling{text-align:left}.marquee.scrolling>span{animation:marquee var(--marquee-dur) ease-in-out infinite alternate}@keyframes marquee{0%,18%{transform:translate(0)}82%,to{transform:translateX(var(--marquee-dist))}}@media (prefers-reduced-motion:reduce){.marquee.scrolling>span{animation:none}.marquee.scrolling{text-overflow:ellipsis}}.addch input:not([type=url]){color:#eee;background:#0e0e12;border:1px solid #44444e;border-radius:6px;min-width:0;padding:5px 7px;font:15px Arial,Helvetica,sans-serif}.addch-label{text-transform:uppercase}.addch-item{gap:6px}.addch-num{color:var(--mtv-yellow);flex:none}.addch-item .addch-label{flex:none;width:7.5em}.addch-item .addch-name{flex:none;width:9.5em}.addch-item small{flex:none}.corner-handle{z-index:70;color:#000;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffe600e6;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;font:700 11px/34px system-ui;position:fixed;box-shadow:0 0 0 2px #000}.era-dialog{width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.era-step{flex-direction:column;gap:10px;display:flex}.era-field{flex-direction:column;gap:4px;display:flex}.era-field input,.era-step textarea{color:#eee;background:#0e0e12;border:1px solid #44444e;border-radius:6px;padding:6px 8px;font:16px Arial,Helvetica,sans-serif}.era-rooms{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.era-room{cursor:pointer;border:1px solid #44444e;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.era-room.on{border-color:var(--mtv-yellow);box-shadow:0 0 0 1px var(--mtv-yellow)}.era-room{position:relative}.era-room input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.era-room img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%}.era-foot,.era-confirm{justify-content:flex-end;align-items:center;gap:8px;display:flex}.era-dots{opacity:.6;letter-spacing:2px;margin-right:auto}.era-delete{margin-right:auto}@media (width<=600px){.era-rooms{grid-template-columns:1fr 1fr}}.era-dialog .addch-item{flex-wrap:wrap}.era-dialog .addch-item .addch-name{flex:0 9.5em;min-width:6em}.era-make{font:inherit;color:inherit;background:#1b1b22;justify-content:center;align-items:center;min-height:110px}.era-make-plus{color:var(--mtv-yellow);font-size:36px}.era-maker{border:1px dashed #44444e;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.era-tip{opacity:.7;margin-right:auto}.era-upload{flex-direction:column;gap:4px;display:flex}.era-made{object-fit:contain;background:repeating-conic-gradient(#333 0 25%, #222 0 50%) 0 0 / 16px 16px;border-radius:6px;width:100%;max-height:220px}.corner-panel{z-index:71;border:2px solid var(--mtv-yellow);color:#eee;background:#121216f0;border-radius:12px;flex-direction:column;gap:8px;width:min(320px,100vw - 32px);padding:12px;font-family:VT323,monospace;font-size:19px;display:flex;position:fixed;bottom:16px;right:16px}.corner-panel p{margin:0}.corner-panel label{flex-direction:column;display:flex}.corner-panel button{font:inherit;cursor:pointer;border-radius:6px;padding:4px 10px}.corner-panel button.on{color:#111;background:var(--mtv-yellow);border:1px solid var(--mtv-yellow)}.phone-remote{z-index:30;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.phone-remote>*{pointer-events:auto}.phone-remote-dock{touch-action:none;width:max-content;padding-bottom:env(safe-area-inset-bottom);transform:translateY(calc(100% - var(--peek,180px)));margin:0 auto;transition:transform .3s;position:relative}.phone-remote.open .phone-remote-dock{transform:none}@media (width<=600px){.toast.sound-hint{bottom:calc(var(--rc-h,0px) + 16px)}}.rm-channel{align-self:stretch;position:relative}.rm-btn.rm-view{letter-spacing:1px;white-space:nowrap;width:64px;height:30px;padding:0;font-family:inherit;font-size:18px;line-height:1}.rm-lower{align-self:stretch;position:relative}.rm-controls{flex-direction:column;align-items:center;gap:10px;display:flex}.phone-remote .rm-view{display:none}.phone-remote .rm-top{justify-content:flex-end}.rm-keys,.rm-skip{grid-template-columns:repeat(2,1fr);align-self:stretch;gap:8px;display:grid}.rm-skip-icon{width:14px;height:10.5px;margin:auto;display:block}.rm-keycol{flex-direction:column;align-items:stretch;gap:6px;min-width:0;display:flex}.rm-keylabel{text-align:center;letter-spacing:.5px;color:#ccc;font-size:15px;line-height:1}.rm-keys .rm-btn,.rm-skip .rm-btn{width:auto;height:40px;padding:0;font-size:17px}.rm-skip .rm-btn{height:34px}@media (pointer:coarse){.rm-keys .rm-btn{height:44px}.rm-skip .rm-btn{height:40px}}.rm-panel .rm-screen{width:auto;min-width:0;height:auto;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;flex:1;justify-content:stretch;align-items:stretch;padding:0;display:flex}.rm-pick{appearance:none;min-width:0;min-height:0;color:var(--glow);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 4px;display:flex}.rm-pick:hover{background:#ffffff12}.rm-pick-plain,.rm-pick-plain:hover{cursor:default;background:0 0}.rm-pick-channel{flex:1.25}.rm-pick .marquee{flex:0 auto;width:auto;min-width:0}.rm-sub{font-size:16px;line-height:1.1}.rm-caret{color:var(--glow);text-shadow:0 0 6px var(--halo);flex:none;font-size:11px;line-height:1}.rm-pick-channel .rm-caret{font-size:13px}@media (pointer:coarse){.rm-panel-screen{height:84px}}.rm-list{z-index:5;overscroll-behavior:contain;touch-action:pan-y;background:#0b2b33;border:1px solid #7ff3ff59;border-radius:9px;padding:4px;position:absolute;inset:0 0 -12px;overflow-y:auto;box-shadow:inset 0 0 12px #000000b3}.rm-list-head{letter-spacing:1.5px;color:#7ff3ff;opacity:.55;padding:4px 6px 6px;font-size:13px}.rm-list button{appearance:none;color:#7ff3ff;width:100%;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:18px;display:flex}.rm-list button:hover{background:#7ff3ff1f}.rm-list button[aria-current=true]{color:#04262e;background:#7ff3ff}.rm-list-num{opacity:.7;flex:none}.rm-list-title{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.05}.rm-on-now{letter-spacing:.5px;flex:none;font-size:11px}@media (pointer:coarse){.rm-list button{min-height:44px}}.rm-tunnel{z-index:1;color:#ffd400;cursor:pointer;background:#0b2b33;border-top:1px solid #7ff3ff4d;align-items:center;gap:5px;min-height:40px;margin:4px -4px -4px;padding:4px 8px;font-size:18px;text-decoration:none;display:flex;position:sticky;bottom:-4px}.rm-tunnel:hover{background:#24382a}.rm-tunnel-icon{flex:none;width:22px;height:22px;display:block}.rm-tunnel-name{white-space:nowrap;flex:1;min-width:0;font-size:17px}.rm-tunnel-out{flex:none;font-size:14px}@media (pointer:coarse){.rm-tunnel{min-height:44px}}.crt-tube{transform-origin:50%;position:absolute;inset:0}.crt-flash{z-index:5;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.crt-tube.crt-off{pointer-events:none;animation:.75s cubic-bezier(.4,0,.6,1) forwards crtOff}.crt-off .crt-flash{animation:.75s linear forwards crtFlashOff}.crt-tube.crt-on{animation:.38s cubic-bezier(.2,.7,.3,1) crtOn}.crt-on .crt-flash{animation:.38s ease-out crtFlashOn}@keyframes crtOff{0%{opacity:1;transform:scale(1)}32%{opacity:1;transform:scaleY(.008)}62%{opacity:1;transform:scale(.016,.021)}78%{opacity:1;transform:scale(.016,.021)}to{opacity:0;transform:scale(.004)}}@keyframes crtFlashOff{0%{opacity:0}28%{opacity:1}to{opacity:1}}@keyframes crtOn{0%{transform:scaleY(.008)}to{transform:scale(1)}}@keyframes crtFlashOn{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.crt-tube.crt-off{opacity:0;animation:none}.crt-tube.crt-on,.crt-off .crt-flash,.crt-on .crt-flash{animation:none}}