#listen-dock[hidden]{display:none}
#listen-dock{position:fixed;z-index:140;bottom:0;left:0;right:0;padding:12px 24px max(12px,env(safe-area-inset-bottom));background:rgba(248,250,255,.97);border-top:1px solid #cbd9ed;box-shadow:0 -6px 28px #20365512;color:#203655;display:grid;gap:8px}
.listen-title{display:flex;gap:14px;min-width:0;align-items:center}
.listen-title span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listen-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#listen-dock button,#listen-dock select{font:inherit;font-size:14px;color:#23456d;border:1px solid #cbd9ed;background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer}
#listen-dock button[aria-pressed=true]{background:#2d65ac;color:white}
#listen-dock button:focus-visible,#listen-dock select:focus-visible{outline:3px solid #73a9ea;outline-offset:2px}
#listen-dock label,#listen-position{font-size:13px;white-space:nowrap}
#listen-status{margin:0;font-size:13px}
#listen-status:empty{display:none}
body.has-listen-dock{padding-bottom:var(--listen-dock-height,160px)}
@media(max-width:640px){#listen-dock{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.listen-controls{gap:6px}#listen-dock button,#listen-dock select{padding:7px 9px;font-size:12px}.listen-title{font-size:14px}}