/* Quiet fixed music strip; small visuals with usable keyboard/pointer targets. */
body.has-ambient{padding-bottom:36px}
.ambient-bar{position:fixed;inset:auto 0 0;z-index:30;height:36px;padding:0 20px max(0px,env(safe-area-inset-bottom));background:rgba(10,10,10,.94);border-top:1px solid #ffffff1c;display:flex;align-items:center;gap:12px;color:#aaa;box-sizing:content-box;backdrop-filter:blur(12px)}
.ambient-bar button{flex:0 0 28px;width:28px;height:32px;display:grid;place-items:center;border:0;padding:6px;background:none;color:#aaa;cursor:pointer}
.ambient-bar svg{width:12px;height:12px;display:block}
.ambient-bar button:hover{color:#fff}
.ambient-bar button:focus-visible,.ambient-bar input:focus-visible{outline:1px solid #ddd;outline-offset:1px}
.ambient-title{font:9px Arial,sans-serif;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;flex-shrink:0}
.ambient-seek{flex:1;min-width:30px;height:2px;accent-color:#aaa;cursor:pointer;opacity:.6}
.ambient-status{font:9px Arial,sans-serif}
.ambient-status:empty{display:none}
.banner-toggle{width:26px;height:26px;display:grid;place-items:center;padding:6px;border:0;background:#08080840;opacity:.65;border-radius:50%;letter-spacing:0}
.banner-toggle:hover,.banner-toggle:focus-visible{opacity:1}
.banner-toggle svg{width:11px;height:11px;display:block}
body.has-frequency-player{padding-bottom:174px}
.has-frequency-player .player{bottom:36px}
@media(max-width:600px){.ambient-bar{gap:6px;padding-left:10px;padding-right:10px}.ambient-title{width:125px;font-size:8px}body.has-frequency-player{padding-bottom:211px}}