.radio-page{--radio-gold:#d5b66e;--radio-cream:#fff7e7;max-width:none;min-height:100svh;color:var(--radio-cream);background:radial-gradient(at 50% 15%,#315044,#0000 65%),#142c25;padding:clamp(18px,4.5vw,58px)}.radio-shell{max-width:940px;margin:0 auto}.radio-header{display:flex}.radio-home{min-height:44px;color:var(--radio-cream);border:1px solid #d5b66e80;border-radius:999px;align-items:center;padding:6px 15px;font-weight:650;text-decoration:none;display:inline-flex}.radio-home:hover{background:#ffffff14}.radio-hero{text-align:center;margin:clamp(22px,5vw,54px) 0 clamp(22px,5vw,40px)}.radio-hero img{border:1px solid var(--radio-gold);border-radius:20%;margin:0 auto 14px;display:block}.radio-hero h1{color:var(--radio-cream);margin:0;font:600 clamp(34px,7vw,70px)/1.02 Georgia,serif}.radio-hero p{color:#f0d9a7;margin:12px 0 0;font-size:clamp(.94rem,2vw,1.12rem)}.radio-amplifier{border:3px double var(--radio-gold);background:linear-gradient(115deg,#632d42,#38262f 16% 84%,#632d42);border-radius:22px;padding:clamp(8px,2vw,18px);box-shadow:0 24px 65px #0d1713a0}.radio-faceplate{background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px),linear-gradient(135deg,#6c5837,#302821 42%,#403127);border:1px solid #b29255;border-radius:13px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;gap:clamp(14px,4vw,36px);padding:clamp(16px,4vw,36px);display:grid;position:relative}.radio-faceplate:before,.radio-faceplate:after{content:"";background:linear-gradient(135deg,#9c7c42 42%,#544120 43% 58%,#caab6d 59%);border:1px solid #1d180e;border-radius:50%;width:7px;height:7px;position:absolute;top:6px}.radio-faceplate:before{left:6px}.radio-faceplate:after{right:6px}.radio-display,.radio-meter{background:#171f19;border:1px solid #b39963;border-radius:9px;box-shadow:inset 0 0 20px #0c100e}.radio-display{padding:clamp(13px,3.2vw,25px)}.radio-display-status{color:#f4da9a;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:750;display:flex}.radio-indicator{background:#ad945e;border-radius:50%;width:8px;height:8px}.radio-indicator.on{background:#ffce72;box-shadow:0 0 12px #ffbe55}.radio-display h2{color:var(--radio-cream);margin:8px 0 13px;font:600 clamp(22px,4vw,36px)/1.12 Georgia,serif}.radio-tuning-scale{background:repeating-linear-gradient(90deg,#b5975680 0 1px,#0000 1px 8px) bottom/100% 7px no-repeat;border-bottom:1px solid #b5975680;height:15px;position:relative}.radio-tuning-scale span{background:#ffcf80;width:2px;height:100%;position:absolute;left:41%;box-shadow:0 0 8px #ffb853}.radio-power{color:#2e2115;background:linear-gradient(#f5dc9d,#d2a855);border:1px solid #ffe0a1;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin:14px 0 0;font-weight:800;display:flex;box-shadow:0 3px #403019}.radio-power:hover{background:#ffe5aa}.radio-page :focus-visible{outline-offset:4px;outline:2px solid #ffe3a1}.radio-error{color:#ffe4ad;margin-bottom:0}.radio-meter{grid-template-rows:1fr 26px;gap:14px;padding:clamp(11px,2vw,18px);display:grid}.radio-spectrum{align-items:end;gap:clamp(2px,.5vw,5px);min-height:88px;display:flex}.radio-spectrum span{height:var(--bar-height);transform-origin:bottom;opacity:.66;background:linear-gradient(#a782ba,#ca8378 22%,#deb775 46%,#4b9a87);border-radius:3px 3px 1px 1px;flex:1;transform:scaleY(.2)}.radio-spectrum .is-playing{animation:radio-bounce .72s ease-in-out var(--bar-delay) infinite alternate;opacity:1}@keyframes radio-bounce{0%{transform:scaleY(.26)}to{transform:scaleY(1)}}.radio-speaker{background:radial-gradient(circle,#171a18 1px,#0000 1.5px) 0 0/5px 5px,#574538;border:1px solid #b3996355;border-radius:4px}@media (max-width:620px){.radio-faceplate{grid-template-columns:1fr}.radio-meter{grid-template-rows:58px 12px;gap:7px}.radio-spectrum{min-height:0}}@media (prefers-reduced-motion:reduce){.radio-spectrum .is-playing{animation:none;transform:scaleY(.65)}}
