.radio-page{--radio-accent-rgb:255,76,24;background:#000;min-height:100vh}.radio-tune-target{cursor:pointer;border-radius:8px}.radio-tune-target--connecting{cursor:progress}.radio-tune-target:focus-visible{outline:2px solid rgba(var(--radio-accent-rgb),.9);outline-offset:4px}.radio-chassis{position:relative;display:flex;align-items:stretch;background:linear-gradient(180deg,#423e39,#221f1c 45%,#0c0b0a);border:1px solid #000;border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -4px 10px rgba(0,0,0,.75),0 16px 40px rgba(0,0,0,.9);padding:6px}.radio-chassis:before{background-image:var(--grain-texture);background-repeat:repeat;opacity:.07;mix-blend-mode:overlay}.radio-chassis:after,.radio-chassis:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.radio-chassis:after{background:repeating-linear-gradient(98deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 0,transparent 6px)}.radio-chassis-inner{position:relative;flex:1 1 auto;display:flex;align-items:center;gap:1.5rem;background:linear-gradient(180deg,#0e0d0c,#050504);border-radius:3px;box-shadow:inset 0 2px 6px rgba(0,0,0,.9),inset 0 0 0 1px #000;padding:1.1rem 1.5rem;min-width:0}.radio-endcap{position:relative;flex:0 0 22px;width:22px;border-radius:4px;background:linear-gradient(180deg,#55504a,#2a2723 50%,#141210);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 4px rgba(0,0,0,.7);overflow:hidden}.radio-endcap:before{content:"";position:absolute;inset:0;background:linear-gradient(88deg,transparent 22%,rgba(255,255,255,.4) 22.6%,transparent 23.1%),linear-gradient(93deg,transparent 61%,rgba(0,0,0,.35) 61.5%,transparent 62%),repeating-linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 0,transparent 3px);opacity:.6;pointer-events:none}.radio-endcap .radio-screw{left:50%;transform:translateX(-50%)}.radio-endcap .radio-screw:first-child{top:18%}.radio-endcap .radio-screw:last-child{bottom:18%;top:auto}.radio-screw{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ccc 0,#666 45%,#111 100%);box-shadow:0 1px 2px rgba(0,0,0,.9),inset 0 0 0 1px #000}.radio-screw:after{content:"";position:absolute;top:50%;left:15%;right:15%;height:1px;background:#1a1a1a;transform:translateY(-50%) rotate(20deg)}.radio-freq-block{flex:0 0 auto;display:flex;flex-direction:column;gap:.15rem}.radio-freq-label{font-family:var(--font-press-start),monospace;font-size:.5rem;letter-spacing:.15em;color:rgba(255,255,255,.55)}.radio-freq-number{font-family:var(--font-orbitron),sans-serif;font-weight:700;font-size:clamp(2.25rem,4.2vw,3.4rem);line-height:1;background-image:linear-gradient(155deg,#ece6da 0,#b6ae9e 45%,#d6d0c6 62%,#948c7c 100%),var(--grain-texture);background-blend-mode:normal,overlay;background-size:100% 100%,160px 160px;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.12),0 2px 5px rgba(0,0,0,.85)}.radio-tune-controls{flex:0 0 auto;display:flex;align-items:flex-end;justify-content:center;gap:.9rem}.radio-tunein-block,.radio-tuneout-block{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.35rem}.radio-tunein-label,.radio-tuneout-label{font-family:var(--font-orbitron),sans-serif;font-size:.55rem;letter-spacing:.12em;color:rgba(255,255,255,.6)}.radio-tunein-button,.radio-tuneout-button{display:inline-block;width:2.35rem;height:2.35rem;border:1px solid #000;background:repeating-linear-gradient(115deg,rgba(255,255,255,.09),rgba(255,255,255,.09) 1px,transparent 0,transparent 3px),linear-gradient(155deg,#6a6a6a,#333 55%,#161616);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -3px 5px rgba(0,0,0,.65),0 2px 4px rgba(0,0,0,.7);cursor:pointer;transition:filter 90ms ease-out;text-decoration:none}.radio-tunein-button{border-radius:50%}.radio-tuneout-button{border-radius:4px}.radio-tunein-button:hover:not(:disabled),.radio-tuneout-button:hover{filter:brightness(1.15)}.radio-tunein-button:active:not(:disabled),.radio-tuneout-button:active{box-shadow:inset 0 2px 5px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6)}.radio-tunein-button:focus-visible,.radio-tuneout-button:focus-visible{outline:2px solid rgba(var(--radio-accent-rgb),.9);outline-offset:2px}.radio-tunein-button:disabled{cursor:default}.radio-tunein-block--inactive .radio-tunein-button{opacity:.55}.radio-tunein-block--inactive .radio-tunein-label{color:rgba(255,255,255,.3)}.radio-scale-block{align-items:center;gap:.75rem}.radio-scale-block,.radio-scale-rows{flex:1 1 auto;display:flex;min-width:0}.radio-scale-rows{position:relative;flex-direction:column;gap:.6rem}.radio-scale-row{display:flex;align-items:center;gap:.6rem}.radio-scale-tag{flex:0 0 1.4rem;font-family:var(--font-orbitron),sans-serif;font-size:.6rem;letter-spacing:.1em;color:rgba(255,255,255,.5)}.radio-scale-track{position:relative;flex:1 1 auto;min-width:0}.radio-scale-numbers{display:flex;justify-content:space-between;font-family:var(--font-orbitron),sans-serif;font-size:.7rem;color:rgba(255,255,255,.55)}.radio-scale-num--accent{color:rgb(255,70,40);font-weight:700;text-shadow:0 0 6px rgba(var(--radio-accent-rgb),.7)}.radio-scale-ticks{display:flex;justify-content:space-between;align-items:flex-end;height:6px;margin-top:2px}.radio-scale-ticks span{width:1px;height:4px;background:rgba(255,255,255,.2)}.radio-scale-ticks span:nth-child(odd){height:6px;background:rgba(255,255,255,.35)}.radio-scale-connector{position:absolute;left:calc(50% + (1.4rem + .6rem) / 2);top:2px;bottom:2px;width:2px;background:rgb(255,70,40);box-shadow:0 0 5px rgba(var(--radio-accent-rgb),.8);pointer-events:none}.radio-scale-connector:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:rgb(255,70,40);box-shadow:0 0 6px rgba(var(--radio-accent-rgb),.9);transform:translate(-50%,-50%)}.radio-scale-units{gap:.5rem;font-family:var(--font-orbitron),sans-serif;font-size:.55rem;letter-spacing:.06em;color:rgba(255,255,255,.4)}.radio-center-block,.radio-scale-units{flex:0 0 auto;display:flex;flex-direction:column}.radio-center-block{align-items:center;gap:.55rem}.radio-logo-plate{background:linear-gradient(180deg,#ece5d6,#ddd4c0);border-radius:2px;padding:.4rem .9rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.6)}.radio-logo-wordmark{font-family:var(--font-orbitron),sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.02em;background-image:linear-gradient(155deg,#c25340 0,#8f2e1f 55%,#a83c2a 100%),var(--grain-texture);background-blend-mode:normal,overlay;background-size:100% 100%,140px 140px;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.35)}.radio-center-meta{display:flex;align-items:center;gap:.9rem}.radio-signal-meter{display:flex;align-items:flex-end;gap:1.5px;height:10px;padding:2px 3px;background:#050505;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.radio-signal-bar{width:2px;background:rgba(var(--radio-accent-rgb),.9);box-shadow:0 0 3px rgba(var(--radio-accent-rgb),.6);animation:radioSignalBounce 1.6s ease-in-out infinite}.radio-signal-bar:first-child{height:35%;animation-delay:0s}.radio-signal-bar:nth-child(2){height:60%;animation-delay:.12s}.radio-signal-bar:nth-child(3){height:100%;animation-delay:.24s}.radio-signal-bar:nth-child(4){height:55%;animation-delay:.36s}.radio-signal-bar:nth-child(5){height:80%;animation-delay:.48s}.radio-signal-meter--idle .radio-signal-bar{animation:none;height:20%!important;background:rgba(255,255,255,.15);box-shadow:none}.radio-signal-meter--connecting .radio-signal-bar{animation:radioSignalSearch .9s ease-in-out infinite;animation-delay:0s!important}@keyframes radioSignalBounce{0%,to{transform:scaleY(.7);opacity:.7}50%{transform:scaleY(1);opacity:1}}@keyframes radioSignalSearch{0%,to{opacity:.25}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.radio-signal-bar{animation:none;transform:none}}.radio-onair{display:flex;align-items:center;gap:.4rem}.radio-onair-label{font-family:var(--font-orbitron),sans-serif;font-size:.65rem;letter-spacing:.1em;color:rgba(255,255,255,.65)}.radio-onair-label--off{color:rgba(255,255,255,.3)}.radio-onair-light{width:8px;height:8px;border-radius:50%;background:#2a0e0a;box-shadow:inset 0 0 2px rgba(0,0,0,.9);flex-shrink:0}.radio-onair-light--live{box-shadow:0 0 6px rgba(var(--radio-accent-rgb),.9),0 0 14px rgba(var(--radio-accent-rgb),.55);animation:radioOnAirPulse 2.4s ease-in-out infinite}.radio-onair-light--connecting,.radio-onair-light--live{background:radial-gradient(circle at 35% 30%,#ff9a7a,rgb(255,60,20) 55%,#8a1c05 100%)}.radio-onair-light--connecting{box-shadow:0 0 5px rgba(var(--radio-accent-rgb),.7);animation:radioOnAirBlink .6s step-end infinite}@keyframes radioOnAirPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes radioOnAirBlink{0%,49%{opacity:1}50%,to{opacity:.25}}@media (prefers-reduced-motion:reduce){.radio-onair-light--connecting,.radio-onair-light--live{animation:none}}.radio-volume-block{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.4rem}.radio-volume-label{font-family:var(--font-orbitron),sans-serif;font-size:.65rem;letter-spacing:.15em;color:rgba(255,255,255,.55)}.radio-knob-ring{width:4.75rem;height:4.75rem;border-radius:50%;padding:5px;background:conic-gradient(from -130deg,rgb(255,70,30) 0deg,rgb(255,70,30) calc(var(--volume-fraction, .7) * 280deg),rgba(255,70,30,.12) calc(var(--volume-fraction, .7) * 280deg) 280deg,transparent 280deg 1turn);filter:drop-shadow(0 0 4px rgba(var(--radio-accent-rgb),.5))}.radio-knob-outer{width:100%;height:100%;border-radius:50%;background:#0a0a0a;box-shadow:0 2px 6px rgba(0,0,0,.9),inset 0 0 0 2px #000;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.radio-knob-outer:active{cursor:grabbing}.radio-knob-outer:focus-visible{outline:2px solid rgba(var(--radio-accent-rgb),.9);outline-offset:3px}.radio-knob-inner{position:relative;width:78%;height:78%;border-radius:50%;background:linear-gradient(35deg,transparent 44%,rgba(0,0,0,.3) 44.6%,transparent 45.2%),linear-gradient(160deg,transparent 63%,rgba(255,255,255,.28) 63.6%,transparent 64.2%),repeating-conic-gradient(from 0deg,#d8d3c8 0deg 3deg,#97917f 3deg 6deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 6px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.6);transform:rotate(var(--knob-rotation,-110deg))}.radio-knob-indicator{position:absolute;top:8%;left:50%;width:2px;height:32%;background:#2a2622;transform:translateX(-50%);border-radius:1px}.radio-mute{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1.4rem;border-radius:5px;border:1px solid #000;background:linear-gradient(180deg,#2e2b27,#0f0e0c);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -2px 4px rgba(0,0,0,.7);font-family:var(--font-orbitron),sans-serif;font-size:.7rem;letter-spacing:.12em;cursor:pointer;overflow:hidden}.radio-mute:before{content:"";position:absolute;inset:0;background:linear-gradient(4deg,transparent 38%,rgba(255,255,255,.06) 39%,transparent 40%),repeating-linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.035) 1px,transparent 0,transparent 3px);pointer-events:none}.radio-mute .radio-screw{top:50%;transform:translateY(-50%)}.radio-mute .radio-screw:first-child{left:8px}.radio-mute .radio-screw:last-child{right:8px;left:auto}.radio-mute-icon{width:15px;height:15px;flex-shrink:0}.radio-mute-text--muted{color:rgba(255,130,100,.9)}.radio-mute-text--unmuted{color:rgba(255,255,255,.75)}.radio-mute:focus-visible{outline:2px solid rgba(var(--radio-accent-rgb),.9);outline-offset:2px}.radio-marquee-viewport{position:relative;overflow:hidden;height:3.5rem;perspective:900px;background:#000;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.radio-marquee-viewport:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.65) .55px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply;pointer-events:none}.radio-marquee-copy{position:absolute;top:50%;left:50%;white-space:nowrap;font-family:var(--font-press-start),monospace;font-size:clamp(.8rem,2.2vw,1.3rem);letter-spacing:.08em;color:rgb(255,40,30);text-shadow:0 0 3px rgba(255,30,20,1),0 0 10px rgba(255,20,10,.85),0 0 26px rgba(255,10,10,.5);animation:radioMarqueeTravel 9s linear infinite;will-change:transform,opacity}.radio-marquee-copy--b{animation-delay:-4.5s}@keyframes radioMarqueeTravel{0%{transform:translate(-50%,-50%) translateX(-42vw) translateZ(-520px) rotateY(52deg) scale(.55);opacity:0}10%{opacity:1}50%{transform:translate(-50%,-50%) translateX(0) translateZ(110px) rotateY(0deg) scale(1);opacity:1}90%{opacity:1}to{transform:translate(-50%,-50%) translateX(42vw) translateZ(-520px) rotateY(-52deg) scale(.55);opacity:0}}@media (prefers-reduced-motion:reduce){.radio-marquee-copy{animation:none;position:static;display:block;text-align:center;transform:none;opacity:1}.radio-marquee-copy--b{display:none}}.radio-marquee-status{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-press-start),monospace;font-size:clamp(.7rem,1.8vw,1rem);letter-spacing:.1em;color:rgba(255,40,30,.35)}.radio-marquee-status--connecting{color:rgb(255,40,30);text-shadow:0 0 3px rgba(255,30,20,1),0 0 10px rgba(255,20,10,.85),0 0 26px rgba(255,10,10,.5);animation:radioMarqueeStatusBlink 1s step-end infinite}@keyframes radioMarqueeStatusBlink{0%,49%{opacity:1}50%,to{opacity:.4}}@media (prefers-reduced-motion:reduce){.radio-marquee-status--connecting{animation:none}}@media (max-width:1023px){.radio-chassis-inner{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.25rem 1rem}.radio-freq-block{align-items:center}.radio-scale-block{flex-direction:column}.radio-scale-units{flex-direction:row;justify-content:center;gap:1.5rem}}.radio-hatch-unit{width:100%;max-width:34rem;display:flex;flex-direction:column;align-items:center}.radio-hatch{position:relative;display:inline-flex;align-items:center;gap:.7rem;padding:.45rem 1.5rem;border-radius:5px 5px 3px 3px;border:1px solid #000;background:linear-gradient(180deg,#2e2b27,#0f0e0c);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -2px 4px rgba(0,0,0,.7),0 3px 8px rgba(0,0,0,.6);cursor:pointer;color:#b9b2a8}.radio-hatch .radio-screw{top:50%;transform:translateY(-50%)}.radio-hatch .radio-screw:first-of-type{left:7px}.radio-hatch .radio-screw:last-of-type{right:7px}.radio-hatch:before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:rgba(0,0,0,.9);box-shadow:0 1px 0 rgba(255,255,255,.06)}.radio-hatch:hover{background:linear-gradient(180deg,#37332e,#141210)}.radio-hatch:focus-visible{outline:2px solid rgba(var(--radio-accent-rgb),.9);outline-offset:3px}.radio-hatch-plate{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.radio-hatch-label{font-size:.7rem;letter-spacing:.12em}.radio-hatch-count,.radio-hatch-label{font-family:var(--font-orbitron),sans-serif}.radio-hatch-count{font-size:.5rem;letter-spacing:.18em;color:#6f6860}.radio-hatch-lamp{width:7px;height:7px;border-radius:50%;flex:none;background:rgba(var(--radio-accent-rgb),.25);box-shadow:inset 0 0 2px rgba(0,0,0,.9);transition:background-color .22s ease-out,box-shadow .22s ease-out}.radio-hatch-unit--open .radio-hatch-lamp{background:rgba(var(--radio-accent-rgb),.95);box-shadow:inset 0 0 2px rgba(0,0,0,.6),0 0 7px rgba(var(--radio-accent-rgb),.75)}.radio-hatch-arrow{font-size:.6rem;color:#8d867c}.radio-drawer{width:100%;max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.32,.72,.3,1)}.radio-hatch-unit--open .radio-drawer{max-height:34rem}.radio-drawer-inner{margin-top:6px;border:1px solid #000;border-radius:3px 3px 5px 5px;background:linear-gradient(180deg,#0b0a09,#121110);box-shadow:inset 0 8px 14px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.03);padding:.75rem}.radio-drawer-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.4rem;padding:0 .15rem .6rem;border-bottom:1px solid rgba(255,255,255,.07)}.radio-drawer-title{font-size:.68rem;letter-spacing:.2em;color:#cfc7bb}.radio-drawer-sub,.radio-drawer-title{font-family:var(--font-orbitron),sans-serif;margin:0}.radio-drawer-sub{font-size:.5rem;letter-spacing:.16em;color:#6f6860}.radio-drawer-count{color:rgba(var(--radio-accent-rgb),.8)}.radio-drawer-scroll{max-height:30rem;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.85rem .6rem .5rem;display:flex;flex-direction:column;gap:1.4rem;scrollbar-width:thin;scrollbar-color:rgba(var(--radio-accent-rgb),.45) rgba(0,0,0,.5)}.radio-drawer-scroll:focus-visible{outline:2px solid rgba(var(--radio-accent-rgb),.75);outline-offset:-2px}.radio-drawer-scroll::-webkit-scrollbar{width:6px}.radio-drawer-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.6)}.radio-drawer-scroll::-webkit-scrollbar-thumb{background:rgba(var(--radio-accent-rgb),.4);border-radius:3px}.radio-drawer-scroll::-webkit-scrollbar-thumb:hover{background:rgba(var(--radio-accent-rgb),.65)}.radio-pf-card{background:#e4dfd2;padding:.5rem .5rem .7rem;box-shadow:0 6px 14px rgba(0,0,0,.6);color:#141210}.radio-pf-frame{margin:0;background:#cdc7b8;overflow:hidden;display:flex;justify-content:center}.radio-pf-image{display:block;width:100%;height:auto;max-height:15rem;width:auto;max-width:100%;margin:0 auto;filter:grayscale(.55) contrast(1.12)}.radio-pf-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin:.55rem 0 .2rem}.radio-pf-number{font-size:.55rem;color:#2a2622}.radio-pf-category,.radio-pf-number{font-family:var(--font-orbitron),sans-serif;letter-spacing:.14em}.radio-pf-category{font-size:.5rem;color:#8c2a14}.radio-pf-title{font-family:var(--font-orbitron),sans-serif;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;margin:0;color:#141210}.radio-pf-annotation,.radio-pf-caption{font-size:.68rem;line-height:1.45;color:rgba(20,18,16,.78);margin:.35rem 0 0}.radio-pf-annotation{font-style:italic;border-top:1px dashed rgba(20,18,16,.28);padding-top:.35rem}@media (max-width:640px){.radio-hatch-unit--open .radio-drawer{max-height:28rem}.radio-drawer-scroll{max-height:24rem;gap:1.1rem;padding:.7rem .35rem .4rem}.radio-drawer-inner{padding:.6rem}.radio-hatch{padding:.45rem 1.65rem}}@media (prefers-reduced-motion:reduce){.radio-drawer,.radio-hatch-lamp,.radio-hatch-unit--open .radio-drawer{transition:none}}