.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}@media(max-width:768px){.preamble{padding:10%;font-size:.78rem;line-height:1.45}.preamble h2{font-size:.95rem;line-height:1.15}.preamble .tagline{font-size:.78rem}.liner-notes{margin-top:1.1em;padding-top:.9em}.liner-notes h3{font-size:.85rem}.liner-notes .composer{font-size:.72rem;line-height:1.25}.liner-notes .arrangement{font-size:.68rem}}@keyframes now-playing-bar-expand{0%{transform:scaleX(0)}16.67%{transform:scaleX(1)}83.33%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes now-playing-text-fade{0%{opacity:0}16.67%{opacity:0}27.07%{opacity:1}73.73%{opacity:1}83.33%{opacity:0}to{opacity:0}}.now-playing-card{position:absolute;inset:0;color:#f2e6cf;z-index:8;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.now-playing-bar{width:100%;background:#000000b8;transform-origin:center;transform:scaleX(0);animation:now-playing-bar-expand 7.5s ease-in-out forwards;padding:5% 11%;text-align:center}.now-playing-text{opacity:0;animation:now-playing-text-fade 7.5s ease-in-out forwards;text-shadow:0 2px 10px rgba(0,0,0,.62),0 0 24px rgba(0,0,0,.42)}.now-playing-title{font-size:clamp(.92rem,1.48vw,1.26rem);line-height:1.24;color:#fff7e8;text-wrap:balance;word-break:normal;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;font-weight:500}.now-playing-subtitle{margin-top:3px;font-size:clamp(.64rem,.98vw,.84rem);color:#e8dcc8;letter-spacing:.06em;text-transform:none;line-height:1.2}.now-playing-composer{margin-top:12px;font-size:clamp(.62rem,.96vw,.82rem);color:#e8dcc8;font-style:normal;letter-spacing:.11em;text-transform:uppercase;line-height:1.2}.now-playing-arrangement{margin-top:4px;font-size:clamp(.54rem,.84vw,.72rem);color:#e8dcc8;letter-spacing:.05em;line-height:1.2}.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}@media(max-width:768px){.playlist{padding:10%}.playlist li{padding:7px 6px;gap:8px}.track-title{font-size:.78rem}.track-composer{font-size:.66rem}}.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);transition:opacity .8s ease}.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{opacity:.85}.screen.paused:after{box-shadow:inset 0 0 196px -8px #000000f2,inset 0 0 29px 22px #000000f2}.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}@media(max-width:768px){.screen:after{box-shadow:inset 0 0 18px -3px #000000b8,inset 0 0 42px -12px #0000009e}.screen.paused:after{box-shadow:inset 0 0 70px -6px #000000c7,inset 0 0 16px 10px #000000b8}}.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,.09) 0%,transparent 50%)}@media(max-width:768px){.crt-glass{background:none}}.crt-scanlines{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);background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px)}.crt-grain{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);overflow:hidden}.crt-grain:after{content:"";position:absolute;inset:-50%;width:200%;height:200%;opacity:.08;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:crt-grain .4s steps(4) infinite}@keyframes crt-grain{0%{transform:translate(0)}25%{transform:translate(-5%,-10%)}50%{transform:translate(8%,3%)}75%{transform:translate(-3%,7%)}to{transform:translate(5%,-5%)}}.crt-aberration{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 -4.5px 0 18px -2px #ff000038,inset 4.5px 0 18px -2px #00ffff38}.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{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}.controls-layer button:focus,.controls-layer button:focus-visible,.controls-layer .knob-outer:focus,.controls-layer .knob-outer:focus-visible{outline:none;box-shadow:none}.tv-inner{position:relative;width:100%;transition:transform .6s ease}.tv-zoomed .tv-inner{transform:translate(var(--zoom-tx, 0),var(--zoom-ty, 0)) scale(var(--zoom-scale, 1));transform-origin:var(--zoom-ox, 50%) var(--zoom-oy, 50%)}.tv-zoomed .controls-layer{display:none}.barrel-page{min-height:100vh;background:#111;color:#d4c5a0;padding:40px 20px 80px;font-family:EB Garamond,Georgia,serif}.barrel-page--embedded{min-height:0;background:transparent;padding:18px 0 48px}.barrel-title{text-align:center;font-size:2rem;font-weight:400;color:#e8dcc8;margin-bottom:.2em}.barrel-subtitle{text-align:center;font-size:1rem;opacity:.6;margin-bottom:2em}.barrel-page--embedded .barrel-subtitle{margin-top:40px}.barrel-loading{text-align:center;opacity:.5}.barrel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:40px;max-width:1400px;margin:0 auto}.barrel-card{display:flex;flex-direction:column;align-items:center;gap:12px}.barrel-screen{position:relative;width:100%;max-width:640px;aspect-ratio:640 / 400;background:#0a0a0a;clip-path:url(#barrel-crt-clip);overflow:hidden}.barrel-screen canvas{width:100%;height:100%;display:block}.barrel-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 36px -4px #000000f2,inset 0 0 95px -19px #000000f2;border-radius:8%}.barrel-label{display:flex;flex-direction:column;align-items:center;gap:2px}.barrel-name{font-size:1.1rem;color:#e8dcc8}.barrel-params{font-size:.8rem;font-family:monospace;opacity:.4}.barrel-controls{display:flex;justify-content:center;gap:32px;margin-bottom:2.5em;flex-wrap:wrap}.barrel-control-group{min-width:180px;max-width:220px}.barrel-control-group h3{font-size:1rem;font-weight:400;color:#e8dcc8;margin:0 0 8px}.barrel-control-group label{display:flex;justify-content:space-between;font-size:.8rem;opacity:.5;margin-top:6px}.barrel-control-group label span{font-family:monospace;opacity:.7}.barrel-control-group input[type=range]{width:100%;margin:2px 0 0;accent-color:#d4c5a0;height:4px;cursor:pointer}.barrel-scanlines{position:absolute;inset:0;pointer-events:none;z-index:2}.barrel-grain{position:absolute;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-5%,-10%)}50%{transform:translate(8%,3%)}75%{transform:translate(-3%,7%)}to{transform:translate(5%,-5%)}}.barrel-glass{position:absolute;inset:0;pointer-events:none;z-index:4}.barrel-aberration{position:absolute;inset:0;pointer-events:none;z-index:1}.barrel-tv-wrapper{position:relative;max-width:1000px;margin:0 auto 80px}.barrel-tv-wrapper .mobile-note{display:none}.barrel-tv-fx-overlay{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:5;pointer-events:none;clip-path:url(#barrel-tv-crt-clip);overflow:hidden}.backdrop-toggle-group{position:fixed;left:24px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:8px}.backdrop-toggle{border:1px solid rgba(212,197,160,.35);background:#100c08b8;color:#d4c5a0;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:.9rem;letter-spacing:.03em;text-transform:lowercase;border-radius:999px;padding:6px 12px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.backdrop-toggle:hover{background:#1e160edb;border-color:#d4c5a08c}.backdrop-toggle.active{border-color:#d4c5a0b3;background:#261c12e6}@media(max-width:768px){.backdrop-toggle-group{left:10px;bottom:10px;gap:6px}.backdrop-toggle{font-size:.74rem;padding:5px 9px}}.button-stack{position:fixed;right:24px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.toggle-btn{border:1px solid rgba(212,197,160,.35);background:#100c08b8;color:#d4c5a0;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:.9rem;letter-spacing:.02em;border-radius:999px;padding:9px 18px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.toggle-btn:hover{background:#1e160edb;border-color:#d4c5a08c}.toggle-btn.active{border-color:#d4c5a0a6;background:#1e160ee6}@media(max-width:768px){.fullscreen-btn{display:none}}.tooltip-text{position:fixed;background:#100c08eb;color:#d4c5a0;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:.85rem;padding:4px 10px;border-radius:6px;border:1px solid rgba(212,197,160,.3);white-space:nowrap;pointer-events:none;z-index:100;opacity:0;transition:opacity .15s}.tooltip-text.visible{opacity:1}*{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;position:relative}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{z-index:-2}body:after{z-index:-1;background-image:radial-gradient(circle at 50% 40%,transparent 0%,rgba(0,0,0,.2) 55%,rgba(0,0,0,.62) 100%)}body:not([data-backdrop]):before,body[data-backdrop=velvet]:before{background:radial-gradient(120% 95% at 50% 38%,#4b3226,#271814 42%,#120c0d),linear-gradient(135deg,#2f1f1a,#0f0b0d)}body[data-backdrop=halo]:before{background:radial-gradient(75% 52% at 50% 39%,#c7a67052,#46392533 43%,#120e0cf0),linear-gradient(165deg,#4b493c,#242117 48%,#12100d)}body[data-backdrop=walnut]:before{background:linear-gradient(180deg,#3221168f,#19110dbd),repeating-linear-gradient(90deg,#3a281deb 0px 32px,#35251ceb 32px 68px);filter:blur(.8px) saturate(.88)}body[data-backdrop=stage]:before{background:linear-gradient(180deg,#1d181beb,#0a0a0cfa),repeating-linear-gradient(90deg,#ffffff05 0px 2px,#00000005 2px 7px)}body[data-backdrop=jazz]:before{background:radial-gradient(75% 58% at 52% 42%,#9d6c4938,#3a221b47 46%,#0c0a0cf5),linear-gradient(180deg,#1f1718,#0d0b0d)}#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}.app-tv-wrap{position:relative}@media(min-width:769px){body.debug-open-mode{align-items:flex-start}.app.debug-open{padding-top:14px}.app.debug-open .tv-container{max-width:820px}}body.tv-zoomed-mode{overflow:hidden}body.tv-zoomed-mode .button-stack,body.tv-zoomed-mode .backdrop-toggle-group,.mobile-note{display:none}@media(max-width:768px){html,body,#root{height:100dvh;overflow:hidden}.app{position:relative;height:100dvh;overflow:hidden;padding:4px;display:flex;align-items:center;justify-content:center}.app.debug-open{display:block;overflow-y:auto;overflow-x:hidden;padding-top:28px}.app-tv-wrap{width:100%;margin-left:0}.tv-container{width:130%;max-width:none;margin-left:-15%}.mobile-note{display:block;position:absolute;top:0;left:0;right:0;transform:translateY(calc(-100% - 10px));z-index:40;text-align:center;font-size:.92rem;opacity:.86;color:#d4c5a0;text-shadow:0 1px 3px rgba(0,0,0,.75);padding:0;font-style:italic;line-height:1.4;pointer-events:none}.tooltip-text{display:none}}@media(min-width:1400px){.app{max-width:1200px}}