.login-container[data-v-4750dd04]{position:fixed;inset:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:1.25rem;z-index:2000}.login-card[data-v-4750dd04]{background:#1e1e28e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.25rem;padding:2.5rem;box-shadow:0 1.25rem 3.75rem #00000080;width:100%;max-width:26.25rem;animation:slideUp-4750dd04 .5s ease;border:1px solid rgba(255,255,255,.1)}@keyframes slideUp-4750dd04{0%{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-4750dd04]{text-align:center;margin-bottom:2.5rem}.title[data-v-4750dd04]{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.subtitle[data-v-4750dd04]{font-size:.875rem;color:#fff9}.login-form[data-v-4750dd04]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-4750dd04]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-4750dd04]{font-size:.875rem;font-weight:500;color:#fffc}.form-group input[data-v-4750dd04]{padding:.75rem 1rem;font-size:.938rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:.625rem;transition:all .3s;outline:none;color:#fff}.form-group input[data-v-4750dd04]::placeholder{color:#ffffff4d}.form-group input[data-v-4750dd04]:focus{border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 .188rem #667eea33}.form-group input[data-v-4750dd04]:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper[data-v-4750dd04]{position:relative;display:flex;align-items:center}.password-input-wrapper input[data-v-4750dd04]{flex:1;padding-right:3rem}.password-toggle[data-v-4750dd04]{position:absolute;right:.75rem;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .3s;border-radius:.375rem}.password-toggle[data-v-4750dd04]:hover:not(:disabled){background:#ffffff1a;color:#fffc}.password-toggle[data-v-4750dd04]:disabled{opacity:.3;cursor:not-allowed}.eye-icon[data-v-4750dd04]{width:1.25rem;height:1.25rem}.login-button[data-v-4750dd04]{margin-top:.625rem;padding:.875rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.625rem;cursor:pointer;transition:all .3s}.login-button[data-v-4750dd04]:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .5rem 1.25rem #667eea66}.login-button[data-v-4750dd04]:active:not(:disabled){transform:translateY(0)}.login-button[data-v-4750dd04]:disabled{opacity:.6;cursor:not-allowed}.footer[data-v-4750dd04]{margin-top:1.875rem;text-align:center;font-size:.875rem;color:#fff9}.link[data-v-4750dd04]{color:#667eea;font-weight:600;text-decoration:none;margin-left:.25rem;transition:color .3s}.link[data-v-4750dd04]:hover{color:#764ba2}@media(max-width:480px){.login-card[data-v-4750dd04]{padding:1.875rem 1.25rem}.title[data-v-4750dd04]{font-size:1.5rem}}.register-container[data-v-c888c54b]{position:fixed;inset:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:1.25rem;z-index:2000}.register-card[data-v-c888c54b]{background:#1e1e28e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.25rem;padding:2.5rem;box-shadow:0 1.25rem 3.75rem #00000080;width:100%;max-width:26.25rem;animation:slideUp-c888c54b .5s ease;border:1px solid rgba(255,255,255,.1)}@keyframes slideUp-c888c54b{0%{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}}.register-header[data-v-c888c54b]{text-align:center;margin-bottom:2.5rem}.title[data-v-c888c54b]{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.subtitle[data-v-c888c54b]{font-size:.875rem;color:#fff9}.register-form[data-v-c888c54b]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-c888c54b]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-c888c54b]{font-size:.875rem;font-weight:500;color:#fffc}.form-group input[data-v-c888c54b]{padding:.75rem 1rem;font-size:.938rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:.625rem;transition:all .3s;outline:none;color:#fff}.form-group input[data-v-c888c54b]::placeholder{color:#ffffff4d}.form-group input[data-v-c888c54b]:focus{border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 .188rem #667eea33}.form-group input[data-v-c888c54b]:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper[data-v-c888c54b]{position:relative;display:flex;align-items:center}.password-input-wrapper input[data-v-c888c54b]{flex:1;padding-right:3rem}.password-toggle[data-v-c888c54b]{position:absolute;right:.75rem;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .3s;border-radius:.375rem}.password-toggle[data-v-c888c54b]:hover:not(:disabled){background:#ffffff1a;color:#fffc}.password-toggle[data-v-c888c54b]:disabled{opacity:.3;cursor:not-allowed}.eye-icon[data-v-c888c54b]{width:1.25rem;height:1.25rem}.register-button[data-v-c888c54b]{margin-top:.625rem;padding:.875rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.625rem;cursor:pointer;transition:all .3s}.register-button[data-v-c888c54b]:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .5rem 1.25rem #667eea66}.register-button[data-v-c888c54b]:active:not(:disabled){transform:translateY(0)}.register-button[data-v-c888c54b]:disabled{opacity:.6;cursor:not-allowed}.footer[data-v-c888c54b]{margin-top:1.875rem;text-align:center;font-size:.875rem;color:#fff9}.link[data-v-c888c54b]{color:#667eea;font-weight:600;text-decoration:none;margin-left:.25rem;transition:color .3s}.link[data-v-c888c54b]:hover{color:#764ba2}@media(max-width:480px){.register-card[data-v-c888c54b]{padding:1.875rem 1.25rem}.title[data-v-c888c54b]{font-size:1.5rem}}.search-bar[data-v-b1b960b1]{flex:1;display:flex;align-items:center}.search-container[data-v-b1b960b1]{width:100%;max-width:600px;display:flex;gap:.5rem;align-items:center}.search-input[data-v-b1b960b1]{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:.5rem 1.25rem;color:#fff;font-size:.9rem;transition:all .3s ease}.search-input[data-v-b1b960b1]:focus{outline:none;border-color:#ef4444;background:#ffffff14}.search-input[data-v-b1b960b1]::placeholder{color:#ffffff80}.search-button[data-v-b1b960b1]{background:#ef4444;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.search-button[data-v-b1b960b1]:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.search-button[data-v-b1b960b1]:disabled{opacity:.5;cursor:not-allowed}.icon[data-v-b1b960b1]{width:18px;height:18px;stroke-width:2;color:#fff}.loading-spinner[data-v-b1b960b1]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-b1b960b1 .6s linear infinite}@keyframes spin-b1b960b1{to{transform:rotate(360deg)}}.song-list[data-v-94b12af9]{background:#0003;border-radius:12px;overflow:hidden}.batch-toolbar[data-v-94b12af9]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3)}.toolbar-left[data-v-94b12af9]{display:flex;align-items:center;gap:1rem}.cancel-btn[data-v-94b12af9]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-94b12af9]:hover{background:#ffffff26}.cancel-btn svg[data-v-94b12af9]{width:14px;height:14px;stroke-width:2}.selected-count[data-v-94b12af9]{color:#fffc;font-size:.9rem;font-weight:500}.toolbar-right[data-v-94b12af9]{display:flex;gap:.5rem}.batch-add-btn[data-v-94b12af9],.batch-remove-btn[data-v-94b12af9]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.batch-add-btn[data-v-94b12af9]:hover,.batch-remove-btn[data-v-94b12af9]:hover{background:#dc2626;transform:translateY(-1px)}.batch-add-btn svg[data-v-94b12af9],.batch-remove-btn svg[data-v-94b12af9]{width:16px;height:16px;stroke-width:2}.song-list-header[data-v-94b12af9]{display:grid;grid-template-columns:50px 60px 2fr 1.5fr 1.5fr 100px 120px;gap:1rem;padding:.75rem 1.5rem;background:#0000004d;color:#fff9;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}.song-list-body[data-v-94b12af9]{max-height:600px;overflow-y:auto}.song-list-body[data-v-94b12af9]::-webkit-scrollbar{width:8px}.song-list-body[data-v-94b12af9]::-webkit-scrollbar-track{background:#0003}.song-list-body[data-v-94b12af9]::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.song-list-body[data-v-94b12af9]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.song-item[data-v-94b12af9]{display:grid;grid-template-columns:50px 60px 2fr 1.5fr 1.5fr 100px 120px;gap:1rem;padding:.875rem 1.5rem;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.song-item[data-v-94b12af9]:hover{background:#ffffff0d}.song-item.active[data-v-94b12af9]{background:#ef444426;color:#ef4444}.song-item.selected[data-v-94b12af9]{background:#ef444414}.col-checkbox[data-v-94b12af9]{display:flex;align-items:center;justify-content:center}.custom-checkbox[data-v-94b12af9]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#0000004d;position:relative}.custom-checkbox[data-v-94b12af9]:hover{border-color:#ffffff80;background:#0006}.custom-checkbox.checked[data-v-94b12af9]{background:#ef4444;border-color:#ef4444}.custom-checkbox svg[data-v-94b12af9]{width:14px;height:14px;stroke-width:3;color:#fff}.custom-checkbox.indeterminate[data-v-94b12af9]{background:#ef4444;border-color:#ef4444}.indeterminate-line[data-v-94b12af9]{width:10px;height:2px;background:#fff;border-radius:1px}.col-index[data-v-94b12af9]{color:#ffffff80;font-size:.875rem;display:flex;align-items:center}.song-item.active .col-index[data-v-94b12af9]{color:#ef4444}.col-song[data-v-94b12af9]{overflow:hidden;display:flex;align-items:center}.song-name[data-v-94b12af9]{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-artist[data-v-94b12af9],.col-album[data-v-94b12af9],.col-duration[data-v-94b12af9]{color:#ffffffb3;display:flex;align-items:center;overflow:hidden}.artist-link[data-v-94b12af9],.album-link[data-v-94b12af9]{cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.artist-link[data-v-94b12af9]:hover,.album-link[data-v-94b12af9]:hover{color:#ef4444}.artist-link[data-v-94b12af9]:after,.album-link[data-v-94b12af9]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#ef4444;transition:width .3s ease}.artist-link[data-v-94b12af9]:hover:after,.album-link[data-v-94b12af9]:hover:after{width:100%}.col-album[data-v-94b12af9]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-duration[data-v-94b12af9]{text-align:right;font-variant-numeric:tabular-nums}.song-item.active .col-artist[data-v-94b12af9],.song-item.active .col-album[data-v-94b12af9],.song-item.active .col-duration[data-v-94b12af9]{color:#ef4444e6}.col-action[data-v-94b12af9]{display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn[data-v-94b12af9]{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-btn[data-v-94b12af9]:hover{background:#ef4444;transform:scale(1.1)}.play-btn.playing[data-v-94b12af9]{background:#ef4444}.action-btn svg[data-v-94b12af9]{width:16px;height:16px;stroke-width:2}.add-btn svg[data-v-94b12af9],.remove-btn svg[data-v-94b12af9]{width:14px;height:14px}.empty-state[data-v-94b12af9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff6}.empty-icon[data-v-94b12af9]{width:64px;height:64px;margin-bottom:1rem;stroke-width:1.5}.empty-state p[data-v-94b12af9]{font-size:1rem}@media(max-width:1024px){.song-list-header[data-v-94b12af9],.song-item[data-v-94b12af9]{grid-template-columns:40px 40px 2fr 1fr 1fr 80px 100px;gap:.5rem;padding:.75rem 1rem}.col-duration[data-v-94b12af9]{display:none}.batch-toolbar[data-v-94b12af9]{flex-direction:column;gap:1rem;align-items:stretch}.toolbar-right[data-v-94b12af9]{width:100%}.batch-add-btn[data-v-94b12af9],.batch-remove-btn[data-v-94b12af9]{width:100%;justify-content:center}}.player-control[data-v-b0187a5a]{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000f2,#000000d9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:1rem 2rem;z-index:1000}.player-container[data-v-b0187a5a]{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr 280px;gap:2rem;align-items:center}.song-section[data-v-b0187a5a]{display:flex;align-items:center;gap:1rem;min-width:0}.album-cover-wrapper[data-v-b0187a5a]{flex-shrink:0;cursor:pointer}.album-cover[data-v-b0187a5a]{width:56px;height:56px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000080;transition:transform .3s ease}.album-cover-wrapper:hover .album-cover[data-v-b0187a5a]{transform:scale(1.05)}.cover-image[data-v-b0187a5a]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-b0187a5a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f2937,#111827)}.cover-placeholder svg[data-v-b0187a5a]{width:24px;height:24px;color:#ffffff4d;stroke-width:1.5}.song-info[data-v-b0187a5a]{min-width:0;flex:1}.song-title[data-v-b0187a5a]{font-size:.95rem;font-weight:600;color:#fff;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist[data-v-b0187a5a]{font-size:.8rem;color:#fff9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-section[data-v-b0187a5a]{display:flex;flex-direction:column;gap:.75rem}.control-buttons[data-v-b0187a5a]{display:flex;align-items:center;justify-content:center;gap:1rem}.control-btn[data-v-b0187a5a]{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.control-btn[data-v-b0187a5a]:hover{background:#ffffff1a;transform:scale(1.1)}.control-btn svg[data-v-b0187a5a]{width:18px;height:18px;stroke-width:2}.play-btn[data-v-b0187a5a]{background:#ef4444;width:40px;height:40px}.play-btn[data-v-b0187a5a]:hover{background:#dc2626}.play-btn svg[data-v-b0187a5a]{width:20px;height:20px}.progress-section[data-v-b0187a5a]{display:flex;align-items:center;gap:.75rem}.time[data-v-b0187a5a]{font-size:.75rem;color:#ffffffb3;min-width:40px;text-align:center}.progress-bar[data-v-b0187a5a]{flex:1;cursor:pointer;padding:.5rem 0}.progress-track[data-v-b0187a5a]{position:relative;height:4px;background:#fff3;border-radius:2px;overflow:visible}.progress-fill[data-v-b0187a5a]{position:absolute;top:0;left:0;height:100%;background:#ef4444;border-radius:2px;transition:width .1s ease}.progress-thumb[data-v-b0187a5a]{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:0;transition:opacity .2s ease}.progress-bar:hover .progress-thumb[data-v-b0187a5a]{opacity:1}.right-section[data-v-b0187a5a]{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.mode-btn svg[data-v-b0187a5a]{width:18px;height:18px}.playlist-btn[data-v-b0187a5a]{position:relative}.playlist-count[data-v-b0187a5a]{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 4px;border-radius:8px;min-width:16px;text-align:center}.volume-control[data-v-b0187a5a]{display:flex;align-items:center;gap:.5rem;min-width:120px}.volume-btn svg[data-v-b0187a5a]{stroke-width:2;width:18px;height:18px}.volume-slider[data-v-b0187a5a]{flex:1}.volume-input[data-v-b0187a5a]{width:100%;height:4px;background:#fff3;border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer}.volume-input[data-v-b0187a5a]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.volume-input[data-v-b0187a5a]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;border:none;cursor:pointer}.playlist-panel[data-v-b0187a5a]{position:fixed;right:2rem;bottom:6rem;width:24rem;max-height:32rem;background:#14141efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 .5rem 2rem #00000080;border:1px solid rgba(255,255,255,.1);z-index:1001;display:flex;flex-direction:column}.playlist-header[data-v-b0187a5a]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.playlist-header h3[data-v-b0187a5a]{font-size:1rem;color:#fff;margin:0}.close-btn[data-v-b0187a5a]{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.close-btn[data-v-b0187a5a]:hover{color:#fff}.close-btn svg[data-v-b0187a5a]{width:20px;height:20px;stroke-width:2}.playlist-content[data-v-b0187a5a]{flex:1;overflow-y:auto;padding:.5rem 0}.playlist-item[data-v-b0187a5a]{display:flex;align-items:center;padding:.75rem 1.25rem;cursor:pointer;transition:background .2s;gap:.75rem}.playlist-item[data-v-b0187a5a]:hover{background:#ffffff0d}.playlist-item.active[data-v-b0187a5a]{background:#ef44441a}.playlist-item.active .playlist-item-name[data-v-b0187a5a]{color:#ef4444}.playlist-item-index[data-v-b0187a5a]{width:1.5rem;text-align:center;color:#ffffff80;font-size:.875rem}.playing-icon[data-v-b0187a5a]{width:16px;height:16px;color:#ef4444}.bar[data-v-b0187a5a]{animation:playing-b0187a5a .8s ease-in-out infinite}.bar1[data-v-b0187a5a]{animation-delay:0s}.bar2[data-v-b0187a5a]{animation-delay:.2s}@keyframes playing-b0187a5a{0%,to{height:16px;y:4px}50%{height:8px;y:8px}}.playlist-item-info[data-v-b0187a5a]{flex:1;min-width:0}.playlist-item-name[data-v-b0187a5a]{font-size:.875rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.playlist-item-artist[data-v-b0187a5a]{font-size:.75rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-duration[data-v-b0187a5a]{font-size:.75rem;color:#ffffff80;margin-right:.5rem}.playlist-item-delete[data-v-b0187a5a]{background:transparent;border:none;color:#fff6;cursor:pointer;padding:.25rem;display:none;transition:color .2s}.playlist-item:hover .playlist-item-delete[data-v-b0187a5a]{display:flex}.playlist-item-delete[data-v-b0187a5a]:hover{color:#ef4444}.playlist-item-delete svg[data-v-b0187a5a]{width:16px;height:16px;stroke-width:2}.playlist-empty[data-v-b0187a5a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#fff6}.playlist-empty svg[data-v-b0187a5a]{width:48px;height:48px;stroke-width:1.5;margin-bottom:1rem}.playlist-empty p[data-v-b0187a5a]{font-size:.875rem;margin:0}.playlist-overlay[data-v-b0187a5a]{position:fixed;inset:0;background:transparent;z-index:1000}.slide-up-enter-active[data-v-b0187a5a],.slide-up-leave-active[data-v-b0187a5a]{transition:all .3s ease}.slide-up-enter-from[data-v-b0187a5a],.slide-up-leave-to[data-v-b0187a5a]{opacity:0;transform:translateY(1rem)}@media(max-width:1024px){.player-container[data-v-b0187a5a]{grid-template-columns:220px 1fr 220px;gap:1rem}.playlist-panel[data-v-b0187a5a]{right:1rem;width:20rem}}@media(max-width:768px){.player-control[data-v-b0187a5a]{padding:1rem}.player-container[data-v-b0187a5a]{grid-template-columns:1fr;gap:1rem}.song-section[data-v-b0187a5a]{order:1}.control-section[data-v-b0187a5a]{order:2}.right-section[data-v-b0187a5a]{order:3;justify-content:center}.volume-control[data-v-b0187a5a]{min-width:100px}.playlist-panel[data-v-b0187a5a]{right:.5rem;left:.5rem;width:auto}}.full-player-view[data-v-9221d588]{position:fixed;inset:0;background:linear-gradient(to bottom,#2d1b3d,#1a1625,#0f0a15);z-index:2000;overflow:hidden}.player-content[data-v-9221d588]{height:100%;display:flex;flex-direction:column;padding:1rem 2rem;max-width:1400px;margin:0 auto}.top-bar[data-v-9221d588]{display:flex;align-items:center;justify-content:flex-start;padding:1rem 0;margin-bottom:1rem}.close-btn[data-v-9221d588]{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-9221d588]:hover{background:#fff3;transform:translateY(2px)}.close-btn svg[data-v-9221d588]{width:20px;height:20px;stroke-width:2}.spacer[data-v-9221d588]{flex:1}.main-layout[data-v-9221d588]{flex:1;display:grid;grid-template-columns:450px 1fr;gap:3rem;min-height:0;margin-bottom:1rem}.left-section[data-v-9221d588]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.album-section[data-v-9221d588]{display:flex;justify-content:center;align-items:center}.album-art-wrapper[data-v-9221d588]{position:relative;width:320px;height:320px}.album-art[data-v-9221d588]{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 20px 60px #0009;position:relative;z-index:2;background:linear-gradient(135deg,#1f2937,#111827)}.album-art.spinning[data-v-9221d588]{animation:spin-9221d588 20s linear infinite}.album-image[data-v-9221d588]{width:100%;height:100%;object-fit:cover}.album-placeholder[data-v-9221d588]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.album-placeholder svg[data-v-9221d588]{width:80px;height:80px;color:#ffffff4d;stroke-width:1.5}.vinyl-record[data-v-9221d588]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.8) 35.5%,rgba(0,0,0,.8) 36%,transparent 36.5%),repeating-radial-gradient(circle at center,#000000e6,#323232e6,#000000e6 4px);z-index:1;transform-origin:center center}.vinyl-record.spinning[data-v-9221d588]{animation:vinyl-spin-9221d588 20s linear infinite}@keyframes vinyl-spin-9221d588{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-9221d588{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.song-details[data-v-9221d588]{text-align:center;width:100%;padding:0 1rem}.song-name[data-v-9221d588]{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.4}.artist-name[data-v-9221d588],.album-name[data-v-9221d588],.album-source[data-v-9221d588]{font-size:1rem;color:#ffffffb3;margin:.5rem 0;line-height:1.6}.artist-name[data-v-9221d588]{color:#fffc}.album-source[data-v-9221d588]{font-size:.9rem;color:#ffffff80}.right-section[data-v-9221d588]{display:flex;flex-direction:column;min-height:0;overflow:hidden}.lyrics-tabs[data-v-9221d588]{display:flex;justify-content:flex-start;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.lyrics-tab[data-v-9221d588]{background:transparent;border:none;color:#fff9;padding:.5rem 1.5rem;cursor:pointer;font-size:.95rem;border-radius:8px;transition:all .3s ease}.lyrics-tab[data-v-9221d588]:hover{background:#ffffff0d;color:#fff}.lyrics-tab.active[data-v-9221d588]{background:#ef444433;color:#fff;font-weight:600}.lyrics-content[data-v-9221d588]{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;min-height:0}.lyrics-content[data-v-9221d588]::-webkit-scrollbar{width:6px}.lyrics-content[data-v-9221d588]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.lyrics-content[data-v-9221d588]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.lyrics-content[data-v-9221d588]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.lyrics-list[data-v-9221d588]{min-height:100%;display:flex;flex-direction:column}.lyric-lines[data-v-9221d588]{padding:2rem 0}.lyric-block[data-v-9221d588]{padding:1rem .5rem;transition:all .3s ease;border-left:3px solid transparent;margin-left:1rem}.lyric-block.active[data-v-9221d588]{border-left-color:#ef4444;background:#ef44440d;padding-left:1.5rem}.lyric-line-main[data-v-9221d588]{font-size:1.2rem;color:#ffffff80;line-height:1.8;margin-bottom:.5rem;transition:all .3s ease}.lyric-block.active .lyric-line-main[data-v-9221d588]{font-size:1.4rem;color:#fff;font-weight:600}.lyric-line-trans[data-v-9221d588]{font-size:1rem;color:#fff6;line-height:1.6;margin-bottom:.3rem;font-style:italic}.lyric-block.active .lyric-line-trans[data-v-9221d588]{color:#ffffffb3}.lyric-line-roma[data-v-9221d588]{font-size:.9rem;color:#ffffff4d;line-height:1.5}.lyric-block.active .lyric-line-roma[data-v-9221d588]{color:#ffffff80}.no-lyrics[data-v-9221d588]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:300px;color:#fff6}.no-lyrics svg[data-v-9221d588]{width:48px;height:48px;stroke-width:1.5}.no-lyrics p[data-v-9221d588]{font-size:1rem;margin:0}.info-content[data-v-9221d588]{padding:2rem}.info-item[data-v-9221d588]{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-item label[data-v-9221d588]{color:#fff9;font-weight:600;min-width:80px}.info-item span[data-v-9221d588]{color:#fff}.recommendation[data-v-9221d588]{margin-top:2rem;padding:1.5rem;background:#ffffff0d;border-radius:12px}.rec-title[data-v-9221d588]{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 1rem}.rec-text[data-v-9221d588]{color:#fff9;margin:0}.player-controls[data-v-9221d588]{padding:1.5rem 0}.progress-section[data-v-9221d588]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.time[data-v-9221d588]{font-size:.85rem;color:#ffffffb3;min-width:45px;text-align:center}.progress-bar[data-v-9221d588]{flex:1;cursor:pointer;padding:.5rem 0}.progress-track[data-v-9221d588]{position:relative;height:6px;background:#fff3;border-radius:3px}.progress-fill[data-v-9221d588]{position:absolute;top:0;left:0;height:100%;background:#ef4444;border-radius:3px;transition:width .1s ease}.progress-thumb[data-v-9221d588]{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:0;transition:opacity .2s ease}.progress-bar:hover .progress-thumb[data-v-9221d588]{opacity:1}.control-buttons[data-v-9221d588]{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.control-btn[data-v-9221d588]{background:#ffffff1a;border:none;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.control-btn[data-v-9221d588]:hover{background:#fff3;transform:scale(1.1)}.control-btn svg[data-v-9221d588]{width:20px;height:20px;stroke-width:2}.play-btn[data-v-9221d588]{background:#ef4444;width:64px;height:64px}.play-btn[data-v-9221d588]:hover{background:#dc2626}.play-btn svg[data-v-9221d588]{width:28px;height:28px}.playlist-btn[data-v-9221d588]{position:relative}.playlist-count[data-v-9221d588]{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.playlist-panel[data-v-9221d588]{position:fixed;background:#14141efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.2rem;box-shadow:0 1rem 3rem #00000080;border:1px solid rgba(255,255,255,.1);z-index:10001;display:flex;flex-direction:column}.playlist-header[data-v-9221d588]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.playlist-header h3[data-v-9221d588]{font-size:1.1rem;color:#fff;margin:0;font-weight:600}.playlist-close-btn[data-v-9221d588]{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.playlist-close-btn[data-v-9221d588]:hover{color:#fff}.playlist-close-btn svg[data-v-9221d588]{width:20px;height:20px;stroke-width:2}.playlist-content[data-v-9221d588]{flex:1;overflow-y:auto;padding:.5rem 0}.playlist-item[data-v-9221d588]{display:flex;align-items:center;padding:.875rem 1.5rem;cursor:pointer;transition:background .2s;gap:.875rem}.playlist-item[data-v-9221d588]:hover{background:#ffffff0d}.playlist-item.active[data-v-9221d588]{background:#ef44441a}.playlist-item.active .playlist-item-name[data-v-9221d588]{color:#ef4444}.playlist-item-index[data-v-9221d588]{width:1.5rem;text-align:center;color:#ffffff80;font-size:.9rem}.playing-icon[data-v-9221d588]{width:16px;height:16px;color:#ef4444}.bar[data-v-9221d588]{animation:playing-9221d588 .8s ease-in-out infinite}.bar1[data-v-9221d588]{animation-delay:0s}.bar2[data-v-9221d588]{animation-delay:.2s}@keyframes playing-9221d588{0%,to{height:16px;y:4px}50%{height:8px;y:8px}}.playlist-item-info[data-v-9221d588]{flex:1;min-width:0}.playlist-item-name[data-v-9221d588]{font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.3rem}.playlist-item-artist[data-v-9221d588]{font-size:.8rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-duration[data-v-9221d588]{font-size:.8rem;color:#ffffff80;margin-right:.5rem}.playlist-item-delete[data-v-9221d588]{background:transparent;border:none;color:#fff6;cursor:pointer;padding:.25rem;display:none;transition:color .2s}.playlist-item:hover .playlist-item-delete[data-v-9221d588]{display:flex}.playlist-item-delete[data-v-9221d588]:hover{color:#ef4444}.playlist-item-delete svg[data-v-9221d588]{width:16px;height:16px;stroke-width:2}.playlist-empty[data-v-9221d588]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;color:#fff6}.playlist-empty svg[data-v-9221d588]{width:54px;height:54px;stroke-width:1.5;margin-bottom:1.2rem}.playlist-empty p[data-v-9221d588]{font-size:.95rem;margin:0}.playlist-overlay[data-v-9221d588]{position:fixed;inset:0;background:transparent;z-index:10000}.playlist-slide-enter-active[data-v-9221d588],.playlist-slide-leave-active[data-v-9221d588]{transition:all .3s cubic-bezier(.4,0,.2,1)}.playlist-slide-enter-from[data-v-9221d588],.playlist-slide-leave-to[data-v-9221d588]{opacity:0;transform:translateY(10px)}.volume-section[data-v-9221d588]{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:400px;margin:0 auto}.volume-btn svg[data-v-9221d588]{width:20px;height:20px}.volume-slider[data-v-9221d588]{flex:1;max-width:200px}.volume-input[data-v-9221d588]{width:100%;height:6px;background:#fff3;border-radius:3px;outline:none;-webkit-appearance:none;cursor:pointer}.volume-input[data-v-9221d588]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer}.volume-input[data-v-9221d588]::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;border:none;cursor:pointer}.slide-up-enter-active[data-v-9221d588],.slide-up-leave-active[data-v-9221d588]{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease}.slide-up-enter-from[data-v-9221d588],.slide-up-leave-to[data-v-9221d588]{transform:translateY(100%);opacity:0}@media(max-width:768px){.player-content[data-v-9221d588]{padding:1rem}.album-art-wrapper[data-v-9221d588]{width:220px;height:220px}.lyric-line[data-v-9221d588]{font-size:1rem}.lyric-line.active[data-v-9221d588]{font-size:1.2rem}.control-buttons[data-v-9221d588]{gap:1rem}.control-btn[data-v-9221d588]{width:40px;height:40px}.play-btn[data-v-9221d588]{width:56px;height:56px}}.music-player-view[data-v-8b40319e]{min-height:100vh;background:linear-gradient(to bottom,#1a1a2e,#16213e,#0f1419);color:#fff;padding-bottom:180px}.header[data-v-8b40319e]{position:sticky;top:0;z-index:100;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem}.header-content[data-v-8b40319e]{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:2rem}.logo[data-v-8b40319e]{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.logo-icon[data-v-8b40319e]{width:32px;height:32px;stroke-width:2;color:#ef4444}.logo h1[data-v-8b40319e]{font-size:1.25rem;font-weight:700;color:#fff;margin:0;white-space:nowrap}.tabs[data-v-8b40319e]{position:sticky;top:65px;z-index:99;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);padding:0 2rem}.tabs-content[data-v-8b40319e]{max-width:1400px;margin:0 auto;display:flex;gap:.5rem}.tab-button[data-v-8b40319e]{background:transparent;border:none;color:#ffffffb3;padding:1rem 1.5rem;cursor:pointer;font-size:.95rem;font-weight:500;border-bottom:2px solid transparent;transition:all .3s ease;white-space:nowrap}.tab-button[data-v-8b40319e]:hover{color:#fff;background:#ffffff0d}.tab-button.active[data-v-8b40319e]{color:#fff;border-bottom-color:#ef4444;background:#ef44441a}.main-content[data-v-8b40319e]{max-width:1400px;margin:0 auto;padding:2rem}.content-section[data-v-8b40319e]{background:#0003;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-content[data-v-8b40319e]{animation:fadeIn-8b40319e .3s ease}@keyframes fadeIn-8b40319e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-header[data-v-8b40319e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-left[data-v-8b40319e]{display:flex;align-items:center;gap:1rem}.back-btn[data-v-8b40319e]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.back-btn[data-v-8b40319e]:hover{background:#ffffff1a;border-color:#ef4444;transform:translate(-2px)}.back-btn svg[data-v-8b40319e]{width:16px;height:16px;stroke-width:2}.section-title[data-v-8b40319e]{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.search-info[data-v-8b40319e]{display:flex;align-items:center;gap:1rem}.result-count[data-v-8b40319e]{color:#ffffffb3;font-size:.95rem}.pagination[data-v-8b40319e]{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1.5rem;background:#0003;border-radius:12px}.page-btn[data-v-8b40319e]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.page-btn[data-v-8b40319e]:hover:not(:disabled){background:#ffffff1a;border-color:#ef4444}.page-btn[data-v-8b40319e]:disabled{opacity:.3;cursor:not-allowed}.page-btn svg[data-v-8b40319e]{width:16px;height:16px;stroke-width:2}.page-numbers[data-v-8b40319e]{display:flex;gap:.25rem}.page-number[data-v-8b40319e]{min-width:40px;height:40px;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.page-number[data-v-8b40319e]:hover{background:#ffffff1a;border-color:#ef4444}.page-number.active[data-v-8b40319e]{background:#ef4444;border-color:#ef4444;font-weight:600}.page-jump[data-v-8b40319e]{display:flex;align-items:center;gap:.5rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.1)}.page-jump span[data-v-8b40319e]{color:#ffffffb3;font-size:.9rem}.page-input[data-v-8b40319e]{width:60px;height:40px;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;text-align:center;transition:all .3s ease}.page-input[data-v-8b40319e]:focus{outline:none;border-color:#ef4444;background:#ffffff14}.page-input[data-v-8b40319e]::-webkit-inner-spin-button,.page-input[data-v-8b40319e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jump-btn[data-v-8b40319e]{height:40px;padding:0 1rem;background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.jump-btn[data-v-8b40319e]:hover{background:#dc2626;transform:translateY(-1px)}.loading-overlay[data-v-8b40319e]{position:fixed;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:9999}.loading-spinner[data-v-8b40319e]{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#ef4444;border-radius:50%;animation:spin-8b40319e .8s linear infinite}@keyframes spin-8b40319e{to{transform:rotate(360deg)}}@media(max-width:768px){.header-content[data-v-8b40319e]{flex-direction:column;gap:1rem}.pagination[data-v-8b40319e],.page-numbers[data-v-8b40319e]{flex-wrap:wrap}}@keyframes slideDown-8b40319e{0%{transform:translate(-50%) translateY(-30px);opacity:0}60%{transform:translate(-50%) translateY(5px)}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideUp-8b40319e{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-30px);opacity:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.main-container{width:100%;min-height:100vh;position:relative}.user-float-btn{position:fixed;top:.5rem;right:2rem;width:3rem;height:3rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:1000;border:2px solid rgba(255,255,255,.2)}.user-float-btn:hover{background:#fff3;transform:scale(1.1)}.user-icon{width:1.5rem;height:1.5rem;color:#fff}.user-menu{position:fixed;top:4.25rem;right:2rem;width:17.5rem;background:#1e1e28f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;padding:1.25rem;box-shadow:0 .5rem 2rem #0006;z-index:1001;border:1px solid rgba(255,255,255,.1)}.user-menu-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.user-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:600;flex-shrink:0}.user-details{flex:1;min-width:0}.user-email{color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.25rem;word-break:break-all;overflow:hidden;text-overflow:ellipsis}.user-id{color:#fff9;font-size:.75rem}.user-menu-divider{height:1px;background:#ffffff1a;margin:1rem 0}.logout-button{width:100%;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.625rem;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.logout-button:hover{background:#ef444433;border-color:#ef444480}.logout-icon{width:1.125rem;height:1.125rem}.menu-overlay{position:fixed;inset:0;z-index:999;background:transparent}.slide-down-enter-active,.slide-down-leave-active{transition:all .3s ease}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-.625rem)}@media(max-width:768px){.user-float-btn{top:.5rem;right:1rem;width:2.75rem;height:2.75rem}.user-menu{top:4rem;right:1rem;width:calc(100vw - 2rem);max-width:20rem}.user-icon{width:1.25rem;height:1.25rem}}@media(max-width:480px){.user-float-btn{width:2.5rem;height:2.5rem}.user-menu{width:calc(100vw - 1.5rem)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}