.screen{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:3;overflow:hidden;background:#0a0a0a;clip-path:url(#crt-clip)}.screen:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;box-shadow:inset 0 0 36px -4px #000000f2,inset 0 0 95px -19px #000000f2;border-radius:8%;transition:box-shadow .8s ease,opacity .8s ease}.screen.paused:after{box-shadow:inset 0 0 196px -8px #000000f2,inset 0 0 29px 22px #000000f2}.screen{transition:opacity .8s ease}.screen.paused{opacity:.85}.screen-content{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.screen-content.active{opacity:1;pointer-events:auto}.screen-content.video-layer{opacity:.08}.screen-content.video-layer.active{opacity:1}.preamble{padding:12%;font-size:clamp(.85rem,1.8vw,1.2rem);line-height:1.7;color:#d4c5a0;overflow-y:auto;height:100%}.preamble h2{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:400;margin-bottom:0;color:#e8dcc8}.preamble .tagline{font-style:italic;font-size:1rem;font-weight:500}.liner-notes{margin-top:2em;padding-top:1.5em;border-top:1px solid rgba(212,197,160,.2)}.liner-notes h3{font-size:clamp(1rem,1.8vw,1.35rem);color:#e8dcc8;margin-bottom:.3em}.liner-notes .composer{font-style:italic;opacity:.7;margin-bottom:1em;font-size:.9em;line-height:1}.liner-notes .arrangement{font-size:.85rem}.video-wrapper{position:absolute;top:-15%;left:-10%;width:120%;height:130%;background:#000}.video-wrapper iframe{width:100%;height:100%;border:none}.video-wrapper--native{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.video-wrapper--native video{width:100%;height:100%;object-fit:cover}.playlist{list-style:none;padding:12%;overflow-y:auto;height:100%}.playlist li{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid rgba(212,197,160,.1);cursor:pointer;transition:color .2s,background .2s;color:#d4c5a0;border-radius:4px}.playlist li:hover{color:#fff;background:#ffffff0d}.playlist li.active{color:#fff;background:#ffffff14}.track-number{font-size:.75em;opacity:.5;font-variant-numeric:tabular-nums}.track-info{display:flex;flex-direction:column;gap:2px}.track-title{font-size:clamp(.9rem,1.5vw,1.1rem)}.track-composer{font-size:.8em;opacity:.6;font-style:italic}.channel-btn{position:absolute;border:none;padding:0;cursor:pointer;background:transparent;overflow:hidden}.channel-btn img{width:100%;height:100%;display:block;object-fit:contain}.channel-btn--text{left:76.89%;top:17.3%;width:6.6%;height:4.69%}.channel-btn--video{left:76.76%;top:22.04%;width:6.51%;height:4.8%}.channel-btn--playlist{left:76.76%;top:26.67%;width:7.14%;height:4.85%}.pb-btn{position:absolute;border:none;padding:0;cursor:pointer;background:transparent;border-radius:50%;overflow:hidden}.pb-btn img{width:100%;height:100%;display:block;object-fit:contain}.pb-btn--prev{left:27.61%;top:60.55%;width:3.24%;height:4.3%}.pb-btn--play{left:31.89%;top:60.66%;width:3.03%;height:4.02%}.pb-btn--next{left:35.5%;top:59.99%;width:3.82%;height:5.58%}.knob-outer{position:absolute;left:79.12%;top:51.62%;width:2.55%;height:3.4%;cursor:grab;border-radius:50%}.knob-outer:active{cursor:grabbing}.knob-inner{width:82%;height:82%;border-radius:50%;background:#907b55;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knob-indicator{position:absolute;top:2px;left:50%;transform:translate(-50%);width:1.5px;height:7px;border-radius:1px;background:#c1c1c1}.crt-glass{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:3;pointer-events:none;clip-path:url(#crt-clip);box-shadow:inset 0 0 66px -8px #000000f2,inset 0 0 29px 22px #000000f2;background:radial-gradient(ellipse at 25% 25%,rgba(255,255,255,.05) 0%,transparent 45%)}.crt-edge-fade{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:2;pointer-events:none;clip-path:url(#crt-clip);background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.7) 85%,rgba(0,0,0,.95) 100%)}.tv-container{position:relative;width:100%;max-width:1000px;margin:0 auto}.tv-frame{width:100%;height:auto;display:block;position:relative;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.controls-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.debug-ring{position:absolute;border:2px solid lime;border-radius:4px;pointer-events:none;z-index:10}.debug-ch1{left:76.89%;top:17.3%;width:6.6%;height:4.69%}.debug-ch2{left:76.76%;top:22.04%;width:6.51%;height:4.8%}.debug-ch3{left:76.76%;top:26.67%;width:7.14%;height:4.85%}.debug-pb1{left:27.61%;top:60.55%;width:3.24%;height:4.3%;border-radius:50%}.debug-pb2{left:31.89%;top:60.66%;width:3.03%;height:4.02%;border-radius:50%}.debug-pb3{left:35.5%;top:59.99%;width:3.82%;height:5.58%;border-radius:50%}.debug-vol{left:79.12%;top:51.62%;width:2.39%;height:3.18%;border-radius:50%}.controls-layer button,.controls-layer .knob-outer{pointer-events:auto}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:EB Garamond,Georgia,Times New Roman,serif;color:#d4c5a0;overflow-x:hidden}#root{width:100%}.app{width:100%;max-width:1000px;margin:0 auto;padding:20px}button{-webkit-tap-highlight-color:transparent;outline:none}button:focus-visible{outline:1px solid rgba(212,197,160,.4);outline-offset:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4c5a04d;border-radius:2px}.mobile-note{display:none}@media(max-width:768px){.app{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.tv-container{display:none}.mobile-note{display:block;text-align:center;font-size:1.1rem;opacity:.7;padding:16px 0;font-style:italic;line-height:1.6}}@media(min-width:1400px){.app{max-width:1200px}}