.tracks-list[data-v-298d1976]{display:flex;flex-direction:column;gap:10px}.track-item[data-v-298d1976]{align-items:center;background:#222;display:grid;gap:12px;grid-template-columns:36px 1fr auto auto;overflow:hidden;padding:10px 12px}.play-button[data-v-298d1976]{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.track-info[data-v-298d1976]{color:#fff;flex:1;min-width:0;padding-right:8px}.track-title[data-v-298d1976]{font-size:16px;font-weight:500;margin-bottom:0}.track-artist[data-v-298d1976],.track-title[data-v-298d1976]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist[data-v-298d1976]{color:#999;font-size:12px}.track-duration[data-v-298d1976]{color:#999;flex-shrink:0;font-size:14px;margin:0 12px;min-width:45px;text-align:right}.track-item .like-button[data-v-298d1976]{background:none;border:none;cursor:pointer;flex-shrink:0;margin:0;padding:8px;transition:transform .2s ease}.play-button .play-icon[data-v-298d1976]{position:relative;transition:transform .2s ease;z-index:2}.track-item:hover .play-button .play-icon[data-v-298d1976]{transform:scale(1.1)}.play-cover[data-v-298d1976]{background:#e0e0e0;border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.track-title-link[data-v-298d1976]{color:inherit;text-decoration:none;transition:opacity .2s ease}.track-title-link:hover .track-title[data-v-298d1976]{opacity:.8}@media (max-width:480px){.track-item[data-v-298d1976]{gap:12px;grid-template-columns:36px 1fr auto auto;padding:8px 12px}.track-info[data-v-298d1976]{padding-right:8px}.track-duration[data-v-298d1976]{margin:0 12px}.like-button[data-v-298d1976]{padding:8px}}.fixed-player[data-v-2b5010f0]{background-color:#34383d;bottom:0;height:79px;left:0;padding:0;position:fixed;width:100%;z-index:9999}.player-content[data-v-2b5010f0]{justify-content:space-between;margin:0 auto;max-width:min(90%,1725px);padding:0 20px;width:100%}.left-controls[data-v-2b5010f0],.player-content[data-v-2b5010f0]{align-items:center;display:flex;height:100%}.left-controls[data-v-2b5010f0]{margin-left:0}.right-controls[data-v-2b5010f0]{margin-right:0}.right-controls[data-v-2b5010f0],.track-info[data-v-2b5010f0]{align-items:center;display:flex;height:100%}.track-info[data-v-2b5010f0]{gap:15px;max-width:clamp(150px,50vw,380px)}.track-cover[data-v-2b5010f0]{border-radius:4px;flex-shrink:0;height:40px;min-width:40px;-o-object-fit:cover;object-fit:cover;width:40px}.track-details[data-v-2b5010f0]{min-width:0;overflow:hidden}.track-name[data-v-2b5010f0]{color:#fff;font-size:clamp(14px,1.8vw,18px);font-weight:500}.track-artist[data-v-2b5010f0],.track-name[data-v-2b5010f0]{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist[data-v-2b5010f0]{color:#999;font-size:clamp(12px,1.5vw,16px)}.center-controls[data-v-2b5010f0]{flex-direction:column;gap:2px;height:100%;left:50%;position:absolute;transform:translate(-50%);width:370px}.center-controls[data-v-2b5010f0],.player-controls[data-v-2b5010f0]{align-items:center;display:flex;justify-content:center}.player-controls[data-v-2b5010f0]{gap:32px;margin:0 auto;padding-bottom:2px;width:200px}.control-button[data-v-2b5010f0]{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:transform .2s ease;width:32px}.control-button[data-v-2b5010f0]:hover{transform:scale(1.1)}.progress-bar[data-v-2b5010f0]{align-items:center;color:#fff;display:flex;gap:10px;width:370px}.progress[data-v-2b5010f0]{background:#ffffff1a;border-radius:2px;cursor:pointer;flex:1;height:4px;position:relative}.progress-filled[data-v-2b5010f0]{background:#fff;border-radius:2px;height:100%;left:0;position:absolute;top:0}.additional-controls[data-v-2b5010f0]{align-items:center;display:flex;gap:15px;height:100%}.volume-slider[data-v-2b5010f0]{background:#ffffff1a;border-radius:2px;cursor:pointer;height:4px;position:relative;width:100px}.volume-progress[data-v-2b5010f0]{background:#fff;border-radius:2px;height:100%;left:0;position:absolute;top:0}.current-time[data-v-2b5010f0],.total-time[data-v-2b5010f0]{color:#999;font-size:14px;min-width:45px}.like-button[data-v-2b5010f0]{background:none;border:none;cursor:pointer;flex-shrink:0;margin:0;padding:8px;transition:transform .2s ease}@media (max-width:1024px){.center-controls[data-v-2b5010f0],.progress-bar[data-v-2b5010f0]{width:300px}}@media (max-width:768px){.left-controls[data-v-2b5010f0],.right-controls[data-v-2b5010f0]{display:none}.center-controls[data-v-2b5010f0]{left:auto;padding:0 20px;position:relative;transform:none;width:100%}.progress-bar[data-v-2b5010f0]{width:100%}}@media (max-width:876px){.track-name[data-v-2b5010f0]{font-size:clamp(14px,1.8vw,16px)}.track-artist[data-v-2b5010f0]{font-size:clamp(12px,1.5vw,14px)}.track-info[data-v-2b5010f0]{max-width:clamp(150px,30vw,220px)}}@media (max-width:1024px){.track-info[data-v-2b5010f0]{max-width:clamp(150px,30vw,240px)}}@media (max-width:1280px){.track-info[data-v-2b5010f0]{max-width:clamp(150px,30vw,280px)}}