.crux-music{position:fixed;right:24px;bottom:22px;z-index:120;display:flex;align-items:center;gap:13px;padding:8px 13px 8px 8px;border:1px solid #7887aa70;border-bottom:2px solid #b4ff3770;border-radius:8px;background:linear-gradient(135deg,#202940f5,#101522f5);box-shadow:0 8px 28px #0006,inset 0 1px #ffffff24;color:#eef3ff;font:500 12px/1.4 sans-serif;backdrop-filter:blur(12px)}
.crux-music .music-toggle{display:flex;align-items:center;gap:9px;border:0;border-radius:4px;background:#ffffff08;padding:9px 10px;color:inherit;font:inherit;cursor:pointer;min-height:40px;min-width:110px}
.crux-music button:hover{background:#b4ff371a}.crux-music :focus-visible{outline:2px solid #b4ff37;outline-offset:3px}.music-bars{display:flex;align-items:center;gap:3px;height:18px}.music-bars i{width:3px;height:5px;background:#8d99b0;border-radius:2px}.is-playing .music-bars i{background:#b4ff37;box-shadow:0 0 7px #b4ff3770;animation:music-meter .8s ease-in-out infinite alternate}.music-bars i:nth-child(2){animation-delay:-.2s}.music-bars i:nth-child(3){animation-delay:-.55s}.music-bars i:nth-child(4){animation-delay:-.35s}.music-volume{display:flex;align-items:center;gap:7px;color:#acbad2;font-size:11px}.music-volume input{width:64px;accent-color:#b4ff37;cursor:pointer}.music-status:empty{display:none}.music-status{position:absolute;right:0;bottom:calc(100% + 8px);width:max-content;max-width:250px;background:#111a2a;padding:8px 12px;border-radius:5px}
@keyframes music-meter{to{height:18px}}
@media(max-width:600px){.crux-music{right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:7px;padding-right:9px}.music-volume input{width:48px}.crux-music .music-toggle{min-width:103px}}
@media(prefers-reduced-motion:reduce){.is-playing .music-bars i{animation:none;height:12px}}
/* The counter is anchored to the fixed music panel, so it never shifts on scroll. */
.crux-music .crux-visits{position:absolute;right:0;bottom:calc(100% + 8px);display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #8897ae38;border-radius:6px;background:#111827eb;color:#bbc4d5;font:11px/1.4 sans-serif;white-space:nowrap;box-shadow:0 3px 12px #0002}
.crux-visits>span{color:#b8ff35;font-size:9px}.crux-visits strong{font-weight:500;font-variant-numeric:tabular-nums;color:#e8f0da}
.crux-music:has(.crux-visits) .music-status{bottom:calc(100% + 44px)}