.view-page[data-v-2c20f9c7]{min-height:100vh;min-height:-webkit-fill-available}.view-page[data-v-2c20f9c7]>*{padding:var(--spacing-4)}.nav[data-v-2c20f9c7]{margin-bottom:var(--spacing-4);background:var(--music-gradient);text-align:center;color:#fff;justify-content:flex-start;align-items:center;position:relative;overflow:hidden}.nav[data-v-2c20f9c7]>*{z-index:1}.nav[data-v-2c20f9c7]:before,.nav[data-v-2c20f9c7]:after{content:"";pointer-events:none;opacity:.05;z-index:0;background:url(../../images/sine-wave-notes.47e0c83d.final.svg) 0 20%/auto 100% repeat-x;animation:400s linear infinite svg-wave-flow-2c20f9c7;position:absolute;top:0;bottom:0;left:0;right:0}.nav[data-v-2c20f9c7]:after{opacity:.1;background-position:0 70%;background-size:auto 80%;animation:500s linear infinite reverse svg-wave-flow-2c20f9c7}h1[data-v-2c20f9c7]{font-family:var(--font-family-display);font-size:var(--font-size-4xl);letter-spacing:-.02em;text-align:end;padding-right:var(--spacing-6);margin:0;font-weight:800;display:inline-block}.btns[data-v-2c20f9c7]{margin-left:var(--spacing-4);display:inline-flex}button[data-v-2c20f9c7]{border-radius:var(--border-radius-full);padding:0 var(--spacing-4);background:#fff3;border:1px solid #fff5;height:44px;font-weight:700}button[data-v-2c20f9c7]:hover{background:#fff4;border-color:#fff8}.back[data-v-2c20f9c7]{border-radius:var(--border-radius-full)0 0 var(--border-radius-full);border-right:0}.forward[data-v-2c20f9c7]{border-radius:0 var(--border-radius-full)var(--border-radius-full)0}.back:hover+.forward[data-v-2c20f9c7]{border-left-color:#fff8}.toggle-theme-btn[data-v-2c20f9c7]{margin-left:auto}.nav[data-v-2c20f9c7]>:last-child{margin-right:var(--spacing-6)}.search-btn[data-v-2c20f9c7]{border-radius:var(--border-radius-full);width:44px;height:44px;font-size:var(--font-size-lg);cursor:pointer;transition:all var(--duration-fast);background:#fff3;border:1px solid #fff5;justify-content:center;align-items:center;display:flex}.search-btn[data-v-2c20f9c7]:hover{background:#fff4;border-color:#fff8}.search-btn.active[data-v-2c20f9c7]{display:none}.nav>div[data-v-2c20f9c7]{align-items:center;gap:var(--spacing-4);display:flex}span[data-v-2c20f9c7]{font-size:var(--font-size-lg);opacity:.9;max-width:600px;margin:0;font-weight:400}@keyframes svg-wave-flow-2c20f9c7{to{background-position-x:100%}}aside[data-v-2c20f9c7]{width:calc(38.2% - var(--spacing-4)*2)}.main[data-v-2c20f9c7]{flex:1}.quick-play-section[data-v-2c20f9c7]{padding:var(--spacing-6);flex-direction:column;align-items:flex-end;display:flex}.section-title[data-v-2c20f9c7]{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0 0 var(--spacing-6);align-items:center;gap:var(--spacing-3);flex-direction:row-reverse;font-weight:700;display:flex}.section-title[data-v-2c20f9c7]:before{content:"";background:var(--music-gradient);border-radius:var(--border-radius-full);width:4px;height:24px}.songs-grid[data-v-2c20f9c7]{gap:var(--spacing-4);flex-direction:column;max-width:400px;display:flex}.song-card[data-v-2c20f9c7]{background:var(--card-color);border-radius:var(--border-radius-lg);border:1px solid var(--border-light);padding:var(--spacing-4);align-items:center;gap:var(--spacing-3);transition:all var(--duration-normal);cursor:pointer;display:flex}.song-card[data-v-2c20f9c7]:hover{box-shadow:var(--shadow-md);border-color:var(--music-primary);transform:translateY(-2px)}.song-cover[data-v-2c20f9c7]{border-radius:var(--border-radius);object-fit:cover;flex-shrink:0;width:60px;height:60px}.song-info[data-v-2c20f9c7]{flex:1;min-width:0}.song-title[data-v-2c20f9c7]{color:var(--text-primary);margin-bottom:var(--spacing-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.song-artist[data-v-2c20f9c7]{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.song-album[data-v-2c20f9c7]{color:var(--text-tertiary);font-size:var(--font-size-xs)}.song-actions[data-v-2c20f9c7]{gap:var(--spacing-2);flex-direction:column;display:flex}.play-btn[data-v-2c20f9c7]{background:var(--music-primary);color:#fff;padding:var(--spacing-2)var(--spacing-3);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;border:none;font-weight:500}.play-btn[data-v-2c20f9c7]:hover{background:var(--primary-dark);transform:scale(1.05)}.detail-btn[data-v-2c20f9c7]{color:var(--music-primary);border:1px solid var(--music-primary);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--border-radius);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;text-align:center;background:0 0;text-decoration:none}.detail-btn[data-v-2c20f9c7]:hover{background:var(--music-primary);color:#fff}@media (max-width:768px){h1[data-v-2c20f9c7]{font-size:var(--font-size-3xl)}.quick-play-section[data-v-2c20f9c7]{padding:0 var(--spacing-4)var(--spacing-4)}.songs-grid[data-v-2c20f9c7]{grid-template-columns:1fr}.song-card[data-v-2c20f9c7]{padding:var(--spacing-3)}.song-actions[data-v-2c20f9c7]{flex-direction:row}}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#8b5cf6;--accent-color:#ec4899;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--music-primary:#8b5cf6;--music-secondary:#ec4899;--music-gradient:linear-gradient(135deg,var(--music-primary)0%,var(--music-secondary)100%);--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--card-color:#fff;--overlay-color:#0008;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--border-radius-sm:.25rem;--border-radius:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-full:9999px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,sans-serif;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--player-height:80px;--sidebar-width:240px}@media (prefers-color-scheme:dark){:root{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-inverse:#111827;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--card-color:#1f2937;--overlay-color:#0006;--border-light:#374151;--border-medium:#4b5563;--border-dark:#6b7280;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0003}}*{box-sizing:border-box}body{font-family:var(--font-family-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:var(--font-size-base);transition:background-color var(--duration-normal),color var(--duration-normal);margin:0;padding:0;overflow-x:hidden;overflow-y:scroll}button{color:inherit;font:inherit;line-height:inherit;text-transform:none;-webkit-appearance:button;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}::selection{background:var(--primary-color);color:#fff}@media (max-width:768px){:root{--sidebar-width:200px;--player-height:70px}}.app[data-v-510b4320]{flex-direction:column;min-height:100vh;display:flex;position:relative}.app.is-layer[data-v-510b4320]{overflow:hidden}.app.hasSong[data-v-510b4320]{padding-bottom:var(--player-height)}.home-container[data-v-38265608]{padding:var(--spacing-6)}.playlists-section[data-v-38265608]{margin-top:var(--spacing-8)}.section-title[data-v-38265608]{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0 0 var(--spacing-6);align-items:center;gap:var(--spacing-3);font-weight:700;display:flex}.section-title[data-v-38265608]:before{content:"";background:var(--music-gradient);border-radius:var(--border-radius-full);width:4px;height:24px}.playlists-grid[data-v-38265608]{gap:var(--spacing-6);margin-bottom:var(--spacing-8);flex-wrap:wrap;max-width:100%;display:flex}.playlist-card[data-v-38265608]{background:var(--card-color);border-radius:var(--border-radius-xl);border:1px solid var(--border-light);transition:all var(--duration-normal);cursor:pointer;width:450px;color:inherit;text-decoration:none;display:block;overflow:hidden}.playlist-card[data-v-38265608]:hover{box-shadow:var(--shadow-lg);color:inherit;border-color:var(--music-primary);text-decoration:none;transform:translateY(-4px)}.playlist-cover[data-v-38265608]{object-fit:cover;width:100%;height:160px}.playlist-info[data-v-38265608]{padding:var(--spacing-4)}.playlist-title[data-v-38265608]{color:var(--text-primary);margin-bottom:var(--spacing-2);font-weight:700;font-size:var(--font-size-lg)}.playlist-desc[data-v-38265608]{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);line-height:1.5}.playlist-meta[data-v-38265608]{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-4)}.playlist-actions[data-v-38265608]{padding:0 var(--spacing-4)var(--spacing-4);gap:var(--spacing-3);align-items:center;display:flex}.playlist-actions .play-btn[data-v-38265608]{background:var(--music-primary);color:#fff;padding:var(--spacing-2)var(--spacing-3);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;border:none;font-weight:500}.playlist-actions .play-btn[data-v-38265608]:hover{background:var(--primary-dark);transform:scale(1.05)}.detail-link-text[data-v-38265608]{color:var(--music-primary);font-size:var(--font-size-sm);transition:color var(--duration-fast);font-weight:500}.playlist-card:hover .detail-link-text[data-v-38265608]{color:var(--primary-dark)}.artists-grid[data-v-38265608]{gap:var(--spacing-6);flex-wrap:wrap;display:flex}.artist-card[data-v-38265608]{background:var(--card-color);border-radius:var(--border-radius-xl);border:1px solid var(--border-light);padding:var(--spacing-6);align-items:center;gap:var(--spacing-4);transition:all var(--duration-normal);cursor:pointer;color:inherit;width:450px;text-decoration:none;display:flex}.artist-card[data-v-38265608]:hover{box-shadow:var(--shadow-md);color:inherit;border-color:var(--music-primary);text-decoration:none;transform:translateY(-2px)}.artist-avatar[data-v-38265608]{border-radius:var(--border-radius-full);object-fit:cover;flex-shrink:0;width:80px;height:80px}.artist-info[data-v-38265608]{flex:1}.artist-name[data-v-38265608]{color:var(--text-primary);margin-bottom:var(--spacing-1);font-weight:700;font-size:var(--font-size-lg)}.artist-followers[data-v-38265608]{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.artist-bio[data-v-38265608]{color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:1.4}.artist-link-text[data-v-38265608]{color:var(--music-primary);font-size:var(--font-size-sm);white-space:nowrap;transition:color var(--duration-fast);font-weight:500}.artist-card:hover .artist-link-text[data-v-38265608]{color:var(--primary-dark)}@media (max-width:768px){.home-container[data-v-38265608]{padding:var(--spacing-4)}.playlists-grid[data-v-38265608],.artists-grid[data-v-38265608]{grid-template-columns:1fr}.artist-card[data-v-38265608]{text-align:center;flex-direction:column}.artist-avatar[data-v-38265608]{width:100px;height:100px}}.now-playing[data-v-261328af]{padding:var(--spacing-6);background:var(--bg-primary);min-height:100vh}.player-container[data-v-261328af]{background:var(--card-color);border-radius:var(--border-radius-xl);border:1px solid var(--border-light);width:100%;margin-bottom:var(--spacing-6);overflow:hidden}.song-header[data-v-261328af]{gap:var(--spacing-6);padding:var(--spacing-8);border-radius:var(--border-radius-xl);--left-width:50%;align-items:end;display:flex;overflow:hidden}.album-art-wrapper[data-v-261328af]{z-index:1;flex-shrink:0;width:200px;height:200px;position:relative}.album-art[data-v-261328af]{border-radius:var(--border-radius-lg);object-fit:cover;width:100%;height:100%;box-shadow:var(--shadow-xl)}.vinyl-overlay[data-v-261328af]{border-radius:var(--border-radius-full);width:60px;height:60px;transition:transform var(--duration-slow);background:#0008;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-overlay[data-v-261328af]:after{content:"📀";font-size:30px;line-height:30px;transform:rotate(0)}.vinyl-overlay.spinning[data-v-261328af]:after{animation:3s linear infinite spin-261328af}@keyframes spin-261328af{to{transform:rotate(360deg)}}.player-info[data-v-261328af]{justify-content:end;gap:var(--spacing-2);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.song-type[data-v-261328af]{font-size:var(--font-size-sm);opacity:.9;text-transform:uppercase;letter-spacing:.5px;color:#fff;font-weight:500}.song-title[data-v-261328af]{font-size:var(--font-size-4xl);color:#fff;margin:0;font-weight:800;line-height:1.1}.song-artist[data-v-261328af]{font-size:var(--font-size-xl);color:#fff;margin:0;font-weight:600}a.song-artist[data-v-261328af]{opacity:.9;cursor:pointer;transition:opacity var(--duration-fast);text-decoration:none}a.song-artist[data-v-261328af]:hover{opacity:1;text-decoration:underline}.song-album[data-v-261328af]{font-size:var(--font-size-base);color:#fff;margin:0}a.song-album[data-v-261328af]{opacity:.8;transition:opacity var(--duration-fast);cursor:pointer;text-decoration:none}a.song-album[data-v-261328af]:hover{opacity:1;text-decoration:underline}.player-controls[data-v-261328af]{padding:var(--spacing-6);flex-direction:column;justify-content:flex-end;display:flex}.control-buttons[data-v-261328af]{justify-content:center;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.control-btn[data-v-261328af]{width:48px;height:48px;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-full);font-size:var(--font-size-xl);transition:all var(--duration-normal);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.control-btn[data-v-261328af]:hover{background:var(--bg-secondary);color:var(--text-primary)}.control-btn.active[data-v-261328af]{color:var(--music-primary);background:var(--bg-secondary)}.play-btn[data-v-261328af]{background:var(--music-primary);color:#fff;cursor:pointer;border-radius:var(--border-radius-full);width:64px;height:64px;font-size:var(--font-size-2xl);transition:all var(--duration-normal);box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;display:flex}.play-btn[data-v-261328af]:hover{background:var(--primary-dark);transform:scale(1.05)}.progress-section[data-v-261328af]{margin-bottom:var(--spacing-6)}.time-display[data-v-261328af]{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-2);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.progress-bar[data-v-261328af]{background:var(--bg-tertiary);border-radius:var(--border-radius-full);cursor:pointer;height:6px;position:relative}.progress-fill[data-v-261328af]{background:var(--music-gradient);border-radius:var(--border-radius-full);height:100%;transition:width var(--duration-fast)}.progress-thumb[data-v-261328af]{border:2px solid var(--music-primary);border-radius:var(--border-radius-full);width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;position:absolute;top:50%;transform:translate(-50%,-50%)}.volume-section[data-v-261328af]{align-items:center;gap:var(--spacing-3);justify-content:center;display:flex}.volume-icon[data-v-261328af]{font-size:var(--font-size-lg);color:var(--text-secondary)}.volume-bar[data-v-261328af]{background:var(--bg-secondary);border-radius:var(--border-radius-full);cursor:pointer;width:100px;height:4px;position:relative}.volume-fill[data-v-261328af]{background:var(--music-gradient);border-radius:var(--border-radius-full);height:100%;transition:width var(--duration-fast)}@media (max-width:768px){.song-header[data-v-261328af]{text-align:center;padding:var(--spacing-6)var(--spacing-4);flex-direction:column;align-items:center}.album-art-wrapper[data-v-261328af]{width:180px;height:180px;margin:0 auto}.player-info[data-v-261328af]{align-items:center}.song-title[data-v-261328af]{font-size:var(--font-size-3xl)}.song-artist[data-v-261328af]{font-size:var(--font-size-lg)}.control-buttons[data-v-261328af]{gap:var(--spacing-3)}.control-btn[data-v-261328af]{width:40px;height:40px;font-size:var(--font-size-lg)}.play-btn[data-v-261328af]{width:56px;height:56px;font-size:var(--font-size-xl)}}