@charset "UTF-8";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@500;600;700;800&display=swap";.nav-header[data-v-322a874c]{position:fixed;top:0;left:0;right:0;z-index:9999;height:4rem;background:rgba(30,30,30,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,42,109,.2);box-shadow:0 2px 20px #0000004d;isolation:isolate}.nav-container[data-v-322a874c]{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:100%;max-width:1400px;margin:0 auto}.nav-brand[data-v-322a874c]{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;font-weight:700;font-size:1.25rem}.nav-brand .brand-icon[data-v-322a874c]{width:2.5rem;height:2.5rem;background:#ff2a6d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.nav-brand .brand-text[data-v-322a874c]{color:#fff}.nav-menu[data-v-322a874c]{display:flex;align-items:center;gap:2rem}.nav-menu .nav-link[data-v-322a874c]{color:#d1d5db;text-decoration:none;font-weight:500;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-menu .nav-link[data-v-322a874c]:hover{color:#fff}.nav-menu .nav-link.router-link-active[data-v-322a874c]{color:#ff2a6d}.nav-menu .nav-link.router-link-active[data-v-322a874c]:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:#ff2a6d;border-radius:1px}.nav-actions[data-v-322a874c]{display:flex;align-items:center;gap:1rem}.user-avatar[data-v-322a874c]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.user-avatar[data-v-322a874c]:hover{border-color:#ff2a6d;transform:scale(1.05)}.user-avatar .avatar-image[data-v-322a874c]{width:100%;height:100%;object-fit:cover}.user-avatar .avatar-placeholder[data-v-322a874c]{width:100%;height:100%;background:rgba(255,42,109,.2);display:flex;align-items:center;justify-content:center;color:#ff2a6d;font-size:1rem}.mobile-menu-btn[data-v-322a874c]{display:none;background:transparent;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem}@media (max-width: 768px){.mobile-menu-btn[data-v-322a874c]{display:block}}.user-info[data-v-322a874c]{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.user-info .user-name[data-v-322a874c]{font-weight:600;color:#fff;font-size:.875rem}.user-info .user-type[data-v-322a874c]{font-size:.75rem;color:#9ca3af;padding:.125rem .5rem;border-radius:9999px;background:rgba(45,45,45,.3)}.user-info .user-type.admin[data-v-322a874c]{color:#ff2a6d;background:rgba(255,42,109,.1)}.mobile-menu[data-v-322a874c]{position:fixed;top:4rem;left:0;right:0;background:rgba(30,30,30,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,42,109,.2);z-index:999}.mobile-menu .mobile-menu-content[data-v-322a874c]{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mobile-menu .mobile-menu-content .mobile-nav-link[data-v-322a874c]{color:#d1d5db;text-decoration:none;padding:.75rem 1rem;border-radius:.75rem;transition:all .3s ease;font-weight:500}.mobile-menu .mobile-menu-content .mobile-nav-link[data-v-322a874c]:hover,.mobile-menu .mobile-menu-content .mobile-nav-link.router-link-active[data-v-322a874c]{color:#ff2a6d;background:rgba(255,42,109,.1)}.mobile-menu .mobile-menu-content .mobile-nav-link.logout-btn[data-v-322a874c]{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3);text-align:center}.mobile-menu .mobile-menu-content .mobile-nav-link.logout-btn[data-v-322a874c]:hover{background:rgba(239,68,68,.2)}.mobile-menu .mobile-menu-content .mobile-user-info[data-v-322a874c]{padding:.75rem 1rem;background:rgba(45,45,45,.2);border-radius:.75rem;color:#d1d5db;font-size:.875rem;text-align:center;display:flex;align-items:center;gap:.75rem}.mobile-menu .mobile-menu-content .mobile-user-info .mobile-user-avatar[data-v-322a874c]{width:2rem;height:2rem;border-radius:50%;overflow:hidden;flex-shrink:0}.mobile-menu .mobile-menu-content .mobile-user-info .mobile-user-avatar .mobile-avatar-image[data-v-322a874c]{width:100%;height:100%;object-fit:cover}.mobile-menu .mobile-menu-content .mobile-user-info .mobile-user-avatar .mobile-avatar-placeholder[data-v-322a874c]{width:100%;height:100%;background:rgba(255,42,109,.2);display:flex;align-items:center;justify-content:center;color:#ff2a6d;font-size:.875rem}@media (max-width: 768px){.nav-container[data-v-322a874c]{padding:1rem!important}.nav-menu[data-v-322a874c],.user-info[data-v-322a874c]{display:none}}@media (max-width: 480px){.brand-text[data-v-322a874c]{display:none}.brand-icon[data-v-322a874c]{width:2rem!important;height:2rem!important;font-size:1rem!important}}.music-box[data-v-596fa2d4]{position:fixed;top:5rem;left:2rem;z-index:1000;transition:all .3s ease}.vinyl-disc[data-v-596fa2d4]{width:80px;height:80px;background:#000000;border-radius:50%;position:relative;cursor:pointer;box-shadow:0 10px 25px #0000004d;transition:all .3s ease;animation:rotate-596fa2d4 3s linear infinite;border:3px solid #ff2a6d}.vinyl-disc[data-v-596fa2d4]:hover{transform:scale(1.1);box-shadow:0 10px 25px #ff2a6d33;animation-play-state:paused}.vinyl-disc[data-v-596fa2d4]:active{transform:scale(.95)}.vinyl-center[data-v-596fa2d4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#ff2a6d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;box-shadow:inset 0 0 10px #00000080}.vinyl-grooves[data-v-596fa2d4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.vinyl-grooves[data-v-596fa2d4]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.vinyl-grooves[data-v-596fa2d4]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:50%}@keyframes rotate-596fa2d4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-panel[data-v-596fa2d4]{position:absolute;top:100px;left:0;min-width:400px;max-height:100vh;background:#1e1e1e;border:1px solid rgba(255,42,109,.3);border-radius:1rem;box-shadow:0 10px 25px #ff2a6d33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column}.music-panel .panel-header[data-v-596fa2d4]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#ff2a6d,#05d9e8);color:#fff}.music-panel .panel-header h3[data-v-596fa2d4]{margin:0;font-size:1.1rem;font-weight:600}.music-panel .panel-header .close-btn[data-v-596fa2d4]{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.music-panel .panel-header .close-btn[data-v-596fa2d4]:hover{background:rgba(255,255,255,.2)}.music-panel .tab-navigation[data-v-596fa2d4]{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.music-panel .tab-navigation .tab-btn[data-v-596fa2d4]{flex:1;padding:.75rem 1rem;background:none;border:none;color:#9ca3af;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}.music-panel .tab-navigation .tab-btn[data-v-596fa2d4]:hover{color:#fff;background:rgba(255,255,255,.05)}.music-panel .tab-navigation .tab-btn.active[data-v-596fa2d4]{color:#ff2a6d;border-bottom:2px solid #ff2a6d}.music-panel .tab-navigation .tab-btn .badge[data-v-596fa2d4]{background:#05d9e8;color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;min-width:20px;text-align:center}.music-panel .tab-content[data-v-596fa2d4]{flex:1}.music-panel .tab-content[data-v-596fa2d4]:first-child{padding-top:1rem}.music-panel .tab-header[data-v-596fa2d4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.music-panel .tab-header h4[data-v-596fa2d4]{margin:0;color:#05d9e8;font-size:1rem}.music-panel .tab-header .tab-actions[data-v-596fa2d4]{display:flex;align-items:center;gap:1rem}.music-panel .tab-header .tab-actions .clear-btn[data-v-596fa2d4]{padding:.5rem;background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s ease}.music-panel .tab-header .tab-actions .clear-btn[data-v-596fa2d4]:hover{background:rgb(234.9802955665,21.0197044335,21.0197044335)}.music-panel .tab-header .tab-actions .auto-play-toggle[data-v-596fa2d4]{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.9rem;cursor:pointer}.music-panel .tab-header .tab-actions .auto-play-toggle input[type=checkbox][data-v-596fa2d4]{accent-color:#ff2a6d}.search-section[data-v-596fa2d4]{padding:1rem}.search-section .search-input-group[data-v-596fa2d4]{display:flex;gap:.5rem}.search-section .search-input-group .search-input[data-v-596fa2d4]{flex:1;padding:.75rem;background:#2d2d2d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;font-size:.9rem}.search-section .search-input-group .search-input[data-v-596fa2d4]::placeholder{color:#9ca3af}.search-section .search-input-group .search-input[data-v-596fa2d4]:focus{outline:none;border-color:#ff2a6d;box-shadow:0 0 0 2px #ff2a6d33}.search-section .search-input-group .search-btn[data-v-596fa2d4]{padding:.75rem 1rem;background:#ff2a6d;border:none;border-radius:.75rem;color:#fff;cursor:pointer;transition:all .2s ease}.search-section .search-input-group .search-btn[data-v-596fa2d4]:hover{background:rgb(246,0,77.3802816901);transform:translateY(-1px)}.search-section .quality-selector[data-v-596fa2d4]{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.9rem}.search-section .quality-selector label[data-v-596fa2d4]{margin-right:.5rem}.search-section .quality-selector .quality-select[data-v-596fa2d4]{padding:.5rem 1rem;background:#2d2d2d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.search-section .quality-selector .quality-select[data-v-596fa2d4]:hover{background:#374151}.search-section .quality-selector .quality-select[data-v-596fa2d4]:focus{outline:none;border-color:#ff2a6d;box-shadow:0 0 0 2px #ff2a6d33}.results-section[data-v-596fa2d4]{padding:0 1rem 1rem}.results-section h4[data-v-596fa2d4]{margin:0 0 1rem;color:#05d9e8;font-size:1rem}.results-section .results-list[data-v-596fa2d4]{max-height:256px;overflow-y:auto}.results-section .results-list .song-item[data-v-596fa2d4]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#2d2d2d;border-radius:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;height:80px}.results-section .results-list .song-item[data-v-596fa2d4]:hover{background:#374151;border-color:#ff2a6d;transform:translate(5px);box-shadow:0 4px 12px #ff2a6d33}.results-section .results-list .song-item .song-cover[data-v-596fa2d4]{width:50px;height:50px;border-radius:.5rem;overflow:hidden;flex-shrink:0}.results-section .results-list .song-item .song-cover img[data-v-596fa2d4]{width:100%;height:100%;object-fit:cover}.results-section .results-list .song-item .song-info[data-v-596fa2d4]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.results-section .results-list .song-item .song-info .song-title[data-v-596fa2d4]{font-weight:600;color:#fff;margin-bottom:.2rem;font-size:.9rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-section .results-list .song-item .song-info .song-artist[data-v-596fa2d4]{font-size:.8rem;color:#05d9e8;margin-bottom:.2rem;line-height:1.2}.results-section .results-list .song-item .song-info .song-album[data-v-596fa2d4]{font-size:.75rem;color:#9ca3af;margin-bottom:.2rem;line-height:1.2}.results-section .results-list .song-item .song-info .song-details[data-v-596fa2d4]{font-size:.7rem;color:#9ca3af;display:flex;gap:.8rem;line-height:1.2}.results-section .results-list .song-item .song-info .song-details .song-duration[data-v-596fa2d4],.results-section .results-list .song-item .song-info .song-details .song-size[data-v-596fa2d4]{white-space:nowrap}.results-section .results-list .song-item .song-quality[data-v-596fa2d4]{font-size:.7rem;color:#ff2a6d;background:rgba(255,42,109,.1);padding:.25rem .5rem;border-radius:.5rem;white-space:nowrap;flex-shrink:0;max-width:120px;text-align:center;overflow:hidden;text-overflow:ellipsis}.results-section .results-list .song-item .song-actions[data-v-596fa2d4]{display:flex;gap:.5rem;flex-shrink:0;margin-left:auto}.results-section .results-list .song-item .song-actions .favorite-btn[data-v-596fa2d4]{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.results-section .results-list .song-item .song-actions .favorite-btn[data-v-596fa2d4]:hover{color:#ef4444;background:rgba(239,68,68,.2);border-color:#ef4444;transform:scale(1.1)}.results-section .results-list .song-item .song-actions .favorite-btn.active[data-v-596fa2d4]{color:#ef4444;background:rgba(239,68,68,.2);border-color:#ef4444}.results-section .results-list .song-item .song-actions .play-btn[data-v-596fa2d4]{background:#05d9e8;border:none;border-radius:50%;width:32px;height:32px;color:#fff;cursor:pointer;transition:all .2s ease}.results-section .results-list .song-item .song-actions .play-btn[data-v-596fa2d4]:hover{background:rgb(3.9240506329,170.3037974684,182.0759493671);transform:scale(1.1)}.history-list[data-v-596fa2d4]{max-height:256px;overflow-y:auto;margin-top:1rem}.history-list .history-item[data-v-596fa2d4]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#2d2d2d;border-radius:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;height:80px}.history-list .history-item[data-v-596fa2d4]:hover{background:#374151;border-color:#ff2a6d;transform:translate(5px)}.history-list .history-item .history-cover[data-v-596fa2d4]{width:50px;height:50px;border-radius:.5rem;overflow:hidden;flex-shrink:0}.history-list .history-item .history-cover img[data-v-596fa2d4]{width:100%;height:100%;object-fit:cover}.history-list .history-item .history-info[data-v-596fa2d4]{flex:1;min-width:0}.history-list .history-item .history-info .history-title[data-v-596fa2d4]{font-weight:600;color:#fff;margin-bottom:.2rem;font-size:.9rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-list .history-item .history-info .history-artist[data-v-596fa2d4]{font-size:.8rem;color:#05d9e8;margin-bottom:.2rem;line-height:1.2}.history-list .history-item .history-info .history-meta[data-v-596fa2d4]{font-size:.7rem;color:#9ca3af;display:flex;gap:.8rem;line-height:1.2}.history-list .history-item .history-actions[data-v-596fa2d4]{display:flex;gap:.5rem;margin-left:auto}.history-list .history-item .favorite-btn[data-v-596fa2d4]{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.history-list .history-item .favorite-btn[data-v-596fa2d4]:hover{color:#ef4444;background:rgba(239,68,68,.2);border-color:#ef4444;transform:scale(1.1)}.history-list .history-item .favorite-btn.active[data-v-596fa2d4]{color:#ef4444;background:rgba(239,68,68,.2);border-color:#ef4444}.history-list .history-item .play-btn[data-v-596fa2d4]{background:#05d9e8;border:none;border-radius:50%;width:32px;height:32px;color:#fff;cursor:pointer;transition:all .2s ease}.history-list .history-item .play-btn[data-v-596fa2d4]:hover{background:rgb(3.9240506329,170.3037974684,182.0759493671);transform:scale(1.1)}.favorites-list[data-v-596fa2d4]{max-height:256px;overflow-y:auto;margin-top:1rem}.favorites-list .favorite-item[data-v-596fa2d4]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#2d2d2d;border-radius:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;height:80px}.favorites-list .favorite-item[data-v-596fa2d4]:hover{background:#374151;border-color:#ff2a6d;transform:translate(5px)}.favorites-list .favorite-item .favorite-cover[data-v-596fa2d4]{width:50px;height:50px;border-radius:.5rem;overflow:hidden;flex-shrink:0}.favorites-list .favorite-item .favorite-cover img[data-v-596fa2d4]{width:100%;height:100%;object-fit:cover}.favorites-list .favorite-item .favorite-info[data-v-596fa2d4]{flex:1;min-width:0}.favorites-list .favorite-item .favorite-info .favorite-title[data-v-596fa2d4]{font-weight:600;color:#fff;margin-bottom:.2rem;font-size:.9rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorites-list .favorite-item .favorite-info .favorite-artist[data-v-596fa2d4]{font-size:.8rem;color:#05d9e8;margin-bottom:.2rem;line-height:1.2}.favorites-list .favorite-item .favorite-info .favorite-meta[data-v-596fa2d4]{font-size:.7rem;color:#9ca3af;display:flex;gap:.8rem;line-height:1.2}.favorites-list .favorite-item .favorite-actions[data-v-596fa2d4]{display:flex;gap:.5rem;margin-left:auto}.favorites-list .favorite-item .remove-btn[data-v-596fa2d4]{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.favorites-list .favorite-item .remove-btn[data-v-596fa2d4]:hover{color:#ef4444}.favorites-list .favorite-item .play-btn[data-v-596fa2d4]{background:#05d9e8;border:none;border-radius:50%;width:32px;height:32px;color:#fff;cursor:pointer;transition:all .2s ease}.favorites-list .favorite-item .play-btn[data-v-596fa2d4]:hover{background:rgb(3.9240506329,170.3037974684,182.0759493671);transform:scale(1.1)}.player-section[data-v-596fa2d4]{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.player-section h4[data-v-596fa2d4]{margin:0 0 1rem;color:#05d9e8;font-size:1rem}.player-section .now-playing[data-v-596fa2d4]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#2d2d2d;border-radius:.75rem}.player-section .now-playing .playing-cover[data-v-596fa2d4]{width:60px;height:60px;border-radius:.5rem;overflow:hidden;flex-shrink:0}.player-section .now-playing .playing-cover img[data-v-596fa2d4]{width:100%;height:100%;object-fit:cover}.player-section .now-playing .playing-info[data-v-596fa2d4]{flex:1}.player-section .now-playing .playing-info .playing-title[data-v-596fa2d4]{font-weight:600;color:#fff;margin-bottom:.25rem}.player-section .now-playing .playing-info .playing-artist[data-v-596fa2d4]{font-size:.9rem;color:#05d9e8}.player-section .now-playing .playing-info .playing-album[data-v-596fa2d4]{font-size:.8rem;color:#9ca3af}.player-section .now-playing .playing-controls[data-v-596fa2d4]{display:flex;gap:.5rem}.player-section .now-playing .playing-controls .control-btn[data-v-596fa2d4]{background:#ff2a6d;border:none;border-radius:50%;width:36px;height:36px;color:#fff;cursor:pointer;transition:all .2s ease}.player-section .now-playing .playing-controls .control-btn[data-v-596fa2d4]:hover{background:rgb(246,0,77.3802816901);transform:scale(1.1)}.player-section .progress-container[data-v-596fa2d4]{margin-top:1rem;display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.8rem}.player-section .progress-container .progress-bar[data-v-596fa2d4]{flex:1;height:5px;background:rgba(255,255,255,.1);border-radius:2.5px;overflow:visible;position:relative;cursor:pointer}.player-section .progress-container .progress-bar:hover .progress-handle[data-v-596fa2d4]{transform:translateY(-50%) scale(1.2)}.player-section .progress-container .progress-bar .progress-fill[data-v-596fa2d4]{height:100%;background:linear-gradient(90deg,#ff2a6d,#05d9e8);border-radius:2.5px;transition:width .2s ease}.player-section .progress-container .progress-bar .progress-handle[data-v-596fa2d4]{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#ffffff;border:3px solid #ff2a6d;border-radius:50%;cursor:grab;-webkit-user-select:none;user-select:none;z-index:2;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease}.player-section .progress-container .progress-bar .progress-handle[data-v-596fa2d4]:active{cursor:grabbing;transform:translateY(-50%) scale(1.1)}.player-section .progress-container .time-display[data-v-596fa2d4]{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:#9ca3af}.player-section .progress-container .time-display .current-time[data-v-596fa2d4],.player-section .progress-container .time-display .total-time[data-v-596fa2d4]{font-family:Courier New,monospace;font-weight:500}.player-section .progress-container .time-display .current-time[data-v-596fa2d4]{color:#ff2a6d}.player-section .progress-container .time-display .total-time[data-v-596fa2d4]{color:#6b7280}.loading[data-v-596fa2d4]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#9ca3af}.loading .spinner[data-v-596fa2d4]{width:20px;height:20px;border:2px solid #4b5563;border-top:2px solid #ff2a6d;border-radius:50%;animation:spin-596fa2d4 1s linear infinite}@keyframes spin-596fa2d4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-596fa2d4]{padding:1rem;color:#ef4444;text-align:center;background:rgba(239,68,68,.1);border-radius:.75rem;margin:1rem}.error-message .error-content[data-v-596fa2d4]{display:flex;align-items:center;justify-content:center;gap:.5rem}.error-message .retry-btn[data-v-596fa2d4]{padding:.5rem 1rem;background:#ff2a6d;border:none;border-radius:.75rem;color:#fff;cursor:pointer;transition:all .2s ease}.error-message .retry-btn[data-v-596fa2d4]:hover{background:rgb(246,0,77.3802816901)}.error-message .retry-btn[data-v-596fa2d4]:disabled{background:#4b5563;cursor:not-allowed;color:#9ca3af}.empty-state[data-v-596fa2d4]{text-align:center;padding:2rem;color:#9ca3af;font-size:1rem}.empty-state i[data-v-596fa2d4]{font-size:2rem;margin-bottom:.5rem}.empty-state p[data-v-596fa2d4]{margin-bottom:.25rem}.empty-state .empty-tip[data-v-596fa2d4]{font-size:.8rem;color:#6b7280}.mini-player[data-v-596fa2d4]{position:absolute;top:100px;left:0;width:160px;padding:2px;background:rgba(30,30,30,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:998;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;transform:translateY(0)}.mini-player .mini-info[data-v-596fa2d4]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.mini-player .mini-info .mini-title[data-v-596fa2d4]{font-weight:600;color:#fff;font-size:.95rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.mini-player .mini-info .mini-artist[data-v-596fa2d4]{font-size:.8rem;color:#05d9e8;line-height:1.2}.mini-player .mini-controls[data-v-596fa2d4]{display:flex;gap:.75rem;flex-shrink:0}.mini-player .mini-btn[data-v-596fa2d4]{background:#ff2a6d;border:none;border-radius:50%;width:40px;height:40px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff2a6d4d}.mini-player .mini-btn[data-v-596fa2d4]:hover{background:rgb(246,0,77.3802816901);transform:translateY(-2px);box-shadow:0 4px 16px #ff2a6d66}.mini-player .mini-btn[data-v-596fa2d4]:active{transform:translateY(0);box-shadow:0 2px 8px #ff2a6d4d}.mini-player .mini-btn i[data-v-596fa2d4]{font-size:.9rem}.song-actions[data-v-596fa2d4]{display:flex;gap:.5rem}.song-actions .favorite-btn[data-v-596fa2d4]{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.song-actions .favorite-btn[data-v-596fa2d4]:hover{color:#ef4444;background:rgba(239,68,68,.2);border-color:#ef4444;transform:scale(1.1)}.song-actions .favorite-btn.active[data-v-596fa2d4]{color:#ef4444;background:rgba(239,68,68,.2);border-color:#ef4444}#app{min-height:calc(100vh - 4rem);background:#121212;color:#fff;font-family:Inter,Helvetica Neue,Arial,sans-serif;padding-top:0}.main-content{padding-top:4rem;min-height:calc(100vh - 4rem);width:100%;position:relative;z-index:1}@keyframes music-pulse-4fc1a4f0{0%,to{transform:scaleZ(1);opacity:1}50%{transform:scale3d(1.05,1.05,1.05);opacity:.8}}@keyframes vinyl-spin-4fc1a4f0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waveform-4fc1a4f0{0%{transform:scaleY(.5) scaleX(1)}25%{transform:scaleY(1) scaleX(.9)}50%{transform:scaleY(.3) scaleX(1.1)}75%{transform:scaleY(.8) scaleX(.95)}to{transform:scaleY(.5) scaleX(1)}}@keyframes shimmer-4fc1a4f0{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes text-glow-4fc1a4f0{0%{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.5)}to{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px rgba(255,255,255,.75),0 0 40px rgba(255,255,255,.75)}}@keyframes fade-in-up-4fc1a4f0{to{opacity:1;transform:translateZ(0)}}@keyframes fade-in-left-4fc1a4f0{to{opacity:1;transform:translateZ(0)}}@keyframes scale-in-4fc1a4f0{50%{opacity:1}to{opacity:1;transform:scaleZ(1)}}@keyframes modal-enter-4fc1a4f0{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-backdrop-4fc1a4f0{to{opacity:1}}@keyframes loading-spin-4fc1a4f0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-dots-4fc1a4f0{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.home-view[data-v-4fc1a4f0]{min-height:calc(100vh - 4rem);width:100%}.hero-section[data-v-4fc1a4f0]{min-height:calc(100vh - 4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.hero-section .hero-background[data-v-4fc1a4f0]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-section .hero-background .gradient-overlay[data-v-4fc1a4f0]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,42,109,.2),rgba(5,217,232,.2));mix-blend-mode:overlay}.hero-section .hero-background .pattern-overlay[data-v-4fc1a4f0]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3}.hero-section .hero-content[data-v-4fc1a4f0]{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;width:100%;align-items:center}@media (max-width: 768px){.hero-section .hero-content[data-v-4fc1a4f0]{grid-template-columns:1fr;gap:2rem;text-align:center}}.hero-section .hero-text .hero-title[data-v-4fc1a4f0]{font-family:Montserrat,Inter,sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em;opacity:0;transform:translate3d(0,40px,0);animation:fade-in-up-4fc1a4f0 .8s ease-out .2s forwards}.hero-section .hero-text .hero-title .title-line[data-v-4fc1a4f0]{display:block;opacity:0;transform:translate3d(-30px,0,0);animation:fade-in-left-4fc1a4f0 .6s ease-out 0s forwards}.hero-section .hero-text .hero-title .title-line[data-v-4fc1a4f0]:first-child{animation-delay:.4s}.hero-section .hero-text .hero-title .title-line[data-v-4fc1a4f0]:last-child{color:#fff;animation-delay:.6s}.hero-section .hero-text .hero-subtitle[data-v-4fc1a4f0]{font-size:clamp(1rem,3vw,1.25rem);color:#d1d5db;line-height:1.6;margin:0 0 2.5rem;max-width:500px;opacity:0;transform:translate3d(0,30px,0);animation:fade-in-up-4fc1a4f0 .6s ease-out .8s forwards}.hero-section .hero-text .hero-actions[data-v-4fc1a4f0]{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;transform:translate3d(0,20px,0);animation:fade-in-up-4fc1a4f0 .5s ease-out 1s forwards}.hero-section .hero-text .hero-actions .btn[data-v-4fc1a4f0]{transition:transform box-shadow background-color .3s cubic-bezier(.4,0,.2,1);will-change:transform box-shadow background-color;transition:transform box-shadow .3s cubic-bezier(.4,0,.2,1);will-change:transform box-shadow;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.hero-section .hero-text .hero-actions .btn[data-v-4fc1a4f0]:not(:hover):not(:focus):not(:active){will-change:auto}.hero-section .hero-text .hero-actions .btn[data-v-4fc1a4f0]:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 10px 25px #0000004d}@media (prefers-reduced-motion: reduce){.hero-section .hero-text .hero-actions .btn[data-v-4fc1a4f0] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero-section .hero-text .hero-actions .btn[data-v-4fc1a4f0]:active{transform:translateY(0) translateZ(0);transition-duration:.1s}.hero-section .hero-text .hero-actions .btn[data-v-4fc1a4f0]:nth-child(1){animation-delay:1.2s}.hero-section .hero-text .hero-actions .btn[data-v-4fc1a4f0]:nth-child(2){animation-delay:1.4s}@media (max-width: 480px){.hero-section .hero-text .hero-actions[data-v-4fc1a4f0]{flex-direction:column}}.music-preview .preview-card[data-v-4fc1a4f0]{max-width:400px;padding:2rem}.music-preview .preview-card .preview-image[data-v-4fc1a4f0]{text-align:center;margin-bottom:1.5rem}.music-preview .preview-card .preview-image .album-cover[data-v-4fc1a4f0]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#ff2a6d,#05d9e8);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:3rem;color:#fff;box-shadow:0 10px 25px #ff2a6d33}.music-preview .preview-card .preview-content[data-v-4fc1a4f0]{text-align:center}.music-preview .preview-card .preview-content .track-title[data-v-4fc1a4f0]{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#fff}.music-preview .preview-card .preview-content .artist-name[data-v-4fc1a4f0]{color:#ff2a6d;font-weight:500;margin:0 0 1.5rem}.music-preview .preview-card .preview-content .player-controls[data-v-4fc1a4f0]{display:flex;align-items:center;gap:1rem}.music-preview .preview-card .preview-content .player-controls .play-btn[data-v-4fc1a4f0]{background:none;border:none;color:#ff2a6d;font-size:2rem;cursor:pointer;transition:all .3s ease}.music-preview .preview-card .preview-content .player-controls .play-btn[data-v-4fc1a4f0]:hover{color:#fff;transform:scale(1.1)}.music-preview .preview-card .preview-content .player-controls .progress-bar[data-v-4fc1a4f0]{flex:1;height:4px;background:rgba(45,45,45,.3);border-radius:2px;overflow:hidden}.music-preview .preview-card .preview-content .player-controls .progress-bar .progress[data-v-4fc1a4f0]{height:100%;background:linear-gradient(135deg,#ff2a6d,#05d9e8);border-radius:2px;transition:width .3s ease}.music-preview .preview-card .preview-content .player-controls .time[data-v-4fc1a4f0]{font-size:.875rem;color:#9ca3af;min-width:80px}.features-section[data-v-4fc1a4f0]{margin-top:4rem;width:100%;max-width:1200px}.features-section .features-grid[data-v-4fc1a4f0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.features-section .features-grid .feature-card[data-v-4fc1a4f0]{text-align:center;padding:2rem}.features-section .features-grid .feature-card .feature-icon[data-v-4fc1a4f0]{width:80px;height:80px;border-radius:50%;background:rgba(255,42,109,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#ff2a6d;transition:all .3s ease}.features-section .features-grid .feature-card h3[data-v-4fc1a4f0]{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:#fff}.features-section .features-grid .feature-card p[data-v-4fc1a4f0]{color:#9ca3af;line-height:1.6;margin:0}.features-section .features-grid .feature-card:hover .feature-icon[data-v-4fc1a4f0]{background:rgba(255,42,109,.2);transform:scale(1.1)}.scroll-indicator[data-v-4fc1a4f0]{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator .scroll-link[data-v-4fc1a4f0]{color:#ffffffb3;font-size:2rem;text-decoration:none;transition:color .3s ease}.scroll-indicator .scroll-link[data-v-4fc1a4f0]:hover{color:#ff2a6d}.loading-section[data-v-4fc1a4f0]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#121212,#1e1e1e)}.loading-section .loading-content[data-v-4fc1a4f0]{text-align:center}.loading-section .loading-content .loading-spinner[data-v-4fc1a4f0]{font-size:4rem;color:#ff2a6d;margin-bottom:2rem}.loading-section .loading-content h3[data-v-4fc1a4f0]{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#fff}.loading-section .loading-content p[data-v-4fc1a4f0]{color:#9ca3af;margin:0}@media (prefers-reduced-motion: reduce){[data-v-4fc1a4f0]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}@keyframes fadeIn{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}to{opacity:1;transform:scaleZ(1)}}@keyframes scaleOut{0%{opacity:1;transform:scaleZ(1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes pulse{0%,to{transform:scaleZ(1);opacity:1}50%{transform:scale3d(1.05,1.05,1.05);opacity:.8}}@keyframes glow{0%{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px #ff2a6d,0 0 20px #ff2a6d}to{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px #ff2a6d,0 0 40px #ff2a6d}}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes backgroundFloat{0%,to{transform:translateZ(0) rotate(0)}33%{transform:translate3d(30px,-30px,0) rotate(120deg)}66%{transform:translate3d(-20px,20px,0) rotate(240deg)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-slide-in-up{animation:slideInUp .5s ease-out}.animate-slide-in-down{animation:slideInDown .5s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.animate-float{animation:float 3s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out}.animate-shake{animation:shake .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 2s ease-in-out infinite}.animate-gradient{background-size:400% 400%;animation:gradientShift 4s ease infinite}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.ease-in-out-back{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.ease-in-out-circ{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}.ease-in-out-expo{transition-timing-function:cubic-bezier(1,0,0,1)}@keyframes musicBars{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes waveform{0%{transform:scaleY(.5) scaleX(1)}25%{transform:scaleY(1) scaleX(.9)}50%{transform:scaleY(.3) scaleX(1.1)}75%{transform:scaleY(.8) scaleX(.95)}to{transform:scaleY(.5) scaleX(1)}}@keyframes vinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morphButton{0%{border-radius:1rem;transform:scale(1)}50%{border-radius:50px;transform:scale(1.05)}to{border-radius:1rem;transform:scale(1)}}@keyframes cardFlip{0%{transform:perspective(1000px) rotateY(0)}50%{transform:perspective(1000px) rotateY(-90deg)}to{transform:perspective(1000px) rotateY(0)}}@keyframes slideReveal{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(0);opacity:1}}@keyframes particleFloat{0%,to{transform:translateZ(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate3d(var(--random-x, 100px),var(--random-y, -100px),0) rotate(360deg);opacity:0}}@keyframes rainbow{0%{color:red}16.66%{color:#ff8000}33.33%{color:#ff0}50%{color:#0f0}66.66%{color:#0080ff}83.33%{color:#8000ff}to{color:red}}.animate-music-bars{animation:musicBars 1s ease-in-out infinite}.animate-music-bars:nth-child(2){animation-delay:.1s}.animate-music-bars:nth-child(3){animation-delay:.2s}.animate-music-bars:nth-child(4){animation-delay:.3s}.animate-music-bars:nth-child(5){animation-delay:.4s}.animate-waveform{animation:waveform 2s ease-in-out infinite}.animate-vinyl{animation:vinyl 3s linear infinite}.animate-morph-button{animation:morphButton .6s ease-in-out}.animate-card-flip{animation:cardFlip .8s ease-in-out}.animate-slide-reveal{animation:slideReveal .7s ease-out}.animate-particle-float{animation:particleFloat 3s ease-out infinite}.animate-rainbow{animation:rainbow 3s linear infinite}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px) translateZ(0)}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05) translateZ(0)}.hover-glow{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 20px #ff2a6d66}.hover-rotate{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-rotate:hover{transform:rotate(5deg) translateZ(0)}@keyframes loading-dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:currentColor;animation:loading-dots 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Helvetica Neue,Arial,sans-serif;color:#fff;background-color:#121212;margin:0;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgdHlwZT0iZnJhY3RhbE5vaXNlIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iLjA1IiBkPSJNMCAwaDMwMHYzMDBIMHoiLz48L3N2Zz4=)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#2d2d2d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,42,109,.6)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.text-gradient{background:linear-gradient(135deg,#ff2a6d,#05d9e8);background-clip:text;-webkit-background-clip:text;color:transparent}.bg-noise{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMyZTJlMmUiIGZpbGwtb3BhY2l0eT0iLjEiPjxwYXRoIGQ9Ik0zNiAxOGMtMi4yMSAwLTQgMS43OS00IDRzMS43OSA0IDQgNCw0LTEuNzkgNC00LTEuNzktNC00LTQtNHptMC0xOGMtMi4yMSAwLTQgMS43OS00IDRzMS43OSA0IDQgNCw0LTEuNzkgNC00LTEuNzktNC00LTQtNHptMTggMGMtMi4yMSAwLTQgMS43OS00IDRzMS43OSA0IDQgNCw0LTEuNzkgNC00LTEuNzktNC00LTQtNHoiLz48L2c+PC9nPjwvc3ZnPg==)}.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:500;font-size:.875rem;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);will-change:transform}.btn:disabled{opacity:.5;cursor:not-allowed;will-change:auto}.btn.btn-primary{background:#ff2a6d;color:#fff}.btn.btn-primary:hover:not(:disabled){background:rgba(255,42,109,.9);transform:translateY(-2px) translateZ(0);box-shadow:0 10px 25px #ff2a6d33}.btn.btn-primary:active{transform:translateY(0) translateZ(0);transition-duration:.1s}.btn.btn-secondary{background:transparent;color:#fff;border:2px solid #05d9e8}.btn.btn-secondary:hover:not(:disabled){background:rgba(5,217,232,.1);transform:translateY(-2px);box-shadow:0 10px 25px #05d9e833}.btn.btn-outline{background:transparent;color:#d1d5db;border:1px solid rgba(255,255,255,.2)}.btn.btn-outline:hover:not(:disabled){background:rgba(255,255,255,.1);color:#fff;border-color:#ffffff4d}.btn.btn-danger{background:#ef4444;color:#fff}.btn.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 10px 25px #ef44444d}.btn.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn.btn-lg{padding:1rem 2rem;font-size:1rem}@media (max-width: 1200px){.band-showcase .showcase-container{width:95%}.band-showcase .showcase-container .band-card{flex:0 0 45%}}@media (max-width: 768px){.nav-header .nav-boxes{flex-wrap:wrap}.nav-header .nav-boxes .nav-box{padding:8px 15px;min-width:100px}.band-showcase{height:60vh;margin-top:80px}.band-showcase .nav-arrow{width:40px;height:40px;top:40%}.band-showcase .nav-arrow.prev{left:10px}.band-showcase .nav-arrow.next{right:10px}.band-showcase .showcase-container{width:95%}.band-showcase .showcase-container .slide-group{gap:20px}.band-showcase .showcase-container .band-card{flex:0 0 100%}}.card{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1.5rem;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);will-change:transform}.card:hover{border-color:#ff2a6d80;transform:translateY(-4px) translateZ(0);box-shadow:0 10px 25px #0000004d}.card.card-interactive{cursor:pointer}.card.card-interactive:hover{transform:scale(1.02) translateZ(0);box-shadow:0 10px 25px #ff2a6d33}.card.card-dark{background:#121212}.card.card-gradient{background:linear-gradient(135deg,#121212,#1e1e1e)}.card:not(:hover){will-change:auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#d1d5db;font-size:.875rem}.form-group .form-control{width:100%;padding:.75rem 1rem;background:rgba(45,45,45,.3);border:1px solid rgba(45,45,45,.5);border-radius:.75rem;color:#fff;font-size:.875rem;transition:all .3s ease}.form-group .form-control:focus{outline:none;border-color:#ff2a6d;box-shadow:0 0 0 3px #ff2a6d1a;background:rgba(45,45,45,.5)}.form-group .form-control::placeholder{color:#9ca3af}.form-group .form-control:disabled{opacity:.5;cursor:not-allowed}.form-group textarea.form-control{resize:vertical;min-height:100px}.form-group select.form-control{cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(18,18,18,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:.5rem}@media (max-width: 768px){.modal-overlay{align-items:flex-end;padding:0}}@media (min-width: 769px) and (max-width: 1024px){.modal-overlay{padding:.75rem}}@media (min-width: 1025px){.modal-overlay{padding:1rem}}.modal{background:linear-gradient(135deg,rgba(30,30,30,.95),rgba(45,45,45,.9));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;width:100%;max-width:500px;max-height:95vh;overflow:hidden;position:relative;box-shadow:0 25px 50px #12121280,0 0 0 1px #ff2a6d1a,inset 0 1px #ffffff1a;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 768px){.modal{max-width:100vw;width:100%;border-radius:20px 20px 0 0;max-height:90vh;animation:modalSlideInMobile .3s cubic-bezier(.4,0,.2,1) forwards}}@media (min-width: 769px) and (max-width: 1024px){.modal{max-width:85vw;border-radius:20px}}@media (min-width: 1025px){.modal{border-radius:24px}}.modal .modal-header{padding:1rem 1.25rem .5rem;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.modal .modal-header{padding:.75rem 1rem .5rem}}.modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}@media (max-width: 768px){.modal .modal-header h3{font-size:1.1rem}}.modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modal .modal-header .close-btn:hover{color:#fff;background:rgba(255,255,255,.1);transform:scale(1.1)}.modal .modal-header .close-btn:active{transform:scale(.95)}.modal .modal-body{padding:1rem;max-height:none;overflow-y:visible}@media (max-width: 768px){.modal .modal-body{padding:.75rem}}.modal .modal-footer{padding:.75rem 1.25rem 1rem;display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}@media (max-width: 768px){.modal .modal-footer{padding:.5rem 1rem .75rem;flex-direction:column;gap:.5rem}}@media (min-width: 769px) and (max-width: 1024px){.modal .modal-footer{flex-wrap:wrap}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideInMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-smart-position.smart-center{top:50%;left:50%;transform:translate(-50%,-50%)}.modal-smart-position.smart-top{top:120px;left:50%;transform:translate(-50%)}.modal-smart-position.smart-bottom{bottom:20px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.modal-smart-position.smart-center,.modal-smart-position.smart-top{top:auto;bottom:0;left:0;right:0;transform:none;border-radius:20px 20px 0 0!important;max-width:100vw!important;width:100%!important}}@media (min-width: 769px) and (max-width: 1024px){.modal-smart-position.smart-center{max-width:85vw}.modal-smart-position.smart-top{top:100px}}@media (min-width: 1025px){.modal-smart-position.smart-center{max-width:90vw}.modal-smart-position.smart-top{top:120px}}.modal-adaptive-height .modal-body{max-height:calc(90vh - 200px)}@media (max-width: 768px){.modal-adaptive-height .modal-body{max-height:calc(85vh - 150px)}}@media (min-width: 1025px){.modal-adaptive-height .modal-body{max-height:calc(100vh - 300px)}}.modal-overlay.modal-level-1{z-index:1000}.modal-overlay.modal-level-2{z-index:1010}.modal-overlay.modal-level-3{z-index:1020}.band-management{background-color:#121212;color:#fff;min-height:calc(100vh - 4rem);padding:20px;position:relative;overflow-y:auto}.nav-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(18,18,18,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,42,109,.2);transition:all .3s ease}.nav-header .nav-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1200px;margin:0 auto}.nav-header .nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.nav-header .nav-brand .brand-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#ff2a6d,#05d9e8);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.nav-header .nav-brand .brand-text{font-family:Montserrat,Inter,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.05em;animation:glow 2s ease-in-out infinite alternate}.nav-header .nav-menu{display:flex;align-items:center;gap:2rem}.nav-header .nav-menu .nav-link{color:#d1d5db;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-header .nav-menu .nav-link:hover,.nav-header .nav-menu .nav-link.active{color:#ff2a6d}.nav-header .nav-menu .nav-link.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:#ff2a6d;border-radius:1px}.nav-header .nav-actions{display:flex;align-items:center;gap:1rem}.nav-header .mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background .2s ease}.nav-header .mobile-menu-btn:hover{background:rgba(255,255,255,.1)}@media (max-width: 768px){.nav-header .nav-menu{display:none}.nav-header .mobile-menu-btn{display:block}}.page-header{text-align:center}.page-header h1{font-family:Montserrat,Inter,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;margin:0 0 1rem;letter-spacing:-.02em}.page-header h1 .gradient-text{background:linear-gradient(135deg,#ff2a6d,#05d9e8);background-clip:text;-webkit-background-clip:text;color:transparent}.page-header p{color:#9ca3af;font-size:1.125rem;max-width:600px;margin:0 auto}.band-card{background:#121212;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;overflow:hidden;transition:all .3s ease;position:relative;cursor:pointer}.band-card:hover{border-color:#ff2a6d80;transform:scale(1.02);box-shadow:0 10px 25px #ff2a6d33}.band-card:hover .band-image img{transform:scale(1.1)}.band-card:hover .band-title{color:#ff2a6d}.band-card .band-image{position:relative;height:200px;overflow:hidden}.band-card .band-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.band-card .band-image .image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(18,18,18,.8),transparent)}.band-card .band-image .band-genre{position:absolute;top:1rem;right:1rem;background:rgba(255,42,109,.9);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.band-card .band-content{padding:1.5rem}.band-card .band-content .band-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#fff;transition:color .3s ease}.band-card .band-content .band-year{color:#ff2a6d;font-weight:500;margin-bottom:.75rem}.band-card .band-content .band-bio{color:#9ca3af;font-size:.875rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.band-card .band-content .band-stats{display:flex;align-items:center;justify-content:space-between}.band-card .band-content .band-stats .member-count{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem}.band-card .band-content .band-stats .member-count i{color:#ff2a6d}.band-card .band-content .band-stats .band-actions{display:flex;gap:.5rem}.band-card .band-content .band-stats .band-actions button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.band-card .band-content .band-stats .band-actions button:hover{color:#ff2a6d;background:rgba(255,42,109,.1)}.filter-section{background:rgba(30,30,30,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1.5rem;margin-bottom:2rem}.filter-section .filter-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.filter-section .filter-row .filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-section .filter-row .filter-group label{font-size:.875rem;font-weight:500;color:#d1d5db}.filter-section .filter-row .filter-group select,.filter-section .filter-row .filter-group input{padding:.5rem .75rem;background:rgba(45,45,45,.3);border:1px solid rgba(45,45,45,.5);border-radius:.5rem;color:#fff;font-size:.875rem}.filter-section .filter-row .filter-group select:focus,.filter-section .filter-row .filter-group input:focus{outline:none;border-color:#ff2a6d;box-shadow:0 0 0 3px #ff2a6d1a}.filter-section .filter-row .filter-actions{display:flex;gap:.75rem;margin-left:auto}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .empty-icon{font-size:4rem;color:#6b7280;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;color:#d1d5db;margin:0 0 .5rem}.empty-state p{color:#9ca3af;margin:0 0 2rem;max-width:400px;margin-left:auto;margin-right:auto}.poster-girl-container[data-v-d2fa290f]{-webkit-user-select:none;user-select:none;transition:transform .3s ease;position:fixed;inset:auto}.poster-girl-container.dragging[data-v-d2fa290f]{transition:none}.poster-girl-container.hidden .poster-girl-body[data-v-d2fa290f]{display:none}.poster-girl-container.hidden .pio-show[data-v-d2fa290f]{display:block}.poster-girl-body[data-v-d2fa290f]{position:relative;display:flex;flex-direction:column;align-items:center}.pio-action[data-v-d2fa290f]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99999;opacity:0;transition:opacity .3s ease;pointer-events:none}.pio-action .pio-btn[data-v-d2fa290f]{pointer-events:auto;width:2em;height:2em;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;margin-bottom:.5em;border:2px solid rgba(255,255,255,.8);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.pio-action .pio-btn[data-v-d2fa290f]:hover{transform:scale(1.1);border-color:#667eea;background:rgba(102,126,234,.9);box-shadow:0 4px 12px #667eea4d}.pio-action .pio-btn:hover i[data-v-d2fa290f]{color:#fff;transform:scale(1.1)}.pio-action .pio-btn i[data-v-d2fa290f]{font-size:.9em;color:#333;transition:all .3s ease}.pio-action .pio-music[data-v-d2fa290f]:hover{border-color:#ff6b6b;background:rgba(255,107,107,.9);box-shadow:0 4px 12px #ff6b6b4d}.pio-action .pio-settings[data-v-d2fa290f]:hover{border-color:#4ecdc4;background:rgba(78,205,196,.9);box-shadow:0 4px 12px #4ecdc44d}.pio-action .pio-skin[data-v-d2fa290f]:hover{border-color:#45b7d1;background:rgba(69,183,209,.9);box-shadow:0 4px 12px #45b7d14d}.pio-action .pio-teacher[data-v-d2fa290f]:hover{border-color:#96ceb4;background:rgba(150,206,180,.9);box-shadow:0 4px 12px #96ceb44d}.pio-action .pio-close[data-v-d2fa290f]:hover{border-color:#ff7675;background:rgba(255,118,117,.9);box-shadow:0 4px 12px #ff76754d}.poster-girl-container:hover .pio-action[data-v-d2fa290f]{opacity:1}.pio-dialog[data-v-d2fa290f]{position:absolute;bottom:calc(100% - 2em);right:1em;opacity:0;visibility:hidden;font-size:.8em;min-width:8em;background:#fff;color:#333;padding:.75em 1em;border-radius:1em;border:1px solid #eee;transition:opacity .3s ease,visibility .3s ease;word-break:break-all;z-index:1000}.pio-dialog.active[data-v-d2fa290f]{opacity:1;visibility:visible}.pio-show[data-v-d2fa290f]{display:none;width:3em;height:3em;cursor:pointer;border-radius:3em;border:3px solid #fff;background:url(/poster-girl-assets/static/avatar.jpg) center/contain;transition:transform .3s ease}.pio-show[data-v-d2fa290f]:hover{transform:translate(.5em)}canvas[data-v-d2fa290f]{display:block;max-width:100%;height:auto}@media (max-width: 768px){.poster-girl-container.hidden-mobile[data-v-d2fa290f]{display:none}}.poster-girl-settings[data-v-a6601219]{min-height:calc(100vh - 4rem);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1.5rem 0}.settings-container[data-v-a6601219]{max-width:1000px;margin:0 auto;padding:0 1.5rem}.page-header[data-v-a6601219]{text-align:center;margin-bottom:2rem;color:#fff}.page-header h1[data-v-a6601219]{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.page-header p[data-v-a6601219]{font-size:1.1rem;opacity:.9}.settings-form[data-v-a6601219]{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 15px 30px #0000001a}.settings-section[data-v-a6601219]{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e8e8e8}.settings-section[data-v-a6601219]:last-child{border-bottom:none;margin-bottom:0}.settings-section h3[data-v-a6601219]{color:#333;margin-bottom:1rem;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.form-group[data-v-a6601219]{margin-bottom:1rem}.form-group label[data-v-a6601219]{display:block;margin-bottom:.4rem;font-weight:600;color:#555;font-size:.95rem}.form-group .form-control[data-v-a6601219]{width:100%;padding:.6rem .75rem;border:1.5px solid #e1e5e9;border-radius:8px;font-size:.95rem;transition:all .3s ease}.form-group .form-control[data-v-a6601219]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-group .form-help[data-v-a6601219]{display:block;margin-top:.2rem;font-size:.8rem;color:#666}.checkbox-wrapper[data-v-a6601219]{display:flex;align-items:center;gap:.6rem}.checkbox-wrapper .form-checkbox[data-v-a6601219]{width:18px;height:18px;accent-color:#667eea}.checkbox-wrapper .checkbox-label[data-v-a6601219]{font-weight:500;color:#555;font-size:.95rem}.array-input .array-item[data-v-a6601219]{display:flex;gap:.4rem;margin-bottom:.4rem;align-items:center}.array-input .array-item .form-control[data-v-a6601219]{flex:1}.array-input .array-item .remove-btn[data-v-a6601219]{padding:.4rem;background:#ff4757;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.8rem}.array-input .array-item .remove-btn[data-v-a6601219]:hover{background:#ff3742;transform:scale(1.05)}.array-input .add-btn[data-v-a6601219]{padding:.6rem 1.2rem;background:#2ed573;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9rem}.array-input .add-btn[data-v-a6601219]:hover{background:#26d0ce;transform:translateY(-2px)}.array-input .add-btn.large[data-v-a6601219]{width:100%;padding:.8rem;font-size:1rem}.model-preview[data-v-a6601219]{margin-top:.8rem}.model-preview h4[data-v-a6601219]{margin-bottom:.8rem;color:#333;font-size:1.1rem}.model-preview .model-list[data-v-a6601219]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}.model-preview .model-item[data-v-a6601219]{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:1.5px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .3s ease}.model-preview .model-item[data-v-a6601219]:hover{border-color:#667eea;transform:translateY(-1px)}.model-preview .model-item.active[data-v-a6601219]{border-color:#667eea;background:rgba(102,126,234,.1)}.model-preview .model-item .model-preview-img[data-v-a6601219]{width:50px;height:50px;border-radius:8px;object-fit:cover}.model-preview .model-item .model-info[data-v-a6601219]{display:flex;flex-direction:column;gap:.2rem}.model-preview .model-item .model-info .model-name[data-v-a6601219]{font-weight:600;color:#333;font-size:.95rem}.model-preview .model-item .model-info .model-description[data-v-a6601219]{font-size:.8rem;color:#666;margin-top:.2rem}.model-preview .switch-model-info[data-v-a6601219]{margin-top:1.2rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:8px;border-left:4px solid #667eea}.model-preview .switch-model-info h5[data-v-a6601219]{margin:0 0 .8rem;color:#667eea;font-size:1rem;font-weight:600}.model-preview .switch-model-info p[data-v-a6601219]{margin:.4rem 0;font-size:.9rem;color:#555;line-height:1.5}.model-preview .switch-model-info p strong[data-v-a6601219]{color:#333;font-weight:600}.custom-tips .custom-tip-item[data-v-a6601219]{background:#f8f9fa;border-radius:12px;padding:1.2rem;margin-bottom:.8rem}.custom-tips .custom-tip-item .tip-header[data-v-a6601219]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.custom-tips .custom-tip-item .tip-header .tip-number[data-v-a6601219]{font-weight:600;color:#333;font-size:1rem}.custom-tips .custom-tip-item .tip-header .remove-btn[data-v-a6601219]{padding:.4rem;background:#ff4757;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.8rem}.custom-tips .custom-tip-item .tip-header .remove-btn[data-v-a6601219]:hover{background:#ff3742;transform:scale(1.05)}.custom-tips .custom-tip-item .tip-content[data-v-a6601219]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem}@media (max-width: 768px){.custom-tips .custom-tip-item .tip-content[data-v-a6601219]{grid-template-columns:1fr}}.size-inputs[data-v-a6601219]{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media (max-width: 768px){.size-inputs[data-v-a6601219]{grid-template-columns:1fr}}.size-preview[data-v-a6601219]{margin-top:1.2rem;padding:1.2rem;background:#f8f9fa;border-radius:12px;text-align:center}.size-preview h4[data-v-a6601219]{margin-bottom:.8rem;color:#333;font-size:1.1rem}.size-preview .preview-box[data-v-a6601219]{margin:0 auto .8rem;border:1.5px dashed #667eea;border-radius:8px;background:linear-gradient(45deg,rgba(102,126,234,.1254901961),rgba(118,75,162,.1254901961));display:flex;align-items:center;justify-content:center;transition:all .3s ease}.size-preview .preview-box[data-v-a6601219]:hover{border-color:#5a6fd8;background:linear-gradient(45deg,rgba(90,111,216,.1254901961),rgba(106,76,147,.1254901961))}.size-preview .preview-box .preview-label[data-v-a6601219]{color:#667eea;font-weight:600;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.size-preview .preview-actions[data-v-a6601219]{display:flex;gap:.4rem;justify-content:center;margin-top:.8rem}.size-preview .preview-actions .btn-sm[data-v-a6601219]{padding:.4rem .8rem;font-size:.8rem}.form-actions[data-v-a6601219]{display:flex;gap:.8rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e8e8e8}.form-actions .btn[data-v-a6601219]{padding:.8rem 1.6rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem}.form-actions .btn[data-v-a6601219]:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0000001a}.form-actions .btn.btn-primary[data-v-a6601219]{background:#667eea;color:#fff}.form-actions .btn.btn-primary[data-v-a6601219]:hover{background:#5a6fd8}.form-actions .btn.btn-secondary[data-v-a6601219]{background:#6c757d;color:#fff}.form-actions .btn.btn-secondary[data-v-a6601219]:hover{background:#5a6268}.form-actions .btn.btn-info[data-v-a6601219]{background:#17a2b8;color:#fff}.form-actions .btn.btn-info[data-v-a6601219]:hover{background:#138496}.form-actions .btn.btn-sm[data-v-a6601219]{padding:.4rem .8rem;font-size:.8rem}.preview-modal[data-v-a6601219]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.preview-modal .preview-content[data-v-a6601219]{background:white;border-radius:20px;padding:2rem;max-width:800px;max-height:80vh;overflow-y:auto}.preview-modal .preview-content .preview-header[data-v-a6601219]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-modal .preview-content .preview-header h3[data-v-a6601219]{margin:0;color:#333}.preview-modal .preview-content .preview-header .close-btn[data-v-a6601219]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.preview-modal .preview-content .preview-header .close-btn[data-v-a6601219]:hover{color:#333}.preview-modal .preview-content .preview-body pre[data-v-a6601219]{background:#f8f9fa;padding:1rem;border-radius:10px;overflow-x:auto;font-size:.875rem;line-height:1.5}.config-mode-selector .mode-status[data-v-a6601219]{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border-left:4px solid #667eea}.config-mode-selector .mode-status .status-indicator[data-v-a6601219]{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.config-mode-selector .mode-status .status-indicator.default i[data-v-a6601219]{color:#28a745;animation:pulse-green-a6601219 2s infinite}.config-mode-selector .mode-status .status-indicator.localStorage i[data-v-a6601219]{color:#007bff;animation:pulse-blue-a6601219 2s infinite}.config-mode-selector .mode-status .status-text[data-v-a6601219]{flex:1}.config-mode-selector .mode-status .status-text strong[data-v-a6601219]{display:block;color:#333;font-size:1rem;margin-bottom:.2rem}.config-mode-selector .mode-status .status-text p[data-v-a6601219]{margin:0;color:#666;font-size:.9rem;line-height:1.4}.config-mode-selector .mode-buttons[data-v-a6601219]{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.2rem}@media (max-width: 768px){.config-mode-selector .mode-buttons[data-v-a6601219]{grid-template-columns:1fr}}.config-mode-selector .mode-btn[data-v-a6601219]{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.2rem;border:2px solid #e1e5e9;border-radius:12px;background:white;cursor:pointer;transition:all .3s ease;text-align:center}.config-mode-selector .mode-btn[data-v-a6601219]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 16px #667eea1a}.config-mode-selector .mode-btn.active[data-v-a6601219]{border-color:#667eea;background:rgba(102,126,234,.1)}.config-mode-selector .mode-btn.active i[data-v-a6601219]{color:#667eea}.config-mode-selector .mode-btn.active span[data-v-a6601219]{color:#667eea;font-weight:600}.config-mode-selector .mode-btn i[data-v-a6601219]{font-size:1.5rem;color:#666;transition:color .3s ease}.config-mode-selector .mode-btn span[data-v-a6601219]{font-size:1rem;font-weight:500;color:#333;transition:all .3s ease}.config-mode-selector .mode-btn small[data-v-a6601219]{font-size:.8rem;color:#666;margin-top:.2rem}.config-mode-selector .local-config-management[data-v-a6601219]{background:#f8f9fa;border-radius:12px;padding:1rem;margin-bottom:1rem}.config-mode-selector .local-config-management .config-actions[data-v-a6601219]{display:flex;gap:.6rem;margin-bottom:.8rem;flex-wrap:wrap}@media (max-width: 768px){.config-mode-selector .local-config-management .config-actions[data-v-a6601219]{flex-direction:column}}.config-mode-selector .local-config-management .import-config[data-v-a6601219]{display:flex;gap:.6rem}.config-mode-selector .mode-help[data-v-a6601219]{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);border-radius:12px;padding:1rem;border-left:4px solid #2196f3}.config-mode-selector .mode-help h5[data-v-a6601219]{margin:0 0 .8rem;color:#1976d2;font-size:1rem;font-weight:600}.config-mode-selector .mode-help ul[data-v-a6601219]{margin:0;padding-left:1.2rem}.config-mode-selector .mode-help ul li[data-v-a6601219]{margin-bottom:.4rem;font-size:.9rem;color:#555;line-height:1.5}.config-mode-selector .mode-help ul li strong[data-v-a6601219]{color:#333;font-weight:600}@keyframes pulse-green-a6601219{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-blue-a6601219{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width: 768px){.settings-container[data-v-a6601219]{padding:0 1rem}.settings-form[data-v-a6601219]{padding:1.2rem}.page-header h1[data-v-a6601219]{font-size:2rem}.form-actions[data-v-a6601219]{flex-direction:column}.form-actions .btn[data-v-a6601219]{width:100%;justify-content:center}.size-inputs[data-v-a6601219]{grid-template-columns:1fr}.tip-content[data-v-a6601219]{grid-template-columns:1fr!important}}