.coverflow-wrapper{-webkit-user-select:none;user-select:none;cursor:grab;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding-top:60px;display:flex;position:relative;overflow:hidden}.light-show{z-index:0;pointer-events:none;opacity:0;-webkit-box-reflect:below 0px linear-gradient(to bottom,transparent 20%,#00000059 100%);height:50%;transition:opacity .8s;position:absolute;top:0;left:0;right:0}.light-show.active{opacity:1}.light-blob{filter:blur(80px);opacity:0;will-change:transform,opacity;border-radius:50%;width:500px;height:500px;transition:background 1s;position:absolute;transform:scale(.8)}.light-show-mask{z-index:0;pointer-events:none;background:linear-gradient(#0000 0%,#000 60%);height:50%;position:absolute;bottom:0;left:0;right:0}.coverflow-stage{z-index:1;width:100%;height:calc(var(--card-size,340px) + 180px);perspective:1200px;flex-shrink:0;position:relative}.coverflow-item{width:var(--card-size,340px);height:var(--card-size,340px);margin-left:calc(-1*var(--card-half,170px));cursor:pointer;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s,z-index;position:absolute;top:0;left:50%}.card-front,.card-back{backface-visibility:hidden;width:100%;height:100%;position:absolute}.card-front{z-index:2}.card-front img{object-fit:cover;-webkit-box-reflect:below 0px linear-gradient(to bottom,transparent 20%,#00000087 100%);width:100%;height:100%;display:block;box-shadow:0 8px 40px #0009}.card-back{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-box-reflect:below 0px linear-gradient(to bottom,transparent 10%,#00000073 100%);background:#1d1d1d26;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:40px 20px 20px;transition:box-shadow 1.5s;display:flex;transform:rotateY(180deg);box-shadow:0 8px 32px #0000,inset 0 1px #fff0,inset 0 -2px 6px #0006,inset 0 0 20px 10px #454545a1}.card-back.playing{box-shadow:0 8px 32px #0000,inset 0 1px #fff0,inset 0 -1px #fff0,inset 0 0 20px 10px #b4b4b4a1}.back-header{align-items:center;gap:14px;width:100%;display:flex}.card-back .back-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:68px;height:68px;box-shadow:0 4px 20px #00000080}.back-header-text{flex-direction:column;gap:2px;min-width:0;display:flex}.card-back .back-title{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:600;overflow:hidden}.card-back .back-artist{color:#fff9;text-align:left;margin:0;font-size:.82rem;font-weight:400}.track-list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;gap:2px;width:100%;max-height:90px;display:flex;overflow-y:auto}.track-item{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:5px 10px;font-size:.78rem;transition:background .15s,color .15s;display:flex}.track-item:hover{color:#fff;background:#ffffff14}.track-item.active{color:#4fd1c5}.track-number{color:#ffffff59;text-align:right;min-width:16px;font-size:.7rem}.track-item.active .track-number{color:#4fd1c5}.track-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.playing-indicator{align-items:flex-end;gap:2px;height:12px;margin-left:auto;display:flex}.playing-indicator .bar{background:#4fd1c5;border-radius:1px;width:2px;animation:.8s ease-in-out infinite alternate eq-bar;display:block}.playing-indicator .bar:first-child{height:4px;animation-delay:0s}.playing-indicator .bar:nth-child(2){height:8px;animation-delay:.2s}.playing-indicator .bar:nth-child(3){height:5px;animation-delay:.4s}@keyframes eq-bar{0%{height:3px}to{height:12px}}.player-controls{flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:auto;padding-top:8px;display:flex}.time-display{color:#ffffff73;font-variant-numeric:tabular-nums;justify-content:space-between;width:85%;font-size:.68rem;display:flex}.progress-bar{cursor:pointer;background:#ffffff26;border-radius:2px;width:85%;height:4px;position:relative;overflow:visible}.progress-bar:before{content:"";position:absolute;inset:-12px 0}.progress-bar .progress-fill{width:0%;height:100%;box-shadow:none;opacity:0;background:#fff;border-radius:2px;transition:width .15s linear,opacity .3s;position:absolute;top:0;left:0}.progress-bar.has-played .progress-fill{opacity:1;box-shadow:0 0 6px 1px #00b0ff,0 0 14px 3px #4fc3f766,0 0 28px 6px #4fc3f733}.progress-bar.scrubbing .progress-fill{transition:none}.progress-thumb-glow{pointer-events:none;background:0 0;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px 1px #00b0ff,0 0 14px 3px #4fc3f766,0 0 28px 6px #4fc3f733}.progress-thumb{z-index:1;pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.transport-buttons{align-items:center;gap:28px;margin-top:12px;display:flex}.transport-btn{color:#fffc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s,transform .15s;display:flex}.transport-btn:hover{color:#fff;transform:scale(1.1)}.transport-btn.play-pause{color:#fff;background:#ffffff1f;border-radius:50%;width:44px;height:44px}.transport-btn.play-pause:hover{background:#fff3}.back-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.2rem;transition:color .2s;position:absolute;top:12px;right:14px}.back-close-btn:hover{color:#fff}.coverflow-item.flipped{transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .5s;z-index:20!important;transform:translate(0)translateZ(60px)rotateY(180deg)!important}.coverflow-item.flipped:after{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1d1d1d26;transform:translateZ(1px)}.coverflow-item:after{content:"";pointer-events:none;background:#000;height:100%;position:absolute;top:100%;left:0;right:0;transform:translateZ(-1px)}.coverflow-item.center{z-index:10}.coverflow-item.hidden{opacity:0;pointer-events:none;visibility:hidden}.coverflow-info{z-index:20;text-align:center;color:#fff;flex-shrink:0;min-height:60px;margin-top:-100px;transition:opacity .3s;position:relative}.coverflow-info.info-hidden{opacity:0;pointer-events:none}.coverflow-info .album-title{letter-spacing:.02em;color:#fff;margin:0;font-size:2.08rem;font-weight:600}.coverflow-info .album-artist{color:#ffffffa6;margin:4px 0 0;font-size:1.6rem;font-weight:400}.play-btn{color:#ffffffd9;letter-spacing:.03em;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:none;border-radius:980px;align-items:center;gap:6px;margin-top:14px;padding:8px 22px;font-size:.88rem;font-weight:500;transition:background .2s,color .2s,transform .15s;display:inline-flex}.play-btn:hover{color:#fff;background:#ffffff38;transform:scale(1.04)}.play-btn svg{fill:currentColor;width:14px;height:14px}@media (max-width:768px){.coverflow-item{--card-size:300px;--card-half:150px}.coverflow-stage{height:460px}.coverflow-info{margin-top:-80px}}@media (max-width:480px){.coverflow-item{--card-size:280px;--card-half:140px}.coverflow-stage{height:440px}.coverflow-info{margin-top:-70px}}