.mini-player{touch-action:pan-y;position:fixed!important;bottom:70px;left:2px;right:2px;width:auto;z-index:9990;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:slideUp .3s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;-webkit-font-smoothing:antialiased;margin:0;box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0)}.mini-player .mini-player-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.mini-player .mini-player-progress{position:absolute;top:0;left:1px;bottom:0;width:0;background:hsla(0,0%,100%,.15);pointer-events:none;transition:width .15s linear;z-index:1;border-radius:16px}.mini-player .mini-player-content{position:relative;z-index:2;display:flex;align-items:center;padding:16px 20px;gap:16px;max-width:100%;overflow:hidden;cursor:pointer;transition:background-color .2s ease;border-radius:16px}.mini-player .mini-player-content:hover{background:hsla(0,0%,100%,.08)}.mini-player .mini-player-content .mini-player-cover{flex-shrink:0;width:60px;height:60px;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.4);position:relative}.mini-player .mini-player-content .mini-player-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mini-player .mini-player-content .mini-player-cover:hover img{transform:scale(1.05)}.mini-player .mini-player-content .mini-player-cover .mini-player-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#666666,#888888);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:transform .3s ease}.mini-player .mini-player-content .mini-player-cover .mini-player-cover-placeholder .mini-player-cover-letter{color:#fff;font-size:24px;margin:0 auto;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.3)}.mini-player .mini-player-content .mini-player-cover:hover .mini-player-cover-placeholder{transform:scale(1.05)}.mini-player .mini-player-content .mini-player-cover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(29,185,84,.1),transparent);opacity:0;transition:opacity .3s ease}.mini-player .mini-player-content .mini-player-cover:hover:after{opacity:1}.mini-player .mini-player-content .mini-player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mini-player .mini-player-content .mini-player-info .track-title{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mini-player .mini-player-content .mini-player-info .track-artist{font-size:12px;font-weight:400;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mini-player .mini-player-content .mini-player-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.mini-player .mini-player-content .mini-player-controls .control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.mini-player .mini-player-content .mini-player-controls .control-btn:active{transform:scale(.9)}.mini-player .mini-player-content .mini-player-controls .control-btn.play-btn{width:44px;height:44px;color:#fff}.mini-player .mini-player-content .mini-player-controls .control-btn.play-btn:active{transform:scale(.95)}.mini-player .mini-player-content .mini-player-controls .control-btn.play-btn svg{width:20px;height:20px}.mini-player .mini-player-content .mini-player-controls .control-btn.like-btn svg{transition:all .2s ease;transform-origin:center;width:18px;height:18px}.mini-player .mini-player-content .mini-player-controls .control-btn.like-btn:hover{color:#ef4444;background:rgba(239,68,68,.15)}.mini-player .mini-player-content .mini-player-controls .control-btn.like-btn:hover svg{transform:scale(1.2)}.mini-player .mini-player-content .mini-player-controls .control-btn.like-btn:active svg{transform:scale(.9)}.mini-player .mini-player-content .mini-player-controls .control-btn.like-btn.liked{color:#ef4444;background:rgba(239,68,68,.2)}.mini-player .mini-player-content .mini-player-controls .control-btn.like-btn.liked svg{fill:currentColor;transform:scale(1.1)}.mini-player .mini-player-content .mini-player-controls .control-btn.like-btn.liked:hover{background:rgba(239,68,68,.3)}.mini-player .mini-player-content .mini-player-controls .control-btn.like-btn.liked:hover svg{transform:scale(1.25)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.mini-player .mini-player-content{padding:10px 16px;gap:12px}.mini-player .mini-player-content .mini-player-cover{width:48px;height:48px}.mini-player .mini-player-content .mini-player-info .track-title{font-size:13px}.mini-player .mini-player-content .mini-player-info .track-artist{font-size:11px}.mini-player .mini-player-content .mini-player-controls{gap:6px}.mini-player .mini-player-content .mini-player-controls .control-btn{width:32px;height:32px}.mini-player .mini-player-content .mini-player-controls .control-btn svg{width:16px;height:16px}.mini-player .mini-player-content .mini-player-time{font-size:10px;min-width:50px}}@media(max-width:480px){.mini-player .mini-player-content{padding:8px 12px;gap:8px}.mini-player .mini-player-content .mini-player-cover{width:40px;height:40px}.mini-player .mini-player-content .mini-player-info .track-title{font-size:12px}.mini-player .mini-player-content .mini-player-info .track-artist{font-size:10px}.mini-player .mini-player-content .mini-player-controls{gap:4px}.mini-player .mini-player-content .mini-player-controls .control-btn{width:28px;height:28px}.mini-player .mini-player-content .mini-player-controls .control-btn svg{width:14px;height:14px}.mini-player .mini-player-content .mini-player-time{display:none}}