/* Basin Chatter site music pill (FIX-SPEC 2026-10-30): Dixie pill, recolored Basin sky/sage on night. Fixed bottom-left. */
#dcx-music{position:fixed;left:14px;bottom:14px;z-index:9990;display:flex;align-items:center;gap:7px;padding:7px 12px 7px 10px;border:1px solid rgba(107,163,199,.6);border-radius:999px;background:rgba(30,42,50,.84);color:#E4EEF4;font:700 13px/1 "Barlow Condensed",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.86;transition:opacity .2s,border-color .2s}
#dcx-music:hover,#dcx-music:focus-visible{opacity:1;outline:2px solid #6BA3C7;outline-offset:2px}
#dcx-music.on{border-color:rgba(91,107,74,.9);background:rgba(70,83,58,.88)}
#dcx-music .dcx-mi{display:inline-flex;gap:2px;align-items:flex-end;height:12px}
#dcx-music .dcx-mi i{display:block;width:3px;height:4px;background:#6BA3C7;border-radius:1px}
#dcx-music.on .dcx-mi i{background:#C9D6B4;animation:dcxbar 1.4s ease-in-out infinite}
#dcx-music.on .dcx-mi i:nth-child(2){animation-delay:.25s}#dcx-music.on .dcx-mi i:nth-child(3){animation-delay:.5s}
@keyframes dcxbar{0%,100%{height:4px}50%{height:12px}}
@media (prefers-reduced-motion:reduce){#dcx-music.on .dcx-mi i{animation:none;height:9px}}
@media print{#dcx-music{display:none}}