:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#c8d0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#050308;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}.convex-missing{text-align:left;justify-content:center;align-items:center;max-width:40rem;min-height:100svh;margin:0 auto;padding:2rem;display:flex}.convex-missing code{color:#9ef5ff;background:#7cf8ff1f;border-radius:4px;padding:.1em .35em;font-size:.9em}.tube-tv{--bezel:#1a1528;--bezel-edge:#3d3558;--accent:#7cf8ff;--accent-dim:#7cf8ff59;--glass:#140c28a6;box-sizing:border-box;background:radial-gradient(120% 80% at 50% 0,#2a1f45 0%,#0d0818 55%,#050308 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.tube-tv__bezel{background:linear-gradient(145deg, #2d2640 0%, var(--bezel) 40%, #120c1c 100%);max-width:960px;box-shadow:0 0 0 2px var(--bezel-edge), 0 24px 48px #0000008c, inset 0 1px 0 #ffffff0f;border-radius:28px;flex-wrap:wrap;align-items:stretch;gap:2rem;padding:1.75rem 2rem;display:flex}.tube-tv__screen-cluster{flex-direction:column;flex:320px;gap:.75rem;min-width:280px;display:flex}.tube-tv__screen-outer{background:linear-gradient(160deg,#0f0a18 0%,#1a1228 100%);border-radius:20px;padding:10px;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 32px #7cf8ff14}.tube-tv__screen{aspect-ratio:4/3;background:#020008;border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #000000d9,inset 0 0 12px #7cf8ff1f}.tube-tv__video{object-fit:cover;filter:contrast(1.08)saturate(1.12)brightness(1.02);width:100%;height:100%;display:block}.tube-tv__video::-webkit-media-controls{display:none!important}.tube-tv__video::-webkit-media-controls-enclosure{display:none!important}.tube-tv__glow{pointer-events:none;border-radius:inherit;mix-blend-mode:screen;position:absolute;inset:0;box-shadow:inset 0 0 60px #64c8ff12,inset 0 -20px 40px #ff50b40a}.tube-tv__scanlines{pointer-events:none;border-radius:inherit;opacity:.35;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.tube-tv__static{pointer-events:none;border-radius:inherit;z-index:6;position:absolute;inset:0;overflow:hidden}.tube-tv__static-grain{opacity:.92;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;width:100%;height:100%;animation:60ms steps(2,end) infinite tube-static-flicker}.tube-tv__static-grain:after{content:"";background:linear-gradient(90deg,#ffffff26 0%,#0003 50%,#ffffff1f 100%);animation:.5s linear infinite tube-static-sweep;position:absolute;inset:0}@keyframes tube-static-flicker{0%{transform:translate(0)}50%{transform:translate(-2%,1%)}to{transform:translate(1%,-1%)}}@keyframes tube-static-sweep{0%{opacity:.3}50%{opacity:.55}to{opacity:.35}}.tube-tv__nosignal{background:radial-gradient(circle,#1a1028 0%,#050208 70%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tube-tv__nosignal-text{letter-spacing:.35em;color:var(--accent-dim);text-shadow:0 0 12px var(--accent);font-family:ui-monospace,Cascadia Code,monospace;font-size:clamp(.85rem,2.5vw,1.1rem);animation:1.2s step-end infinite tube-blink}@keyframes tube-blink{0%,to{opacity:1}50%{opacity:.35}}.tube-tv__readout{color:var(--accent);text-shadow:0 0 8px var(--accent-dim);flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem;font-family:ui-monospace,Cascadia Code,monospace;font-size:.85rem;display:flex}.tube-tv__ch{background:var(--glass);border:1px solid #7cf8ff40;border-radius:6px;padding:.2rem .65rem}.tube-tv__title{color:#dcf5ffd9;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tube-tv__placard{text-align:center;background:linear-gradient(175deg,#8b7355 0%,#5c4a3a 22%,#3d3028 50%,#2a211a 100%);border:2px solid #1a1512;border-radius:5px;min-width:11.5rem;margin-bottom:.35rem;padding:.45rem 1.6rem .4rem;position:relative;box-shadow:inset 0 2px 3px #ffe6c81f,inset 0 -3px 8px #000000a6,0 3px 8px #00000073}.tube-tv__placard-rivet{pointer-events:none;background:radial-gradient(circle at 30% 30%,#a89888 0%,#4a4038 60%,#1a1614 100%);border-radius:50%;width:7px;height:7px;margin-top:-3px;position:absolute;top:50%;box-shadow:inset 0 1px 1px #ffffff40,0 1px 2px #000c}.tube-tv__placard .tube-tv__placard-rivet:first-child{left:6px}.tube-tv__placard .tube-tv__placard-rivet:nth-child(2){right:6px}.tube-tv__placard-text{letter-spacing:.22em;text-transform:uppercase;color:#d4c4a8;text-shadow:0 1px #ffffff1f,0 -1px 1px #000000d9,0 0 1px #00000080;font-family:Georgia,Times New Roman,serif;font-size:.68rem;font-weight:600;display:block}.tube-tv__dial-wrap{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.5rem;min-width:140px;display:flex}.tube-tv__sound-control{flex-direction:column;align-items:center;gap:.45rem;margin-top:.15rem;display:flex}.tube-tv__sound-label{letter-spacing:.18em;text-transform:uppercase;color:#b4c8dc8c;font-family:ui-monospace,Cascadia Code,monospace;font-size:.62rem;font-weight:500}.tube-tv__switch{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0}.tube-tv__switch:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tube-tv__switch-track{background:linear-gradient(#0e0a14 0%,#1a1420 100%);border-radius:999px;width:52px;height:28px;transition:box-shadow .2s;display:block;position:relative;box-shadow:inset 0 2px 6px #000000bf,inset 0 -1px #ffffff0a}.tube-tv__switch[aria-checked=true] .tube-tv__switch-track{box-shadow:inset 0 2px 6px #00000080,0 0 14px #7cf8ff59,0 0 0 1px #7cf8ff59}.tube-tv__switch-thumb{background:linear-gradient(155deg,#9a9aaa 0%,#5a5868 45%,#2a2838 100%);border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.34,1.2,.64,1);position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #00000080,inset 0 1px #fff3}.tube-tv__switch[aria-checked=true] .tube-tv__switch-thumb{background:linear-gradient(155deg,#b8f8ff 0%,#6ad8e8 40%,#3a8898 100%);transform:translate(24px);box-shadow:0 0 12px #7cf8ff99,0 2px 4px #00000059,inset 0 1px #ffffff59}.tube-tv__dial{cursor:pointer;background:radial-gradient(circle at 35% 30%,#4a3d62 0%,#1f172e 55%,#0c0814 100%);border:none;border-radius:50%;width:120px;height:120px;padding:0;position:relative;box-shadow:0 8px 20px #00000073,inset 0 2px 4px #ffffff14,inset 0 -4px 12px #00000080}.tube-tv__dial:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tube-tv__dial-face{background:conic-gradient(#2a2238 0deg,#1a1424 30deg,#2a2238 60deg,#1a1424 90deg,#2a2238 120deg,#1a1424 150deg,#2a2238 180deg,#1a1424 210deg,#2a2238 240deg,#1a1424 270deg,#2a2238 300deg,#1a1424 330deg,#2a2238 360deg);border-radius:50%;transition:transform .55s cubic-bezier(.34,1.35,.64,1);position:absolute;inset:10px;box-shadow:inset 0 0 20px #0009}.tube-tv__dial-tick{transform-origin:50% 46px;background:#c8dcff59;border-radius:1px;width:2px;height:10px;margin-left:-1px;position:absolute;top:4px;left:50%}.tube-tv__dial-pointer{z-index:2;border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:14px solid var(--accent);width:0;height:0;filter:drop-shadow(0 0 6px var(--accent-dim));pointer-events:none;margin-left:-7px;position:absolute;top:4px;left:50%}.tube-tv__dial-knob{pointer-events:none;background:radial-gradient(circle at 30% 28%,#6a5878 0%,#2a2038 70%,#120a18 100%);border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #00000080,inset 0 1px 2px #ffffff1f}.tube-tv__dial-label{letter-spacing:.4em;color:#b4c8dc73;font-family:ui-monospace,Cascadia Code,monospace;font-size:.7rem}