.waveform-bar,.wb-queue-panel{--wb-bg:rgba(18,18,20,0.92);--wb-border:rgba(255,255,255,0.08);--wb-text:#ffffff;--wb-text-muted:rgba(255,255,255,0.55);--wb-accent:oklch(0.66 0.229 35.4);--wb-accent-light:oklch(0.75 0.18 35.4);--wb-on-accent:#ffffff;--wb-hover:rgba(255,255,255,0.08);--wb-tag-bg:rgba(255,255,255,0.08);--wb-tag-text:rgba(255,255,255,0.85);--wb-fav-color:#ef4444;--wb-cart-color:#10b981;backdrop-filter:blur(24px)}.waveform-bar{border-top:1px solid var(--wb-border);box-shadow:0 -8px 32px rgba(0,0,0,.55);transition:bottom .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);z-index:45}.wb-artwork{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(30,30,35,.8)}.wb-artwork img{object-fit:cover}.wb-title{font-weight:600}.wb-artist{color:var(--wb-accent)}.wb-play{background:transparent!important;color:#ffffff!important;border-radius:9999px!important;width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:none!important;box-shadow:none!important;transition:transform .15s ease,color .15s ease,background-color .15s ease!important;padding:0!important;position:relative!important}.wb-play:hover{background:var(--wb-hover)!important;color:var(--wb-accent)!important;transform:scale(1.1)!important}.wb-play svg{width:24px!important;height:24px!important;display:block!important;transition:opacity .2s ease!important}.wb-icon-play svg{margin-left:2px!important}.waveform-bar.wb-is-buffering .wb-play{pointer-events:none!important}.waveform-bar.wb-is-buffering .wb-play svg{opacity:.2!important}.waveform-bar.wb-is-buffering .wb-play:after{content:""!important;position:absolute!important;width:22px!important;height:22px!important;top:50%!important;left:50%!important;margin-top:-11px!important;margin-left:-11px!important;border:2.5px solid rgba(255,255,255,.2)!important;border-top:2.5px solid var(--wb-accent)!important;border-radius:50%!important;animation:wb-spin .75s linear infinite!important;pointer-events:none!important;box-sizing:border-box!important}@keyframes wb-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wb-mute,.wb-volume,.wb-volume-popup{display:none!important}.wb-close-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9999px;color:var(--wb-text-muted);background:transparent;border:none;cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .15s ease;flex-shrink:0}.wb-close-btn:hover{color:#ffffff;background-color:var(--wb-hover);transform:scale(1.05)}.wb-close-btn:active{transform:scale(.95)}.wb-queue-panel{border:1px solid var(--wb-border);border-radius:1rem;box-shadow:0 16px 48px rgba(0,0,0,.65);background:rgba(18,18,20,.96)}.wb-queue-clear,.wb-queue-remove{display:none!important}.wb-queue-count{background:transparent!important;color:#737373!important;padding:0!important;border-radius:0!important;font-size:.85rem!important;font-weight:500!important;margin-left:.35rem!important}.wb-queue-count:before{content:"("}.wb-queue-count:after{content:")"}.wb-queue-current .wb-queue-item-title{color:var(--wb-accent)!important}@media (max-width:768px){.waveform-bar{position:fixed!important;bottom:4.75rem!important;left:.75rem!important;right:.75rem!important;width:auto!important;max-width:none!important;margin:0!important;border-radius:14px!important;padding:0!important;background:rgba(18,18,22,.95)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 32px rgba(0,0,0,.65)!important;backdrop-filter:blur(24px)!important;height:58px!important;overflow:hidden!important;z-index:45!important}.waveform-bar.wb-collapsed{display:none!important}.wb-inner{height:100%!important;padding:.45rem .75rem!important;flex-wrap:nowrap!important}.wb-inner,.wb-left{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:.5rem!important}.wb-left,.wb-track{flex:1 1 auto!important;min-width:0!important;order:1!important}.wb-track{display:flex!important;align-items:center!important;gap:.65rem!important}.wb-artwork{width:42px!important;height:42px!important;min-width:42px!important;border-radius:8px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(30,30,35,.9)!important;flex-shrink:0!important}.wb-artwork img{width:100%!important;height:100%!important;object-fit:cover!important}.wb-track-text{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;max-width:calc(100vw - 230px)!important;gap:1px!important}.wb-title{font-size:.85rem!important;font-weight:600!important;color:#ffffff!important;line-height:1.25!important}.wb-artist,.wb-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wb-artist{font-size:.72rem!important;font-weight:500!important;color:var(--wb-accent)!important;line-height:1.2!important}.wb-controls{order:2!important;display:flex!important;align-items:center!important;gap:.25rem!important;flex-shrink:0!important}.wb-controls .wb-next,.wb-controls .wb-prev,.wb-controls .wb-repeat,.wb-controls .wb-shuffle{display:none!important}.wb-controls .wb-play{display:flex!important;width:36px!important;height:36px!important;border-radius:9999px!important;align-items:center!important;justify-content:center!important;color:#ffffff!important;background:transparent!important;border:none!important}.wb-controls .wb-play:hover{background:var(--wb-hover)!important;color:var(--wb-accent)!important;transform:scale(1.1)!important}.wb-controls .wb-play svg{width:24px!important;height:24px!important}.wb-centre{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:2.5px!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:0 0 14px 14px!important;background:rgba(255,255,255,.08)!important;pointer-events:none!important;z-index:10!important}.wb-waveform-container,.wb-waveform-container canvas{width:100%!important;height:100%!important}.wb-waveform-container canvas{object-fit:fill!important;display:block!important}.wb-time{display:none!important}.wb-right{order:2!important;display:flex!important;align-items:center!important;gap:.25rem!important;flex-shrink:0!important}.wb-collapse,.wb-right .wb-meta,.wb-right .wb-share,.wb-right .wb-volume{display:none!important}.wb-close-btn,.wb-queue-btn{width:34px!important;height:34px!important;border-radius:9999px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--wb-text-muted)!important;background:transparent!important;border:none!important}.wb-close-btn:hover,.wb-queue-btn:hover{color:#ffffff!important;background:var(--wb-hover)!important}.wb-queue-panel{bottom:calc(4.75rem + 66px)!important;left:.75rem!important;right:.75rem!important;width:auto!important;max-height:52vh!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(18,18,22,.98)!important;backdrop-filter:blur(24px)!important;box-shadow:0 16px 48px rgba(0,0,0,.7)!important;z-index:50!important}}