*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-card:#1a1a1a;--bg-card-hover:#252525;--bg-elevated:#242424;--bg-surface:#181818;--bg-input:#2a2a2a;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#6a6a6a;--text-accent:#1ed760;--accent-green:#1ed760;--accent-green-hover:#1db954;--accent-green-dark:#169c46;--accent-purple:#8b5cf6;--accent-purple-hover:#7c3aed;--accent-pink:#e879f9;--accent-blue:#3b82f6;--gradient-primary:linear-gradient(135deg, #1ed760 0%, #8b5cf6 100%);--gradient-hero:linear-gradient(180deg, #1a1a1a00 0%, #0a0a0a 100%);--gradient-card:linear-gradient(180deg, #8b5cf61a 0%, #1ed7600d 100%);--border-subtle:#ffffff14;--border-default:#ffffff1f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-green:0 4px 20px #1ed7604d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--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:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-nav:100;--z-player:200;--z-modal:300;--z-tooltip:400;--nav-height:64px;--player-height:80px;--sidebar-width:280px;--content-max-width:1400px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-accent)}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}input::placeholder{color:var(--text-muted)}.container{width:100%;max-width:var(--content-max-width);padding:0 var(--space-lg);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background-color:var(--accent-green);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){:root{--nav-height:56px;--player-height:70px;--sidebar-width:0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{padding:0 var(--space-md)}}.app.svelte-12qhfyh{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.navbar.svelte-12qhfyh{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:var(--z-nav);background:#0a0a0ad9;position:fixed;top:0;left:0;right:0}.navbar-inner.svelte-12qhfyh{align-items:center;gap:var(--space-xl);height:100%;display:flex}.logo.svelte-12qhfyh{align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);letter-spacing:-.03em;white-space:nowrap;font-weight:800;display:flex}.logo.svelte-12qhfyh:hover{color:var(--text-primary)}.logo-icon.svelte-12qhfyh{font-size:1.5rem}.logo-text.svelte-12qhfyh{display:flex}.logo-accent.svelte-12qhfyh{color:var(--accent-green)}.search-form.svelte-12qhfyh{flex:1;max-width:480px;position:relative}.search-icon.svelte-12qhfyh{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input.svelte-12qhfyh{background:var(--bg-input);border-radius:var(--radius-full);width:100%;color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base);border:1px solid #0000;padding:10px 16px 10px 42px}.search-input.svelte-12qhfyh:focus{background:var(--bg-elevated);border-color:var(--accent-green);box-shadow:0 0 0 2px #1ed76026}.nav-links.svelte-12qhfyh{align-items:center;gap:var(--space-sm);display:flex}.nav-link.svelte-12qhfyh{border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:flex}.nav-link.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:18px;height:18px}.nav-link.svelte-12qhfyh:hover,.nav-link.active.svelte-12qhfyh{color:var(--text-primary);background:var(--bg-card)}.mobile-menu-btn.svelte-12qhfyh{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:none}.mobile-menu-btn.svelte-12qhfyh:hover{background:var(--bg-card)}.hamburger.svelte-12qhfyh{background:var(--text-primary);width:18px;height:2px;transition:all var(--transition-base);display:block;position:relative}.hamburger.svelte-12qhfyh:before,.hamburger.svelte-12qhfyh:after{content:"";background:var(--text-primary);width:100%;height:2px;transition:all var(--transition-base);position:absolute;left:0}.hamburger.svelte-12qhfyh:before{top:-6px}.hamburger.svelte-12qhfyh:after{bottom:-6px}.hamburger.open.svelte-12qhfyh{background:0 0}.hamburger.open.svelte-12qhfyh:before{top:0;transform:rotate(45deg)}.hamburger.open.svelte-12qhfyh:after{bottom:0;transform:rotate(-45deg)}.mobile-menu.svelte-12qhfyh{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:var(--space-md);display:none;position:absolute;top:100%;left:0;right:0}.mobile-link.svelte-12qhfyh{padding:var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);font-weight:500;display:block}.mobile-link.svelte-12qhfyh:hover{background:var(--bg-card);color:var(--text-primary)}.main-content.svelte-12qhfyh{margin-top:var(--nav-height);margin-bottom:var(--player-height);padding:var(--space-xl) 0;flex:1}.player-bar.svelte-12qhfyh{height:var(--player-height);border-top:1px solid var(--border-subtle);z-index:var(--z-player);background:linear-gradient(#1a1a1a 0%,#121212 100%);position:fixed;bottom:0;left:0;right:0}.player-inner.svelte-12qhfyh{justify-content:space-between;align-items:center;gap:var(--space-lg);height:100%;display:flex}.player-info.svelte-12qhfyh{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.player-cover.svelte-12qhfyh{border-radius:var(--radius-sm);flex-shrink:0;width:56px;height:56px;overflow:hidden}.player-cover-placeholder.svelte-12qhfyh{background:var(--gradient-primary);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.player-cover-placeholder.svelte-12qhfyh svg:where(.svelte-12qhfyh){color:#fff;width:24px;height:24px}.player-text.svelte-12qhfyh{flex-direction:column;min-width:0;display:flex}.player-track.svelte-12qhfyh{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.player-artist.svelte-12qhfyh{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-controls.svelte-12qhfyh{flex-direction:column;flex:2;align-items:center;gap:6px;max-width:600px;display:flex}.player-buttons.svelte-12qhfyh{align-items:center;gap:var(--space-lg);display:flex}.player-btn.svelte-12qhfyh{color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.player-btn.svelte-12qhfyh:hover{color:var(--text-primary);transform:scale(1.08)}.player-btn.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:18px;height:18px}.play-btn.svelte-12qhfyh{background:var(--text-primary);width:36px;height:36px;color:var(--bg-primary);border-radius:50%}.play-btn.svelte-12qhfyh:hover{background:#fff;transform:scale(1.1)}.play-btn.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:16px;height:16px}.player-progress.svelte-12qhfyh{align-items:center;gap:var(--space-sm);width:100%;display:flex}.time.svelte-12qhfyh{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;min-width:35px}.progress-bar.svelte-12qhfyh{background:var(--bg-input);border-radius:var(--radius-full);cursor:pointer;height:4px;transition:height var(--transition-fast);flex:1}.progress-bar.svelte-12qhfyh:hover{height:6px}.progress-fill.svelte-12qhfyh{background:var(--accent-green);border-radius:var(--radius-full);width:0%;height:100%;transition:background var(--transition-fast)}.progress-bar.svelte-12qhfyh:hover .progress-fill:where(.svelte-12qhfyh){background:var(--text-primary)}.player-extras.svelte-12qhfyh{align-items:center;gap:var(--space-md);flex:1;justify-content:flex-end;display:flex}.player-extras.svelte-12qhfyh .player-btn:where(.svelte-12qhfyh) svg:where(.svelte-12qhfyh){width:16px;height:16px}@media (width<=768px){.navbar-inner.svelte-12qhfyh{gap:var(--space-md)}.search-form.svelte-12qhfyh,.nav-links.svelte-12qhfyh{display:none}.mobile-menu-btn.svelte-12qhfyh{display:flex}.mobile-menu.svelte-12qhfyh{display:block}.player-controls.svelte-12qhfyh{max-width:200px}.player-extras.svelte-12qhfyh,.player-btn.svelte-12qhfyh:not(.play-btn){display:none}.player-buttons.svelte-12qhfyh{gap:var(--space-md)}}@media (width<=480px){.player-info.svelte-12qhfyh .player-text:where(.svelte-12qhfyh),.player-controls.svelte-12qhfyh{max-width:120px}}.site-footer.svelte-12qhfyh{background:#0d0d0d;border-top:1px solid #1f1f1f;margin-top:4rem;padding:3rem 0 1.5rem}.footer-inner.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-content.svelte-12qhfyh{grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem;display:grid}.footer-brand.svelte-12qhfyh{flex-direction:column;gap:.5rem;display:flex}.footer-logo.svelte-12qhfyh{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.footer-logo.svelte-12qhfyh .logo-icon:where(.svelte-12qhfyh){font-size:1.5rem}.footer-logo.svelte-12qhfyh .logo-text:where(.svelte-12qhfyh){color:#fff}.footer-logo.svelte-12qhfyh .logo-accent:where(.svelte-12qhfyh){color:var(--accent-green,#1ed760)}.footer-tagline.svelte-12qhfyh{color:#888;margin-top:.5rem;font-size:.875rem}.footer-links.svelte-12qhfyh{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.footer-section.svelte-12qhfyh h4:where(.svelte-12qhfyh){color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.footer-section.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#888;padding:.25rem 0;font-size:.875rem;text-decoration:none;transition:color .2s;display:block}.footer-section.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#fff}.footer-bottom.svelte-12qhfyh{text-align:center;border-top:1px solid #1f1f1f;padding-top:1.5rem}.footer-disclaimer.svelte-12qhfyh{color:#666;max-width:800px;margin:0 auto 1rem;font-size:.75rem;line-height:1.6}.footer-disclaimer.svelte-12qhfyh strong:where(.svelte-12qhfyh){color:#888}.footer-disclaimer.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--accent-green,#1ed760);text-decoration:none}.footer-disclaimer.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{text-decoration:underline}.footer-copyright.svelte-12qhfyh{color:#555;font-size:.75rem}.footer-copyright.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#888;text-decoration:none}.footer-copyright.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#fff}@media (width<=768px){.footer-content.svelte-12qhfyh{grid-template-columns:1fr;gap:2rem}.footer-links.svelte-12qhfyh{grid-template-columns:1fr;gap:1.5rem}}