.sidebar[data-v-43145686]{width:18%;min-width:150px;background-color:var(--bg-sidebar);display:flex;flex-direction:column;padding:var(--spacing-md);border-right:1px solid var(--glass-border)}.logo[data-v-43145686]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.logo-icon[data-v-43145686]{width:32px;height:32px;background:#76b900;border-radius:50%;color:#fff}.brand[data-v-43145686]{font-weight:700;font-size:1rem;color:#76b900}.nav-section[data-v-43145686],.library-section[data-v-43145686]{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-lg)}.section-title[data-v-43145686]{font-size:.65rem;font-weight:600;color:var(--text-dim);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-sm)}.nav-item[data-v-43145686]{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem;font-weight:500;transition:var(--transition-fast)}.nav-item[data-v-43145686]:hover{color:var(--text-main);background:rgba(255,255,255,.05)}.nav-item.active[data-v-43145686]{background:#76b900;color:#fff}.sidebar-divider[data-v-43145686]{height:1px;background:var(--glass-border);margin:var(--spacing-lg) 0}.system-btn[data-v-43145686]{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.system-btn[data-v-43145686]:hover{background:rgba(255,255,255,.05);color:var(--text-main)}.modal-overlay[data-v-43145686]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-43145686]{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);width:90%;max-width:400px;border:1px solid var(--glass-border)}.modal-content h3[data-v-43145686]{margin-bottom:var(--spacing-lg);color:#fff}.backup-list[data-v-43145686]{max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-lg)}.backup-item[data-v-43145686]{padding:var(--spacing-md);background:rgba(255,255,255,.03);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast)}.backup-item[data-v-43145686]:hover{background:rgba(255,255,255,.08)}.backup-info[data-v-43145686]{display:flex;flex-direction:column;gap:2px}.backup-item small[data-v-43145686]{color:var(--text-dim);font-size:.7rem}.delete-backup-btn[data-v-43145686]{padding:8px;color:var(--text-dim);border-radius:50%;transition:all .2s}.delete-backup-btn[data-v-43145686]:hover{background:rgba(229,57,53,.15);color:#e53935}.close-modal[data-v-43145686]{width:100%;padding:var(--spacing-md);background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#fff;cursor:pointer}.no-backups[data-v-43145686]{text-align:center;padding:var(--spacing-xl);color:var(--text-dim);font-style:italic}.header[data-v-a63aafe2]{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);background:transparent;border-bottom:1px solid var(--glass-border);position:relative;z-index:100}.header-left[data-v-a63aafe2],.header-right[data-v-a63aafe2]{display:flex;align-items:center;gap:var(--spacing-sm)}.search-wrapper[data-v-a63aafe2]{position:relative;z-index:1000;width:300px;transition:width .3s ease}.search-wrapper.focused[data-v-a63aafe2]{width:480px}.search-bar[data-v-a63aafe2]{height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 var(--spacing-md);gap:var(--spacing-xs);font-size:.85rem;transition:all .3s ease}.search-wrapper.focused .search-bar[data-v-a63aafe2]{height:40px;border-color:#76b900;box-shadow:0 0 0 2px #76b90026}.search-bar input[data-v-a63aafe2]{flex:1}.clear-btn[data-v-a63aafe2]{color:var(--text-dim);display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;transition:var(--transition-fast)}.clear-btn[data-v-a63aafe2]:hover{background:rgba(255,255,255,.1);color:#fff}.suggestions-dropdown[data-v-a63aafe2]{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e1e1e;border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 16px 48px #0009;max-height:380px;overflow-y:auto;z-index:2000}.suggest-header[data-v-a63aafe2]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 6px;font-size:.7rem;text-transform:uppercase;color:var(--text-dim);font-weight:600;letter-spacing:.5px}.clear-history[data-v-a63aafe2]{font-size:.7rem;color:#e53935;background:none;border:none;cursor:pointer}.suggest-item[data-v-a63aafe2]{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:.85rem;color:var(--text-muted);transition:var(--transition-fast)}.suggest-item[data-v-a63aafe2]:hover{background:rgba(255,255,255,.06);color:#fff}.suggest-empty[data-v-a63aafe2]{padding:20px 14px;text-align:center;font-size:.8rem;color:var(--text-dim)}.player-bar[data-v-9abc9e96]{height:60px;position:fixed;bottom:0;left:20%;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);z-index:1000;border-top:1px solid var(--glass-border)}.song-info[data-v-9abc9e96]{display:flex;align-items:center;gap:var(--spacing-sm);width:200px}.album-art[data-v-9abc9e96]{width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden}.album-art img[data-v-9abc9e96]{width:100%;height:100%;object-fit:cover}.meta[data-v-9abc9e96]{flex:1;overflow:hidden}.title[data-v-9abc9e96]{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist[data-v-9abc9e96]{font-size:.7rem;color:var(--text-muted)}.controls-wrapper[data-v-9abc9e96]{flex:1;max-width:500px;display:flex;flex-direction:column;align-items:center}.controls[data-v-9abc9e96]{display:flex;align-items:center;gap:var(--spacing-lg)}.play-btn[data-v-9abc9e96]{width:32px;height:32px;background:white;color:#000;border-radius:var(--radius-full);font-size:.9rem}.icon-btn[data-v-9abc9e96]{color:var(--text-muted);font-size:.9rem}.icon-btn.active[data-v-9abc9e96]{color:var(--accent-main, #76b900)}.progress-container[data-v-9abc9e96]{width:100%;display:flex;align-items:center;gap:var(--spacing-md)}.time[data-v-9abc9e96]{font-size:.65rem;color:var(--text-dim);width:30px}.progress-bar-bg[data-v-9abc9e96]{flex:1;height:3px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);position:relative;cursor:pointer}.progress-bar-fill[data-v-9abc9e96]{position:absolute;left:0;top:0;height:100%;background:var(--accent-primary);border-radius:var(--radius-full)}.volume-controls[data-v-9abc9e96]{width:200px;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md)}.quality-badge[data-v-9abc9e96]{font-size:.6rem;padding:1px 4px;border:1px solid var(--text-dim);border-radius:2px;color:var(--text-muted)}.queue-panel[data-v-9abc9e96]{position:absolute;bottom:70px;right:var(--spacing-md);width:300px;background:rgba(30,30,30,.95);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:var(--spacing-md);z-index:1001}.queue-header[data-v-9abc9e96]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.queue-header h4[data-v-9abc9e96]{font-size:.9rem;font-weight:700}.queue-header button[data-v-9abc9e96]{font-size:.75rem;color:var(--text-muted)}.queue-list[data-v-9abc9e96]{max-height:400px;overflow-y:auto}.queue-item[data-v-9abc9e96]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.queue-item[data-v-9abc9e96]:hover{background:rgba(255,255,255,.1)}.queue-item.active[data-v-9abc9e96]{background:rgba(118,185,0,.2)}.queue-item.active .q-title[data-v-9abc9e96]{color:#76b900}.q-num[data-v-9abc9e96]{font-size:.75rem;color:var(--text-dim);width:20px}.q-title[data-v-9abc9e96]{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-artist[data-v-9abc9e96]{font-size:.7rem;color:var(--text-muted)}.empty-q[data-v-9abc9e96]{text-align:center;padding:var(--spacing-xl);color:var(--text-dim);font-size:.85rem}#app-container[data-v-9c892484]{display:flex;flex-direction:column;height:100vh;width:100vw;background:radial-gradient(circle at top right,#1a3c34 0%,var(--bg-primary) 70%)}.layout-main[data-v-9c892484]{display:flex;flex:1;overflow:hidden}.content-wrapper[data-v-9c892484]{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-view[data-v-9c892484]{flex:1;overflow-y:auto;padding:var(--spacing-lg);padding-bottom:100px}.playlist-selector[data-v-f6312758]{display:inline-block}.add-btn-inline[data-v-f6312758]{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#76b900;color:#fff;transition:var(--transition-fast);border:none;box-shadow:0 2px 4px #0003}.add-btn-inline[data-v-f6312758]:hover{background:#88d000;transform:scale(1.1)}.add-btn-inline.added[data-v-f6312758]{background:#e53935}.add-btn-inline.added[data-v-f6312758]:hover{background:#c62828;transform:scale(1.1)}.modal-overlay[data-v-f6312758]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center}.modal-content[data-v-f6312758]{width:350px;background:#222;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--glass-border);box-shadow:0 20px 40px #0006}.modal-header[data-v-f6312758]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.modal-header h3[data-v-f6312758]{font-size:1rem;font-weight:700}.close-btn[data-v-f6312758]{color:var(--text-dim)}.playlist-list[data-v-f6312758]{max-height:250px;overflow-y:auto;margin-bottom:var(--spacing-md)}.playlist-item[data-v-f6312758]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.playlist-item[data-v-f6312758]:hover{background:rgba(255,255,255,.1)}.item-left[data-v-f6312758]{display:flex;align-items:center;gap:var(--spacing-md)}.playlist-icon[data-v-f6312758]{width:32px;height:32px;background:rgba(255,255,255,.05);border-radius:4px;color:var(--text-muted)}.playlist-name[data-v-f6312758]{font-size:.9rem;font-weight:500}.count[data-v-f6312758]{font-size:.75rem;color:var(--text-dim)}.download-btn[data-v-f6312758]{width:100%;padding:10px;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:var(--transition-fast)}.download-btn[data-v-f6312758]:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:#76b900}.download-btn[data-v-f6312758]:disabled{opacity:.5;cursor:not-allowed}.divider[data-v-f6312758]{height:1px;background:var(--glass-border);margin:var(--spacing-md) 0}.new-playlist[data-v-f6312758]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.new-playlist input[data-v-f6312758]{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 12px;color:#fff;font-size:.85rem}.create-btn[data-v-f6312758]{background:#76b900;color:#fff;padding:8px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}.home-view[data-v-0a2d48fc]{padding:var(--spacing-md)}.home-section[data-v-0a2d48fc]{margin-bottom:var(--spacing-xl)}.section-header[data-v-0a2d48fc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3[data-v-0a2d48fc]{font-size:1.1rem;font-weight:700}.view-all[data-v-0a2d48fc],.clear-btn[data-v-0a2d48fc]{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;font-weight:600}.search-tags[data-v-0a2d48fc]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.search-tag[data-v-0a2d48fc]{padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.search-tag[data-v-0a2d48fc]:hover{background:rgba(255,255,255,.1);color:#76b900}.playlists-row[data-v-0a2d48fc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}.p-card[data-v-0a2d48fc]{padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;text-align:center}.p-art[data-v-0a2d48fc]{aspect-ratio:1;background:rgba(255,255,255,.05);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.p-name[data-v-0a2d48fc]{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-all-btn[data-v-0a2d48fc]{padding:4px var(--spacing-lg);background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.track-item[data-v-0a2d48fc]{display:grid;grid-template-columns:40px 2fr 1.5fr 1fr 100px 50px;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem}.track-item[data-v-0a2d48fc]:not(.header):hover{background:rgba(255,255,255,.05)}.track-item.header[data-v-0a2d48fc]{color:var(--text-dim);font-size:.7rem;text-transform:uppercase;border-bottom:1px solid var(--glass-border);font-weight:700}.title-cell[data-v-0a2d48fc]{display:flex;align-items:center;gap:var(--spacing-md)}.mini-thumb[data-v-0a2d48fc]{width:32px;height:32px;border-radius:4px}.artist[data-v-0a2d48fc],.source[data-v-0a2d48fc],.time[data-v-0a2d48fc]{color:var(--text-muted)}.spinner[data-v-0a2d48fc]{width:30px;height:30px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin-0a2d48fc 1s linear infinite}@keyframes spin-0a2d48fc{to{transform:rotate(360deg)}}:root{--bg-primary: #0a1916;--bg-secondary: #122320;--bg-sidebar: #071210;--bg-player: rgba(18, 35, 32, .95);--accent-primary: #2ecc71;--accent-secondary: #27ae60;--text-main: #ffffff;--text-muted: #8e9e9b;--text-dim: #5c6c69;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;font-size:14px}*{margin:0;padding:0;box-word:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-main);overflow:hidden;height:100vh;width:100vw}#app{height:100%;width:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit;transition:var(--transition-fast)}button:hover{opacity:.8}input{border:none;outline:none;background:none;color:inherit;font-family:inherit}a{text-decoration:none;color:inherit}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.text-gradient{background:linear-gradient(135deg,#fff 0%,#8e9e9b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.flex-center{display:flex;align-items:center;justify-content:center}