:root{--media-bar-bottom-offset:0px;--media-bar-height:40px}.media-shell{padding-bottom:calc(var(--media-bar-height) + var(--media-bar-bottom-offset))}.media-shell:not(:has(.media-bar)){padding-bottom:var(--media-bar-bottom-offset)}.media-bar{z-index:50;left:0;right:0;bottom:var(--media-bar-bottom-offset);box-sizing:border-box;height:40px;min-height:40px;color:var(--ink);background:var(--paper);border-top:2px solid var(--accent);align-items:center;gap:8px;padding:0 10px;display:flex;position:fixed;box-shadow:0 -4px 24px #4f250e2e}.media-bar button,.media-bar-open{cursor:pointer;flex:none;place-items:center;padding:0;display:grid}.media-bar button:focus-visible,.media-bar-open:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.media-bar-primary{border:1.5px solid var(--accent);width:24px;height:24px;color:var(--bg);background:var(--neon);box-shadow:0 0 8px var(--neon-glow);border-radius:50%;order:1;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.media-bar-primary:hover{box-shadow:0 0 18px var(--neon-glow);transform:scale(1.06)}.media-bar-primary:active{transform:scale(.9)}.media-bar-primary .ic-svg{width:9px;height:9px}.media-bar-icon{width:38px;height:38px;color:var(--neon);background:linear-gradient(135deg,#3a1208,#5c1e08);border:1px solid #c0501866;border-radius:6px;flex:none;order:0;place-items:center;display:none}.media-bar-icon .ic-svg{width:16px;height:16px}.media-bar-vu{flex:0 0 28px;order:2;align-items:end;gap:1px;width:28px;height:14px;display:flex}.media-bar-vu span{opacity:.45;background:var(--neon);width:4px;height:100%;box-shadow:0 0 4px var(--neon-glow);transform-origin:bottom;flex:1;animation:1.35s ease-in-out infinite media-vu-idle;transform:scaleY(.35)}.media-bar-vu span:first-child{animation-delay:0s}.media-bar-vu span:nth-child(2),.media-bar-vu span:nth-child(6){animation-delay:-.18s}.media-bar-vu span:nth-child(3),.media-bar-vu span:nth-child(7){animation-delay:-.42s}.media-bar-vu span:nth-child(4),.media-bar-vu span:nth-child(8){animation-delay:-.3s}.media-bar-vu span:nth-child(5){animation-delay:-.55s}.media-bar-vu.is-active span{opacity:.9;animation-name:media-vu;animation-duration:.72s}.media-bar-copy{flex-direction:row;flex:1;order:3;align-items:baseline;gap:.5rem;min-width:0;line-height:1;display:flex}.media-bar-station{color:var(--mute);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;margin-bottom:0;font-size:.5625rem;font-weight:700}.media-bar-status{color:var(--ink);font-family:var(--font-body);font-size:var(--text-micro);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.media-bar-open{width:28px;height:28px;color:var(--accent);background:0 0;order:4;transition:color .12s,transform .12s}.media-bar-open:hover{color:var(--ink);transform:translateY(-1px)}.media-bar-open .ic-svg{width:14px;height:14px}@keyframes media-vu-idle{0%,to{transform:scaleY(.28)}50%{transform:scaleY(.5)}}@keyframes media-vu{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (min-width:768px){:root{--media-bar-height:60px}.media-bar{border-top-color:var(--neon);gap:14px;height:auto;min-height:60px;padding:10px max(14px,50vw - 550px);box-shadow:0 -4px 24px #c050182e}.media-bar-icon{display:grid}.media-bar-primary{width:38px;height:38px;color:var(--neon);border-width:2px;border-color:var(--neon);box-shadow:0 0 10px var(--neon-glow);background:#c050181a;order:5}.media-bar-primary .ic-svg{width:14px;height:14px}.media-bar-vu{flex-basis:44px;gap:2px;width:44px;height:22px}.media-bar-copy{flex-direction:column;align-items:stretch;gap:0;line-height:1.15}.media-bar-station{color:var(--neon);font-size:var(--text-micro);letter-spacing:.18em;margin-bottom:2px}.media-bar-status{font-family:var(--font-display);font-size:var(--text-body)}.media-bar-open{display:none}}@media (prefers-reduced-motion:reduce){.media-bar-primary,.media-bar-open{transition:none}.media-bar-primary:hover,.media-bar-open:hover{transform:none}.media-bar-vu span,.media-bar-vu.is-active span{animation:none;transform:scaleY(.55)}}