.listen-crt__faceplate{container-type:inline-size;container-name:listen-faceplate}.listen-radio-cinema{--radio-inset:5.25cqw;--radio-screen-gap:clamp(0.4rem,1cqw,0.625rem);box-sizing:border-box;padding:var(--radio-inset) 6.5cqw var(--radio-inset);gap:0}.listen-radio-cinema__play-area{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:var(--radio-screen-gap);background:transparent;border:0;padding:0;margin:0;text-align:inherit;color:inherit;cursor:pointer}.listen-radio-cinema__play-area .listen-vintage-dial,.listen-radio-cinema__play-area .listen-vintage-dial *{pointer-events:none}.listen-radio-cinema__tuner{flex:0 0 auto;display:block;width:100%;margin:0}.listen-radio-cinema__tuner-track{position:relative;height:clamp(1.35rem,2.8cqw,2rem);overflow:hidden;border-radius:.2rem;border:1px solid rgba(120,53,15,.22);background:linear-gradient(180deg,#1a1410,#2a2218);box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}.listen-radio-cinema__tuner-scale{position:absolute;inset-inline:.75rem;top:42%;height:1px;background:rgba(251,191,36,.2)}.listen-radio-cinema__tuner-labels{position:absolute;inset-inline:.5rem;top:18%;display:flex;justify-content:space-between;font-family:ui-monospace,monospace;font-size:clamp(6px,1.6vw,7px);letter-spacing:.08em;color:rgba(253,230,138,.45)}.listen-radio-cinema__tuner-fm{color:rgba(252,211,77,.72)}.listen-radio-cinema__tuner-glow{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,transparent,rgba(251,191,36,.08) 35%,rgba(253,230,138,.16) 50%,rgba(251,191,36,.08) 65%,transparent);transition:opacity .25s ease}.listen-radio-cinema__tuner--seeking .listen-radio-cinema__tuner-glow{opacity:1;animation:listen-radio-tuner-glow 1.1s ease-in-out infinite}.listen-radio-cinema__tuner-needle{position:absolute;bottom:0;left:50%;height:72%;width:2px;transform:translateX(-50%);border-radius:9999px;background:linear-gradient(0deg,rgba(217,119,6,.3),#fcd34d,#fffbeb);box-shadow:0 0 8px rgba(251,191,36,.45);will-change:left,transform}.listen-radio-cinema__tuner-needle--locked,.listen-radio-cinema__tuner-needle--seeking{transition:none}@keyframes listen-radio-tuner-glow{0%,to{opacity:.35}50%{opacity:1}}.listen-radio-cinema__main{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);align-items:stretch;gap:0 4.5%;min-height:0}.listen-radio-cinema__dial{display:flex;align-items:center;justify-content:center;height:100%;min-height:0;min-width:0;container-type:size}.listen-radio-cinema__dial .listen-vintage-dial{width:min(84cqw,70cqh);max-width:none;height:auto;aspect-ratio:1}.listen-radio-cinema__dial .listen-vintage-dial__window{display:none}.listen-radio-cinema__screen-col{display:flex;flex-direction:column;gap:var(--radio-screen-gap);height:100%;min-height:0;min-width:0}.listen-radio-cinema__screen-col .listen-radio-screen{flex:1 1 auto;min-height:0}@media (min-width:640px){.listen-radio-cinema{padding:var(--radio-inset) 7cqw var(--radio-inset);gap:0}.listen-radio-cinema__main{grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);gap:0 5%}}.listen-radio-screen{width:100%;min-height:0}.listen-radio-cinema__nameplate{position:relative;z-index:2;display:flex;width:100%;min-height:2.35rem;flex-direction:column;align-items:center;justify-content:center;padding:.42rem .5rem .46rem;gap:.12rem;background-color:#efe0c4;background-image:linear-gradient(180deg,#f8eed9,#efe0c4 52%,#e6d4b8);isolation:isolate}.listen-radio-cinema__nameplate p{width:100%;margin:0;line-height:1.2}.listen-crt__nameplate{background:linear-gradient(180deg,#f7edd8,#e8d7bc)}.listen-crt__pilot--on-air{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.95),0 0 16px rgba(251,191,36,.45)}.listen-crt__pilot--tune{background:#fbbf24;animation:listen-pilot-blink .9s ease-in-out infinite}.listen-crt__pilot--ready{background:#d97706;box-shadow:0 0 6px rgba(217,119,6,.55)}@keyframes listen-pilot-blink{0%,to{opacity:.55}50%{opacity:1}}.listen-vintage-dial__rim{background:radial-gradient(circle at 50% 42%,#5c4528 0,#2a1c12 72%,#120a06 100%);box-shadow:0 4px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,220,180,.12)}.listen-vintage-dial__rim--lit{box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 20px rgba(251,191,36,.12),inset 0 1px 0 rgba(255,220,180,.16)}.listen-vintage-dial__face{background:radial-gradient(circle at 50% 38%,#f5ead4 0,#dcc9a8 55%,#b8956a 100%);box-shadow:inset 0 2px 10px rgba(120,80,40,.25)}.listen-vintage-dial__hub{background:radial-gradient(circle at 40% 35%,#4a3224,#1a100c);box-shadow:inset 0 2px 6px rgba(0,0,0,.45)}.listen-vintage-dial__tick{width:1.5px;background:rgba(70,45,22,.45);transform-origin:center bottom}.listen-vintage-dial__tick--major{width:2px;background:rgba(50,30,15,.65)}.listen-vintage-dial__needle{background:linear-gradient(180deg,#78350f,#b45309 55%,#fde68a);box-shadow:0 1px 2px rgba(0,0,0,.25);transform:translate(-50%,-100%);transform-origin:center bottom}.listen-vintage-dial__needle--live{animation:listen-dial-needle 4.5s ease-in-out infinite}.listen-vintage-dial__needle--tuning{animation:listen-dial-needle-fast .85s ease-in-out infinite}.listen-vintage-dial__needle--driven{transition:none}.listen-vintage-dial__needle--seeking{transition:transform .12s linear}@keyframes listen-dial-needle{0%,to{transform:translate(-50%,-100%) rotate(-48deg)}50%{transform:translate(-50%,-100%) rotate(42deg)}}@keyframes listen-dial-needle-fast{0%,to{transform:translate(-50%,-100%) rotate(-72deg)}50%{transform:translate(-50%,-100%) rotate(68deg)}}.listen-radio-glow{position:absolute;inset:0;pointer-events:none;overflow:visible;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.listen-radio-glow--on{opacity:1;visibility:visible}.listen-radio-glow__orb{position:absolute;border-radius:999px;filter:blur(40px);opacity:.5}.listen-radio-glow__orb--a{inset:-20% 10% auto -10%;height:65%;background:rgba(251,191,36,.35);animation:listen-radio-glow-a 8s ease-in-out infinite}.listen-radio-glow__orb--b{inset:auto -15% -25% 20%;height:55%;background:rgba(234,88,12,.22);animation:listen-radio-glow-b 9s ease-in-out infinite}.listen-radio-glow--playing .listen-radio-glow__orb{opacity:.75;filter:blur(46px)}.listen-radio-glow--tuning .listen-radio-glow__orb--a{animation-duration:2s}@keyframes listen-radio-glow-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(3%,-2%) scale(1.06)}}@keyframes listen-radio-glow-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-4%,3%) scale(1.05)}}.listen-radio-screen__waves{filter:sepia(.28) saturate(1.15) brightness(.92);opacity:.92}.listen-radio-screen--live .listen-radio-screen__waves{opacity:1}.listen-radio-screen__glass{background:linear-gradient(180deg,rgba(255,248,235,.06),transparent 28%,transparent 72%,rgba(0,0,0,.12));box-shadow:inset 0 0 24px rgba(0,0,0,.25)}.listen-radio-screen__glass--live{box-shadow:inset 0 0 20px rgba(0,0,0,.2),inset 0 0 40px rgba(251,191,36,.06)}.listen-crt__grille-mesh{background:repeating-linear-gradient(0deg,rgba(0,0,0,.42),rgba(0,0,0,.42) 2px,rgba(180,140,90,.04) 0,rgba(180,140,90,.04) 5px),repeating-linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,.32) 2px,rgba(180,140,90,.03) 0,rgba(180,140,90,.03) 5px);mix-blend-mode:multiply;opacity:.72}.listen-crt__grille-mesh--live{opacity:.62}.listen-crt__faceplate-weave{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cpattern id='cane' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 10 L10 0 L20 10 L10 20 Z' fill='%23ebe1cd' stroke='%23a88868' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M10 0 L10 20 M0 10 L20 10' stroke='%23d4c4a6' stroke-width='1' opacity='0.7'/%3E%3Cpath d='M0 10 L10 0' stroke='%23fff8eb' stroke-width='0.8' opacity='0.6'/%3E%3Cpath d='M20 10 L10 20' stroke='%238a7458' stroke-width='1' opacity='0.35'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23cane)'/%3E%3C/svg%3E");background-size:20px 20px;opacity:.55;mix-blend-mode:multiply}.listen-crt__faceplate-weave:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 90% 60% at 50% 0,rgba(255,252,240,.35) 0,transparent 55%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%,rgba(0,0,0,.06));pointer-events:none}.listen-vintage-dial .listen-vintage-dial__btn{position:absolute;left:50%;top:50%;z-index:4;display:flex;width:40%;height:40%;align-items:center;justify-content:center;border-radius:9999px;transform:translate(-50%,-50%);transition:transform .2s ease;border:1px solid rgba(140,100,60,.28);background:radial-gradient(circle at 36% 26%,#fffaf0 0,#f4e6cc 38%,#dcc39a 72%,#b89568 100%);box-shadow:0 0 0 5px #e8d8bc,0 0 0 6px rgba(90,60,35,.18),0 7px 14px rgba(0,0,0,.38),0 2px 3px rgba(0,0,0,.22),inset 0 3px 0 rgba(255,252,240,.82),inset 0 -5px 9px rgba(110,75,45,.22)}.listen-vintage-dial .listen-vintage-dial__btn:before{content:"";position:absolute;inset:14%;border-radius:9999px;background:radial-gradient(circle at 40% 30%,#fffdf6 0,#f0e2c8 55%,#d4b896 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 6px rgba(100,70,40,.18);pointer-events:none}.listen-vintage-dial .listen-vintage-dial__btn:after{content:"";position:absolute;inset:8% 12% auto;height:38%;border-radius:9999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}.listen-vintage-dial .listen-vintage-dial__btn-icon{position:relative;z-index:1;width:30%;height:30%;min-width:.95rem;min-height:.95rem}.listen-vintage-dial .listen-vintage-dial__btn:hover{transform:translate(-50%,-50%) scale(1.02)}.listen-vintage-dial .listen-vintage-dial__btn:active{transform:translate(-50%,-50%) scale(.98)}.listen-vintage-dial .listen-vintage-dial__btn--lit{box-shadow:0 0 0 5px #ebe0cc,0 0 0 6px rgba(90,60,35,.2),0 8px 16px rgba(0,0,0,.4),0 0 18px rgba(251,191,36,.12),inset 0 3px 0 rgba(255,252,240,.85),inset 0 -5px 9px rgba(110,75,45,.2)}.listen-vintage-dial .listen-vintage-dial__btn--playing{animation:listen-dial-btn-pulse 2.4s ease-in-out infinite}@keyframes listen-dial-btn-pulse{0%,to{box-shadow:0 0 0 5px #ebe0cc,0 0 0 6px rgba(90,60,35,.2),0 8px 16px rgba(0,0,0,.4),0 0 12px rgba(251,191,36,.1),inset 0 3px 0 rgba(255,252,240,.85),inset 0 -5px 9px rgba(110,75,45,.2)}50%{box-shadow:0 0 0 5px #ebe0cc,0 0 0 6px rgba(90,60,35,.2),0 8px 16px rgba(0,0,0,.4),0 0 20px rgba(251,191,36,.2),inset 0 3px 0 rgba(255,252,240,.9),inset 0 -5px 9px rgba(110,75,45,.18)}}.listen-radio-screen .wave-aurora__void{background:radial-gradient(ellipse 90% 70% at 50% 100%,rgba(120,53,15,.35) 0,#1a100c 58%),#120a06}.listen-radio-screen .wave-aurora__vignette{opacity:.55}.listen-radio-screen__noise{opacity:.14;animation:listen-static-flicker .14s steps(2) infinite}.listen-radio-screen__scanlines{background:repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0,rgba(0,0,0,.14) 1px,transparent 0,transparent 3px);mix-blend-mode:multiply;opacity:.55}.listen-radio-cinema--fx-off .listen-crt__tuning-scan,.listen-radio-cinema--fx-off .listen-radio-screen__noise,.listen-radio-cinema--fx-off .listen-radio-screen__scanlines{display:none}@keyframes listen-static-flicker{0%{opacity:.1}to{opacity:.18}}.listen-genre-panel{border:1px solid rgba(74,50,36,.65);background:linear-gradient(165deg,#3d281c,#2a1b12 48%,#1a100c);box-shadow:inset 0 1px 0 rgba(255,220,180,.06),0 8px 24px -12px rgba(0,0,0,.55)}.listen-genre-panel__glow-a{background:rgba(251,191,36,.08)}.listen-genre-panel__glow-b{background:rgba(180,83,9,.06)}.listen-genre-panel__label{color:rgba(253,230,138,.82)}.listen-genre-panel__title{color:rgba(254,243,199,.92)}.listen-genre-panel__live{border-color:rgba(251,191,36,.35);background:rgba(120,53,15,.35);color:rgba(254,243,199,.95)}.listen-genre-panel__live-dot{background:rgba(251,191,36,.95)}.listen-crt__ctrl-pills .watch-crt__ctrl-pill{display:inline-flex;box-sizing:border-box;flex-shrink:0;align-items:center;justify-content:center;gap:.25rem;height:1.25rem;min-height:1.25rem;max-height:1.25rem;padding:0 .375rem;border-radius:9999px;line-height:1;vertical-align:middle}.listen-crt__ctrl-pills .watch-crt__ctrl-pill svg{display:block;flex-shrink:0;margin:0}.listen-crt__ctrl-pills .watch-crt__ctrl-pill-label{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:1.25rem;margin:0;padding:1px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:600;letter-spacing:.08em;line-height:1;min-width:2.1rem;text-align:center;transform:none}.listen-crt__ctrl-pills .watch-crt__ctrl-pill:hover{border-color:rgba(251,191,36,.32);background:rgba(120,53,15,.22);color:rgba(254,243,199,.95)}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--ambient-off{border-color:rgba(251,191,36,.14);background:rgba(0,0,0,.16);color:rgba(253,230,138,.72)}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--ambient-off:hover{border-color:rgba(251,191,36,.34);background:rgba(120,53,15,.28);color:rgba(254,243,199,.96)}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--ambient-on{border-color:rgba(254,243,199,.55);background:linear-gradient(180deg,#f59e0b,#b45309);color:#fffbeb;box-shadow:0 0 14px rgba(245,158,11,.5),inset 0 1px 0 rgba(255,255,255,.22)}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--ambient-on:hover{border-color:rgba(255,251,235,.72);background:linear-gradient(180deg,#fbbf24,#d97706);color:#fffbeb;box-shadow:0 0 16px rgba(245,158,11,.62),inset 0 1px 0 rgba(255,255,255,.28)}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--ambient-on .watch-crt__ctrl-pill-label{color:#fffbeb;font-weight:700;padding-top:1px}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--ambient-on svg{color:#fffbeb;opacity:.95}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--crt-off{border-color:rgba(251,191,36,.14);background:rgba(0,0,0,.16);color:rgba(253,230,138,.72)}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--crt-off:hover{border-color:rgba(251,191,36,.34);background:rgba(120,53,15,.28);color:rgba(254,243,199,.96)}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--crt-on{border-color:rgba(251,191,36,.48);background:rgba(180,83,9,.24);color:rgba(254,243,199,.98);box-shadow:0 0 10px rgba(245,158,11,.22)}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--crt-on:hover{border-color:rgba(253,230,138,.58);background:rgba(180,83,9,.32);color:#fffbeb}.listen-crt__ctrl-pills .watch-crt__ctrl-pill--crt-on svg{color:rgba(254,243,199,.95)}.listen-crt__key-panel{padding-inline:.15rem}.listen-radio-keys{width:100%}.listen-radio-keys__well{overflow-x:auto;overflow-y:hidden;padding:.26rem .32rem .22rem;border-radius:.3rem;border:1px solid rgba(26,16,10,.55);background:linear-gradient(180deg,#3a2618,#2a1b12 45%,#1a100c);box-shadow:inset 0 3px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,220,180,.05),0 1px 0 rgba(255,220,180,.04);scrollbar-width:thin;scrollbar-color:rgba(251,191,36,.35) transparent}.listen-radio-keys__well::-webkit-scrollbar{height:4px}.listen-radio-keys__well::-webkit-scrollbar-thumb{border-radius:9999px;background:rgba(251,191,36,.35)}.listen-radio-keys__row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.28rem;min-width:min-content}.listen-radio-key{position:relative;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;min-width:3.1rem;height:1.85rem;padding:0 .42rem;border:1px solid rgba(110,78,48,.45);border-radius:.28rem .28rem .14rem .14rem;background:radial-gradient(ellipse 95% 68% at 50% 18%,#fffef9 0,#f7eedc 34%,#e9d8be 68%,#d2bc98 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.82),inset 0 -2px 3px rgba(120,80,40,.14),0 1px 0 #9a7848,0 2px 0 rgba(58,36,20,.72),0 3px 5px rgba(0,0,0,.22);transform:translateY(0);transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.listen-radio-key__shine{position:absolute;inset:.14rem .2rem auto;height:38%;border-radius:.22rem .22rem 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}.listen-radio-key:hover:not(:disabled){filter:brightness(1.03)}.listen-radio-key--active,.listen-radio-key:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 3px 5px rgba(58,36,20,.32),inset 0 1px 0 rgba(255,255,255,.35),0 1px 0 rgba(58,36,20,.45);background:radial-gradient(ellipse 95% 68% at 50% 28%,#efe4d0 0,#dcc9a8 42%,#c4a574 100%)}.listen-radio-key:disabled{opacity:.34;cursor:not-allowed;filter:grayscale(.25)}.listen-radio-key__cap{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:ui-monospace,monospace;font-size:9px;font-weight:700;line-height:1;padding:0;letter-spacing:.03em;text-align:center;text-transform:uppercase;white-space:nowrap;color:rgba(58,34,16,.86)}.listen-radio-key--featured{min-width:3.35rem;border-color:rgba(180,110,30,.55);background:radial-gradient(ellipse 95% 68% at 50% 16%,#fff9eb 0,#fdecc0 36%,#f0c06a 72%,#d48f2c 100%);box-shadow:inset 0 2px 0 rgba(255,252,235,.9),inset 0 -2px 4px rgba(146,88,18,.18),0 0 0 1px rgba(251,191,36,.18),0 1px 0 #a16207,0 2px 0 rgba(92,48,10,.75),0 0 8px rgba(251,191,36,.14),0 3px 6px rgba(0,0,0,.22)}.listen-radio-key--featured .listen-radio-key__cap{color:rgba(78,32,4,.92);letter-spacing:.05em}.listen-radio-key--featured.listen-radio-key--active{background:radial-gradient(ellipse 95% 68% at 50% 30%,#fcd34d 0,#f59e0b 48%,#d97706 100%);box-shadow:inset 0 4px 8px rgba(120,53,15,.38),0 0 12px rgba(251,191,36,.28),0 1px 0 rgba(92,48,10,.5)}@media (min-width:640px){.listen-radio-keys__well{padding:.32rem .38rem .28rem}.listen-radio-keys__row{gap:.32rem;justify-content:center}.listen-radio-key{min-width:3.35rem;height:2rem;padding-inline:.5rem}.listen-radio-key--featured{min-width:3.55rem}.listen-radio-key__cap{font-size:9.5px}}@media (min-width:1280px){.listen-radio-keys__well{overflow-x:hidden}.listen-radio-keys__row{justify-content:space-between;gap:.22rem}.listen-radio-key{flex:1 1 auto;min-width:3rem;padding-inline:.35rem}.listen-radio-key__cap{font-size:clamp(8px,.62vw,9.5px)}}