.header[data-v-dfa3d80a]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);position:relative;z-index:1100}.header-left[data-v-dfa3d80a]{display:flex;align-items:center;gap:var(--spacing-xl)}.logo[data-v-dfa3d80a]{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon[data-v-dfa3d80a]{width:32px;height:32px;background:#76b900;border-radius:50%;color:#fff}.brand[data-v-dfa3d80a]{font-weight:700;font-size:1.1rem;color:#76b900;white-space:nowrap}.search-wrapper[data-v-dfa3d80a]{position:relative;width:250px;transition:width .3s ease}.search-wrapper.focused[data-v-dfa3d80a]{width:400px}.search-bar[data-v-dfa3d80a]{height:36px;border-radius:var(--radius-full);display:flex;align-items:center;padding:0 var(--spacing-md);gap:var(--spacing-xs);font-size:.9rem;background:rgba(255,255,255,.1)}.search-bar input[data-v-dfa3d80a]{flex:1}.header-right[data-v-dfa3d80a]{display:flex;align-items:center;gap:var(--spacing-xl)}.top-nav[data-v-dfa3d80a]{display:flex;gap:var(--spacing-lg)}.nav-link[data-v-dfa3d80a]{font-size:.9rem;font-weight:600;color:var(--text-muted);transition:color .2s}.nav-link[data-v-dfa3d80a]:hover,.nav-link.active[data-v-dfa3d80a]{color:#76b900}.divider[data-v-dfa3d80a]{width:1px;height:24px;background:var(--glass-border)}.system-actions[data-v-dfa3d80a]{display:flex;gap:var(--spacing-md)}.icon-action[data-v-dfa3d80a]{color:var(--text-muted);transition:color .2s}.icon-action[data-v-dfa3d80a]:hover{color:#fff}.install-app-btn[data-v-dfa3d80a]{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#76b900;color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;margin-right:8px;animation:pulse-dfa3d80a 2s infinite}@keyframes pulse-dfa3d80a{0%{box-shadow:0 0 #76b90066}70%{box-shadow:0 0 0 10px #76b90000}to{box-shadow:0 0 #76b90000}}.modal-overlay[data-v-dfa3d80a]{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.system-modal[data-v-dfa3d80a]{background:#1a1a1a;padding:32px;border-radius:24px;width:90%;max-width:400px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.modal-header h3[data-v-dfa3d80a]{font-size:1.5rem;font-weight:800;margin-bottom:8px;color:#fff}.modal-desc[data-v-dfa3d80a]{font-size:.9rem;color:var(--text-dim);line-height:1.5;margin-bottom:24px}.input-group[data-v-dfa3d80a]{margin-bottom:24px}.input-group label[data-v-dfa3d80a]{display:block;font-size:.75rem;text-transform:uppercase;font-weight:700;color:#76b900;margin-bottom:8px}.input-group input[data-v-dfa3d80a]{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;outline:none;transition:border-color .2s}.input-group input[data-v-dfa3d80a]:focus{border-color:#76b900}.modal-footer[data-v-dfa3d80a]{display:flex;gap:12px}.modal-footer button[data-v-dfa3d80a]{flex:1;padding:12px;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.cancel-btn[data-v-dfa3d80a]{background:rgba(255,255,255,.05);color:#fff}.cancel-btn[data-v-dfa3d80a]:hover{background:rgba(255,255,255,.1)}.confirm-btn[data-v-dfa3d80a]{background:#76b900;color:#fff}.confirm-btn[data-v-dfa3d80a]:hover:not(:disabled){background:#87d400;transform:translateY(-2px)}.confirm-btn[data-v-dfa3d80a]:disabled{opacity:.5;cursor:not-allowed}.suggestions-dropdown[data-v-dfa3d80a]{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#1e1e1e;border:1px solid var(--glass-border);border-radius:var(--radius-md);z-index:2000}.suggest-item[data-v-dfa3d80a]{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:.85rem}.suggest-item[data-v-dfa3d80a]:hover{background:rgba(255,255,255,.05)}.player-bar[data-v-c27f5d31]{height:60px;position:fixed;bottom:0;left:0;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-c27f5d31]{display:flex;align-items:center;gap:var(--spacing-sm);width:200px}.album-art[data-v-c27f5d31]{width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden}.album-art img[data-v-c27f5d31]{width:100%;height:100%;object-fit:cover}.meta[data-v-c27f5d31]{flex:1;overflow:hidden}.title[data-v-c27f5d31]{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist[data-v-c27f5d31]{font-size:.7rem;color:var(--text-muted)}.controls-wrapper[data-v-c27f5d31]{flex:1;max-width:500px;display:flex;flex-direction:column;align-items:center}.controls[data-v-c27f5d31]{display:flex;align-items:center;gap:var(--spacing-lg)}.play-btn[data-v-c27f5d31]{width:32px;height:32px;background:white;color:#000;border-radius:var(--radius-full);font-size:.9rem}.icon-btn[data-v-c27f5d31]{color:var(--text-muted);font-size:.9rem}.icon-btn.active[data-v-c27f5d31]{color:var(--accent-main, #76b900)}.progress-container[data-v-c27f5d31]{width:100%;display:flex;align-items:center;gap:var(--spacing-md)}.time[data-v-c27f5d31]{font-size:.65rem;color:var(--text-dim);width:30px}.progress-bar-bg[data-v-c27f5d31]{flex:1;height:3px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);position:relative;cursor:pointer}.progress-bar-fill[data-v-c27f5d31]{position:absolute;left:0;top:0;height:100%;background:var(--accent-primary);border-radius:var(--radius-full)}.volume-controls[data-v-c27f5d31]{width:200px;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md)}.quality-badge[data-v-c27f5d31]{font-size:.6rem;padding:1px 4px;border:1px solid var(--text-dim);border-radius:2px;color:var(--text-muted)}.queue-panel[data-v-c27f5d31]{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-c27f5d31]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.queue-header h4[data-v-c27f5d31]{font-size:.9rem;font-weight:700}.queue-header button[data-v-c27f5d31]{font-size:.75rem;color:var(--text-muted)}.queue-list[data-v-c27f5d31]{max-height:400px;overflow-y:auto}.queue-item[data-v-c27f5d31]{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-c27f5d31]:hover{background:rgba(255,255,255,.1)}.queue-item.active[data-v-c27f5d31]{background:rgba(118,185,0,.2)}.queue-item.active .q-title[data-v-c27f5d31]{color:#76b900}.q-num[data-v-c27f5d31]{font-size:.75rem;color:var(--text-dim);width:20px}.q-title[data-v-c27f5d31]{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-artist[data-v-c27f5d31]{font-size:.7rem;color:var(--text-muted)}.empty-q[data-v-c27f5d31]{text-align:center;padding:var(--spacing-xl);color:var(--text-dim);font-size:.85rem}#app-container[data-v-521be3d5]{display:flex;flex-direction:column;height:100vh;width:100vw;background:#111;overflow:hidden;position:relative}.layout-main[data-v-521be3d5]{display:flex;flex:1;overflow:hidden;position:relative}.main-view[data-v-521be3d5]{flex:1;overflow:hidden;display:flex;position:relative;background:#000}.view-container[data-v-521be3d5]{flex:1;overflow-y:overlay;padding:var(--spacing-lg);background:#121212;transition:all .4s cubic-bezier(.4,0,.2,1)}.view-container[data-v-521be3d5]::-webkit-scrollbar{width:6px}.view-container[data-v-521be3d5]::-webkit-scrollbar-track{background:transparent}.view-container[data-v-521be3d5]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}#yt-player-wrapper[data-v-521be3d5]{flex:2;width:0;height:100%;background:#000;position:relative;overflow:hidden}#yt-player[data-v-521be3d5],#yt-player-wrapper iframe[data-v-521be3d5]{position:absolute!important;top:-60px!important;left:0!important;width:100%!important;height:calc(100% + 120px)!important;border:none!important}.main-view.with-video .view-container[data-v-521be3d5]{flex:1;width:0;max-width:420px;min-width:300px;border-left:1px solid rgba(255,255,255,.05);background:rgba(18,18,18,.8);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:var(--spacing-md)}.main-view.with-video .view-container[data-v-521be3d5] h2,.main-view.with-video .view-container[data-v-521be3d5] .playlist-header h1{font-size:1.2rem;margin-bottom:var(--spacing-sm)}.toast-notification[data-v-521be3d5]{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;min-width:300px}.toast-content[data-v-521be3d5]{background:rgba(30,30,30,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:var(--radius-full);display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 10px 30px #00000080}.toast-notification.success .toast-content[data-v-521be3d5]{border-left:4px solid #76b900}.toast-notification.success svg[data-v-521be3d5]{color:#76b900}.toast-notification.error .toast-content[data-v-521be3d5]{border-left:4px solid #ff4d4d}.toast-notification.error svg[data-v-521be3d5]{color:#ff4d4d}.toast-enter-active[data-v-521be3d5],.toast-leave-active[data-v-521be3d5]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast-enter-from[data-v-521be3d5]{opacity:0;transform:translate(-50%,-100%)}.toast-leave-to[data-v-521be3d5]{opacity:0;transform:translate(-50%,-20px) scale(.9)}.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-43280e76]{max-width:1200px;margin:0 auto}.home-section[data-v-43280e76]{margin-bottom:var(--spacing-xl)}.section-header[data-v-43280e76]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3[data-v-43280e76]{font-size:1.2rem;font-weight:800;letter-spacing:-.5px}.view-all[data-v-43280e76],.clear-btn[data-v-43280e76]{font-size:.75rem;color:var(--text-dim);font-weight:600}.search-tags[data-v-43280e76]{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:4px}.search-tag[data-v-43280e76]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .2s}.search-tag[data-v-43280e76]:hover{background:rgba(118,185,0,.1);border-color:#76b9004d;color:#76b900}.playlists-grid[data-v-43280e76]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.p-card[data-v-43280e76]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,.03);border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid transparent}.p-card[data-v-43280e76]:hover{background:rgba(255,255,255,.08);border-color:#ffffff1a}.p-art[data-v-43280e76]{width:56px;height:56px;background:linear-gradient(135deg,#222,#111);border-radius:8px;box-shadow:0 4px 12px #0000004d}.p-name[data-v-43280e76]{font-weight:600;font-size:.95rem}.p-count[data-v-43280e76]{font-size:.75rem;color:var(--text-dim);margin-top:2px}.play-all-btn[data-v-43280e76]{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#76b900;color:#fff;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;box-shadow:0 4px 15px #76b9004d}.compact-track-list[data-v-43280e76]{display:flex;flex-direction:column;gap:2px}.compact-track[data-v-43280e76]{display:flex;align-items:center;justify-content:space-between;padding:8px var(--spacing-md);border-radius:8px;cursor:pointer;transition:background .2s}.compact-track[data-v-43280e76]:hover{background:rgba(255,255,255,.05)}.t-left[data-v-43280e76]{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.t-num[data-v-43280e76]{width:24px;font-size:.8rem;color:var(--text-dim);font-weight:600}.t-thumb[data-v-43280e76]{width:40px;height:40px;border-radius:6px;object-fit:cover}.t-meta[data-v-43280e76]{flex:1;min-width:0}.t-title[data-v-43280e76]{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-artist[data-v-43280e76]{font-size:.75rem;color:var(--text-dim)}.loading[data-v-43280e76]{height:200px}.scroll-hide[data-v-43280e76]::-webkit-scrollbar{display:none}: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}.player-bar{display:none!important}.system-modal{position:fixed;top:50%}.input-group input{width:90%!important}