.floating-audio-player{position:fixed;bottom:55px;left:20px;border-radius:50%;overflow:visible;display:flex;justify-content:center;align-items:center;z-index:100}.cd-cover{width:50%;height:50%;border-radius:50%;position:absolute;object-fit:cover;top:15px}.progress-ring{position:absolute;width:100%;height:100%;transform:rotate(-90deg);border-radius:50px}.btn-play{position:absolute;bottom:8px;background:white;border:none;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:16px}.btn-play svg{margin-left:2px;margin-bottom:1px}.btn-control{position:absolute;bottom:0;font-size:12px;background:white;border:none;border-radius:50%;padding:2px}.minus{left:2px}.plus{right:2px}.expand-btn{position:absolute;top:-8px;right:-8px;border:none;background:white;font-size:25px;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.expanded-audio{position:fixed;bottom:60px;left:20px;width:330px;background:white;border-radius:16px;z-index:100}.expanded-cover{width:100%;border-radius:12px}@media (max-width:768px){.expanded-audio{width:90%;left:5%}}.range-fill{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:4px;background:linear-gradient(125deg,#4a38d9 0,#d71d89 calc(var(--percent) / 2),#ffa209 var(--percent),#d3d3d3 var(--percent),#d3d3d3 100%);position:relative;z-index:1}.range-fill::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#d71d89;cursor:pointer;border:2px solid white;position:relative;z-index:3;margin-top:-6px}.range-fill::-webkit-slider-runnable-track{height:6px;background:transparent;position:relative;z-index:1}.range-fill::-moz-range-track{height:6px;background:#d3d3d3;border-radius:4px;position:relative;z-index:1}.range-fill::-moz-range-progress{height:6px;background:linear-gradient(125deg,#4a38d9,#d71d89,#ffa209);border-radius:4px;position:relative;z-index:2}.range-fill::-moz-range-thumb{width:18px;height:18px;background:#fff;border-radius:50%;background:#d71d89;border:2px solid white;cursor:pointer;position:relative;z-index:5}@keyframes spectrumWave{0%{transform:scaleY(.3)}20%{transform:scaleY(1.1)}40%{transform:scaleY(.6)}60%{transform:scaleY(1.4)}80%{transform:scaleY(.5)}to{transform:scaleY(.3)}}.spectrum-bar.animate{animation:spectrumWave 1.6s ease-in-out infinite;transform-origin:center center}.spectrum-bar:first-child{animation-delay:0s}.spectrum-bar:nth-child(2){animation-delay:80ms}.spectrum-bar:nth-child(3){animation-delay:.16s}.spectrum-bar:nth-child(4){animation-delay:.24s}.spectrum-bar:nth-child(5){animation-delay:.32s}.spectrum-bar:nth-child(6){animation-delay:.4s}.spectrum-bar:nth-child(7){animation-delay:.48s}.spectrum-bar:nth-child(8){animation-delay:.56s}.spectrum-bar:nth-child(9){animation-delay:.64s}.spectrum-bar:nth-child(10){animation-delay:.72s}.spectrum-bar:nth-child(11){animation-delay:.8s}.spectrum-bar:nth-child(12){animation-delay:.88s}.spectrum-bar:nth-child(13){animation-delay:.96s}.spectrum-bar:nth-child(14){animation-delay:1.04s}.spectrum-bar:nth-child(15){animation-delay:1.12s}.spectrum-bar:nth-child(16){animation-delay:1.2s}.spectrum-bar:nth-child(17){animation-delay:1.28s}.spectrum-bar:nth-child(18){animation-delay:1.36s}.spectrum-bar:nth-child(19){animation-delay:1.44s}.spectrum-bar:nth-child(20){animation-delay:1.52s}.spectrum-bar:nth-child(21){animation-delay:1.6s}.spectrum-bar:nth-child(22){animation-delay:1.68s}.spectrum-bar:nth-child(23){animation-delay:1.76s}.spectrum-bar:nth-child(24){animation-delay:1.84s}.spectrum-bar:nth-child(25){animation-delay:1.92s}.spectrum-bar:nth-child(26){animation-delay:2s}.spectrum-bar:nth-child(27){animation-delay:2.08s}.spectrum-bar:nth-child(28){animation-delay:2.16s}.spectrum-bar:nth-child(29){animation-delay:2.24s}.spectrum-bar:nth-child(30){animation-delay:2.32s}.spectrum-bar:nth-child(31){animation-delay:2.4s}.spectrum-bar:nth-child(32){animation-delay:2.48s}.audio-spectrum{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:80%;height:26px}.audio-spectrum,.expanded-cover.audio-spectrum{display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:5}.expanded-cover.audio-spectrum{max-width:60px}.spectrum-bar{height:10px}.expanded-cover.audio-spectrum .spectrum-bar,.spectrum-bar{width:4px;border-radius:999px;background:linear-gradient(125deg,#4a38d9,#d71d89,#ffa209);transform:scaleY(.4);transition:transform .1s ease-out}.expanded-cover.audio-spectrum .spectrum-bar{height:20px}.expanded-audio,.floating-audio-player{transition:transform .35s ease,opacity .35s ease;transform-origin:center center}.floating-audio-player.expanding{transform-origin:top right;transform:scale(1.5) translate(30%,-30%);opacity:.7}.expanded-audio.shrinking{transform-origin:bottom left;transform:scale(.5) translate(-20%,20%);opacity:.5}