:where(.audio-now,.radio-hw){--hw-face:linear-gradient(180deg,#f3f0e9,#e2ded4 58%,#d6d2c7);--hw-face-solid:#e7e3d9;--hw-edge-hi:rgba(255,255,255,0.65);--hw-edge-lo:rgba(60,55,45,0.35);--hw-recess:linear-gradient(180deg,#d3cfc4,#ddd9ce);--hw-key:linear-gradient(180deg,#efece4,#dedacf);--hw-key-active:#d7d2c6;--hw-text:#3b3830;--hw-text-dim:#7c766a;--hw-seam:rgba(60,55,45,0.18);--hw-well-shadow:inset 0 2px 5px rgba(50,45,38,0.35),inset 0 -1px 0 rgba(255,255,255,0.5);--hw-led:#e17055;--hw-led-bright:#f58a55;--hw-led-halo:rgba(225,112,85,0.38);--hw-display:radial-gradient(120% 90% at 88% 120%,rgba(225,112,85,0.16),transparent 62%),linear-gradient(165deg,#101214,#0a0c0d 55%,#101112);--hw-display-grille:repeating-linear-gradient(0deg,rgba(255,255,255,0.022) 0 1px,transparent 1px 3px);--hw-display-text:#f0ede8;--hw-display-dim:#9a948c;--hw-display-amber:#e8a175;--hw-rim:linear-gradient(180deg,#ffffff,#cfcabf 45%,#a49e91);--hw-cap-hi:radial-gradient(circle at 32% 28%,var(--hw-edge-hi),transparent 55%);--hw-cap-texture:repeating-radial-gradient(circle at 50% 50%,transparent 0 6px,rgba(60,55,45,0.05) 6px 7px);--hw-cap-metal:conic-gradient(from 140deg,var(--hw-face-solid),color-mix(in srgb,var(--hw-face-solid) 70%,#000) 35%,var(--hw-face-solid) 60%,color-mix(in srgb,var(--hw-face-solid) 78%,#fff) 78%,var(--hw-face-solid))}html.dark :where(.audio-now,.radio-hw){--hw-face:linear-gradient(180deg,#2e3136,#24272b 58%,#1e2124);--hw-face-solid:#26292d;--hw-edge-hi:rgba(255,255,255,0.09);--hw-edge-lo:rgba(0,0,0,0.55);--hw-recess:linear-gradient(180deg,#1a1d20,#202327);--hw-key:linear-gradient(180deg,#2c2f34,#232629);--hw-key-active:#1d2023;--hw-text:#e8e6e1;--hw-text-dim:#8f938f;--hw-seam:rgba(0,0,0,0.45);--hw-well-shadow:inset 0 2px 6px rgba(0,0,0,0.6),inset 0 -1px 0 rgba(255,255,255,0.05);--hw-rim:linear-gradient(180deg,#5a5e64,#33363b 40%,#0d0e10)}@keyframes radioLedBlink{50%{opacity:.25}}.radio-playkey-unit{flex-direction:column;gap:4px}.radio-playkey,.radio-playkey-unit{display:inline-flex;align-items:center}.radio-playkey{--pk-ring:2px;--pk-collar:6px;--pk-edge:7px;position:relative;justify-content:center;width:44px;height:44px;padding:0;flex-shrink:0;border:none;border-radius:50%;background:var(--hw-cap-hi),var(--hw-cap-texture),var(--hw-cap-metal);color:var(--hw-led);cursor:pointer;box-shadow:0 0 0 var(--pk-ring) color-mix(in srgb,var(--hw-led) 55%,transparent),0 0 0 var(--pk-collar) var(--hw-key-active),0 0 0 var(--pk-edge) rgba(0,0,0,.3),inset 0 1px 1px var(--hw-edge-hi),inset 0 -2px 4px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.35);transition:box-shadow var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.radio-playkey--sm{--pk-ring:1px;--pk-collar:4px;--pk-edge:5px;width:32px;height:32px}html.dark .radio-playkey{background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.05),transparent 55%),radial-gradient(circle,#0f1113 0,#17191c 62%,#212429 100%);box-shadow:0 0 0 var(--pk-ring) color-mix(in srgb,var(--hw-led) 45%,#3a1f16),0 0 0 var(--pk-collar) var(--hw-key-active),0 0 0 var(--pk-edge) rgba(0,0,0,.45),inset 0 2px 5px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4)}.radio-playkey:hover{color:var(--hw-led-bright)}.radio-playkey[data-playing]{color:var(--hw-led-bright);background:radial-gradient(circle at 50% 62%,rgba(245,138,85,.16),transparent 62%),var(--hw-cap-hi),var(--hw-cap-texture),var(--hw-cap-metal);box-shadow:0 0 0 var(--pk-ring) var(--hw-led-bright),0 0 0 var(--pk-collar) var(--hw-key-active),0 0 0 var(--pk-edge) rgba(0,0,0,.3),inset 0 1px 1px var(--hw-edge-hi),inset 0 -2px 4px rgba(0,0,0,.3),0 0 16px 2px var(--hw-led-halo)}html.dark .radio-playkey[data-playing]{background:radial-gradient(circle at 50% 58%,rgba(245,138,85,.22),transparent 66%),radial-gradient(circle,#17130f 0,#1a1c1f 62%,#23262a 100%);box-shadow:0 0 0 var(--pk-ring) var(--hw-led-bright),0 0 0 calc(var(--pk-ring) + 1px) rgba(245,138,85,.35),0 0 0 var(--pk-collar) var(--hw-key-active),0 0 0 var(--pk-edge) rgba(0,0,0,.45),inset 0 2px 5px rgba(0,0,0,.55),0 0 20px 3px var(--hw-led-halo)}.radio-playkey[data-playing] svg{filter:drop-shadow(0 0 4px var(--hw-led-halo))}.radio-playkey:disabled{opacity:.55;cursor:not-allowed}.radio-playkey--error,.radio-playkey--error:hover{color:var(--color-status-error)}.radio-playkey:focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:2px}.radio-playkey__label{font-size:9px;font-weight:700;color:var(--hw-text-dim)}.radio-playkey__label,.related-content--hw .related-content__eyebrow,.related-content--hw .related-content__title,.related-content--hw .related-content__toggle{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.related-content--hw .related-content__eyebrow{color:var(--hw-text-dim);font-size:9px}.related-content--hw .related-content__title{color:var(--hw-text);font-size:12px;letter-spacing:.08em}.related-content--hw .related-content__toggle{border:none;border-radius:10px;padding:5px 10px;background:var(--hw-key);color:var(--hw-text-dim);font-size:8px;box-shadow:inset 0 1px 0 var(--hw-edge-hi),inset 0 -1px 2px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.2)}.related-content--hw .related-content__toggle:hover{border:none;color:var(--hw-text)}.related-content--hw .related-content__row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:2px 0 4px;overflow-x:visible;mask-image:none;cursor:default}.related-content--hw:not(.related-content--expanded) .related-content__row>:nth-child(n+7){display:none}.related-content--hw:not(:has(.related-content__row>:nth-child(7))) .related-content__toggle{display:none}.related-content--hw .related-tile,.related-content--hw .related-tile.glow-surface,.related-content--hw .related-tile.glow-surface:hover{border:none;border-radius:10px;background:var(--hw-display);opacity:1;box-shadow:inset 0 2px 6px rgba(0,0,0,.65),inset 0 0 0 1px rgba(0,0,0,.5),0 1px 0 var(--hw-edge-hi)}.related-content--hw .related-tile__placeholder-kind{display:none}.related-content--hw .related-tile__placeholder{padding:8px}.related-content--hw .related-tile__hover-title,.related-content--hw .related-tile__placeholder-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hw-display-text)}.related-content--hw .related-tile__hover-label{display:none}.related-content--hw .related-tile__flag{min-width:0;padding:0;background:none;font-size:12px}