/* Titanium RGB: brushed graphite, machined edges and a single spectrum display. */
:root{--ring-a:#32e8ff;--ring-b:#875cff;--ring-c:#ff56d6}.retroMode{background:radial-gradient(ellipse at 45% 35%,#25444c33,transparent 70%),#060d12!important}.radioBody{padding:20px!important;gap:18px!important;border-radius:13px!important;background:repeating-linear-gradient(0deg,#e4edf30a 0 1px,#00000006 1px 3px),linear-gradient(115deg,#9aa2a8 0,#444e56 4%,#25323a 22%,#1a252c 65%,#56646d 97%,#a3abb2);box-shadow:inset 0 3px 1px #d9e1e6,inset 3px 0 2px #aeb9c0,inset -3px 0 2px #71818b,inset 0 -8px 2px #0c151d,0 0 0 2px #03080d,0 18px 0 -10px #03090f,0 28px 65px #000c!important}.radioBody:before{inset:10px;border:1px solid #0d1a23;border-radius:7px;box-shadow:0 1px #e1edf144}.speaker{border:5px solid #0a141c!important;border-radius:6px!important;padding:22px 10px 15px!important;background:radial-gradient(circle,#02070b 1.3px,transparent 1.8px) 0 0/5px 5px,linear-gradient(120deg,#425461,#14232c 55%,#293c49)!important;box-shadow:inset 0 0 25px #000c,0 1px 1px #b8cbd399,0 0 0 1px #718591!important}.speaker:before{content:'';display:block!important;position:absolute;inset:8px;background:radial-gradient(circle at 5px 5px,#14212a 0 2px,#a3b1ba 2.5px 3.5px,#101c25 4px 5px,transparent 5.5px),radial-gradient(circle at calc(100% - 5px) 5px,#14212a 0 2px,#a3b1ba 2.5px 3.5px,#101c25 4px 5px,transparent 5.5px),radial-gradient(circle at 5px calc(100% - 5px),#14212a 0 2px,#a3b1ba 2.5px 3.5px,#101c25 4px 5px,transparent 5.5px),radial-gradient(circle at calc(100% - 5px) calc(100% - 5px),#14212a 0 2px,#a3b1ba 2.5px 3.5px,#101c25 4px 5px,transparent 5.5px);pointer-events:none;z-index:3;border:0;box-shadow:none}.woofer{background-image:url('/radio/titanium-material.png')!important;background-size:450% auto!important;background-position:7.7% 60%!important;border:2px solid #0b1017!important;box-shadow:0 6px 14px #000d,inset 0 0 4px #bbd2e355!important;max-width:360px!important}.speakerRight .woofer{background-position:92.3% 60%!important}.tweeter{background-image:url('/radio/titanium-material.png')!important;background-size:1200% auto!important;background-position:14% 20%!important;box-shadow:0 3px 8px #000b,0 0 0 3px #0e1821,inset 0 0 4px #e2f6ff55!important}.woofer:after{inset:1%;border-width:4px;opacity:.8;filter:brightness(1.1)}.woofer:before{inset:0;box-shadow:inset 0 0 9px #62e7ff,0 0 14px #8c57ff;opacity:.5}.isPlaying .woofer:after{filter:brightness(1.7);opacity:1}.isPlaying .woofer:before{box-shadow:inset 0 0 14px var(--ring-a),0 0 24px var(--ring-b);opacity:calc(.5 + var(--bass-energy,0)*.5)}.speaker>span{font:800 9px system-ui!important;color:#d5e6ee;text-shadow:0 1px #000;letter-spacing:.16em!important;background:linear-gradient(#2f424e,#12212a);padding:5px 10px;border:1px solid #647b89;border-radius:3px}.carryHandle{left:25%;right:25%;top:-42px;height:50px;border-width:12px;border-radius:10px 10px 0 0;background:repeating-linear-gradient(0deg,#0a1119 0 2px,#3a4954 2px 4px);box-shadow:inset 0 2px 2px #c1ced6,0 -2px #80939f}.antenna{height:5px;background:linear-gradient(#f4fbff,#8099ab 45%,#dae9f2 55%,#344d60);filter:drop-shadow(0 2px 1px #000);top:-22px}.radioBadge{padding:9px 12px;margin:0 -2px 3px;border-top:1px solid #dce7ec99;border-bottom:2px solid #0b151d;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px),linear-gradient(115deg,#5f6e79,#2c3e4b 55%,#76858e);text-shadow:0 -1px #00101c,0 1px #d4e4ee55;box-shadow:0 2px 4px #0007;color:#eff7fc!important;font-weight:900!important;letter-spacing:.12em!important}.radioBadge b{color:#d2e1e9;font-size:7px!important;letter-spacing:.08em}.radioBadge #retroFullscreen{background:linear-gradient(#667985,#223d50);border-color:#92aab8;color:#e8f5fd;box-shadow:0 2px #06131c}.tunerScale{display:none!important}.tunerGlass{padding:12px 14px!important;border:4px solid #07121b!important;border-radius:5px!important;background:radial-gradient(ellipse at 40% 10%,#4c9c4d2b,transparent 75%),linear-gradient(120deg,#0d2417,#04150b)!important;box-shadow:inset 0 5px 13px #000b,inset 0 1px #718c7688,0 1px #a6b7bf66!important}.tunerLabels{margin-bottom:6px;font:8px monospace;color:#d3f2a3}.retroDisplay{min-height:68px!important;padding:5px 0!important;gap:12px}.retroText #retroChannel{font:800 clamp(23px,2.2vw,35px)/1.15 system-ui!important;color:#effbe1;letter-spacing:-.02em}.retroText #retroTrack{font:11px/1.4 monospace!important;color:#b9d99d;max-height:31px}.stationAvatar{width:48px!important;height:48px!important;flex-basis:48px!important;background:#f3f7e9;border:1px solid #c0d8b1;border-radius:3px;color:#0e2313;font-weight:800}.retroText .displayEyebrow{font:8px monospace!important;letter-spacing:.14em;color:#b8ce9d}.channelBrowser{background:linear-gradient(135deg,#1c2c36,#0d1b25)!important;border:1px solid #7a919e!important;box-shadow:inset 0 1px #b5c8d522,0 2px 4px #0008;border-radius:4px!important;padding:10px!important}.channelBrowser #query,.channelBrowser #country{background:#102735;border-color:#607e91;color:#edf8ff}.channelBrowser #search>button{background:linear-gradient(#b6f6e9,#67bcba)!important;color:#09252d!important;box-shadow:0 2px #091b25}.channelBrowser #openStationPicker{background:linear-gradient(#293f4c,#102733);border:1px solid #9bb2bd;box-shadow:inset 0 1px #d8eaf133,0 2px #050e18;color:#f5fbff;font-weight:700}.channelBrowser #playSelected{background:radial-gradient(ellipse at top,#efffc6,#b5f158 75%);box-shadow:0 0 10px #b6ff4433,0 3px #142815;border:1px solid #d9ff99;border-radius:5px}.eqDeck{background:repeating-linear-gradient(0deg,#d7f3ff04 0 1px,transparent 1px 3px),linear-gradient(145deg,#20323c,#091822)!important;border-color:#728996!important;border-radius:4px!important;padding:10px 12px!important;box-shadow:inset 0 1px #d3e3ed33,0 2px 7px #0009!important}.eqDeck.isEnabled{border-color:#a6e6f6!important;box-shadow:inset 0 1px #c5f5ff55,0 0 15px #6dd2ff22!important}.eqTitle strong{color:#e9f5fc!important;letter-spacing:.13em!important}.eqTitle strong:before{color:#88f5e3!important}.eqScreen{background:linear-gradient(115deg,#000a12,#061a28)!important;border:2px solid #020b12;padding:9px 10px 7px;margin-top:8px;box-shadow:inset 0 3px 8px #000,0 1px #829eab55}.eqScreenTop{color:#8ebfd9;letter-spacing:.15em}.eqSpectrum{height:64px;gap:3px;position:relative;background:repeating-linear-gradient(to top,#41617b22 0 1px,transparent 1px 9px)}.eqSpectrum i{position:relative;min-width:0;background:#52ff83;box-shadow:0 0 7px color-mix(in srgb,var(--spectrum-color,#52ff83) 45%,transparent);border-radius:1px}.eqSpectrum i:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0 4px,#02101bba 4px 5px)}.eqSpectrum i:nth-child(-n+6){background:#27e7ff;--spectrum-color:#27e7ff}.eqSpectrum i:nth-child(n+7):nth-child(-n+12){background:#53ff90;--spectrum-color:#53ff90}.eqSpectrum i:nth-child(n+13):nth-child(-n+18){background:#e5ff43;--spectrum-color:#e5ff43}.eqSpectrum i:nth-child(n+19):nth-child(-n+24){background:#ffb54b;--spectrum-color:#ffb54b}.eqSpectrum i:nth-child(n+25):nth-child(-n+28){background:#ff58a4;--spectrum-color:#ff58a4}.eqSpectrum i:nth-child(n+29){background:#b375ff;--spectrum-color:#b375ff}.eqFrequencyScale{font-size:7px;color:#769cb6}.vuRow{margin-top:7px}.vuRow>div{height:5px}.vuRow i{background:linear-gradient(90deg,#1ddcff,#6dff76 55%,#efff47 78%,#ff5987)}.eqDeck .eqSliders{gap:10px;margin-top:8px!important}.eqDeck .eqSliders label{border-color:#4d6b7c66;background:linear-gradient(#142936,#081725);box-shadow:inset 0 1px #7798ac22;border-radius:3px}.eqDeck .eqSliders input{height:48px!important;min-height:48px!important;background:linear-gradient(90deg,transparent 42%,#020b10 42% 58%,transparent 58%)!important}.eqDeck .eqSliders input::-webkit-slider-runnable-track{width:6px;height:100%;border:1px solid #455e67;box-shadow:inset 0 0 3px #000;background:linear-gradient(#b4d8c3,#2a5648)}.eqDeck .eqSliders input::-webkit-slider-thumb{width:25px;height:14px;border:1px solid #d2e6e9;background:linear-gradient(#cedce3,#536c79 30%,var(--band) 40% 60%,#4d6674 70%,#203c4e);box-shadow:0 0 7px var(--band),0 3px #06111b;border-radius:3px}.eqDeck .eqSliders output{border:0;background:none;font-size:9px;padding:2px}.eqName{color:#e5f0f7}.eqFrequency{color:#829dad}.boombox-console{border-top:2px solid #08131d;box-shadow:0 -1px #b6c7d144;padding-top:10px}.knob{border:3px solid #081722;background:repeating-conic-gradient(#c0ced6 0 2deg,#4d6576 2deg 5deg);box-shadow:0 4px 7px #0009,inset 0 0 2px #d2e6f4}.knob i{background:radial-gradient(ellipse at 30% 15%,#bdcbd3,#385365 65%,#102638);box-shadow:inset 0 1px #edf8ff;color:#f1ffdf}.tuneButtons button{background:linear-gradient(#657d8e,#213b4e);border-color:#081724;border-top-color:#b3cad9;color:#e8f7ff;box-shadow:0 4px #07141f}.tuneButtons #retroInfo{background:linear-gradient(#d8f89d,#91b54d);color:#18300b}.presetKeys{gap:10px}.presetKeys button{min-height:48px;background:linear-gradient(#708898,#294455 40%,#102b3c);border:1px solid #071a29;border-top-color:#b5cbd8;box-shadow:0 5px #050f1a,inset 0 1px #d9e8f133;border-radius:5px;font-size:12px}.presetKeys button small{color:#cbf9a7;font-size:10px}.presetKeys button.selected{background:linear-gradient(#374f3f,#11291b);border-color:#d7ff92;border-top-color:#e2ffb6;color:#f1ffe7;box-shadow:0 0 11px #b6fa6555,0 5px #07180c,inset 0 0 0 1px #6a9857}.presetKeys button.selected small{color:#e1ffad}.presetViews button{background:linear-gradient(#3c5362,#1c3546);border-color:#6e899a;color:#d9edf7}.presetViews button[aria-pressed=true]{background:linear-gradient(#ceee9e,#9ab962);border-color:#e1f6c0;color:#12290d}.retroVolume input{accent-color:#b9f18a}.radioFeet{background:linear-gradient(#a0b2be,#2b4354 45%,#bccbd2 55%,#0b1d2c);height:14px;border-radius:0 0 8px 8px}.radioStage>.retroRadio{filter:drop-shadow(0 20px 20px #000b)}.radioFocus main{padding:0 14px!important;height:100dvh}.radioFocus #retroRoom{padding-top:0!important}.radioFocus .radioStage{height:auto!important;flex:1}.radioFocus .roomCaption{display:none!important}@media(min-width:901px){.radioBody{grid-template-columns:minmax(0,1.1fr) minmax(0,1.85fr) minmax(0,1.1fr)}.radioBadge{font-size:18px!important}.radioFace{gap:8px}.eqScreen{margin-top:7px}.eqDeck .eqTitle strong{font-size:10px!important}.retroText #retroChannel{font-size:30px!important}}@media(max-width:900px){.radioBody{padding:12px!important;gap:10px!important}.radioBadge{padding:8px;font-size:13px!important}.eqSpectrum{height:66px}.speaker{padding:14px 6px!important}.speaker>span{font-size:6px!important;padding:4px}.eqDeck .eqSliders{gap:6px}.radioBadge b{display:none}.woofer:after{border-width:3px}}@media(max-width:600px){.radioBody{padding:10px!important}.radioBadge{font-size:16px!important;padding:9px 8px}.tunerGlass{padding:12px!important}.retroDisplay{min-height:74px!important}.retroText #retroChannel{font-size:25px!important;white-space:normal;line-height:1.15!important}.stationAvatar{display:flex!important;width:42px!important;height:42px!important;flex-basis:42px!important}.eqSpectrum{height:80px}.eqDeck .eqSliders input{height:68px!important;min-height:68px!important}.radioBody>.speaker{min-height:130px;padding:12px 8px!important}.speaker .woofer{width:104px!important}.speaker .tweeter{width:37px}.carryHandle{height:40px;top:-34px;border-width:9px}.antenna{top:-15px}.presetKeys button{font-size:11px;min-height:49px}.eqDeck{padding:10px!important}.channelBrowser{padding:10px!important}.radioControls{gap:8px}.radioBadge #retroFullscreen{min-width:36px}.eqName{font-size:10px!important}.eqDeck .eqSliders label{padding:6px 3px!important}}