.browse-page.svelte-1kxy863{min-height:100vh;padding:20px 1.5rem 2rem}.browse-hero.svelte-1kxy863{margin-bottom:1rem;padding:2rem 0}.browse-title.svelte-1kxy863{margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.browse-subtitle.svelte-1kxy863{color:var(--text-muted);font-size:1rem}.section.svelte-1kxy863{margin-bottom:3rem}.section-header.svelte-1kxy863{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-title.svelte-1kxy863{font-size:1.5rem;font-weight:700}.see-all.svelte-1kxy863{color:var(--text-secondary);font-size:.875rem;font-weight:600;transition:color .15s}.see-all.svelte-1kxy863:hover{color:var(--text-primary)}.genre-grid.svelte-1kxy863{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.genre-card.svelte-1kxy863{aspect-ratio:1;background:var(--bg-card);color:inherit;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.genre-card.svelte-1kxy863:before{content:"";background:linear-gradient(135deg, var(--genre-color), transparent 80%);opacity:.15;transition:opacity .2s;position:absolute;inset:0}.genre-card.svelte-1kxy863:hover{transform:scale(1.05);box-shadow:0 8px 24px #0006}.genre-card.svelte-1kxy863:hover:before{opacity:.25}.genre-icon.svelte-1kxy863{z-index:1;font-size:2.5rem;position:relative}.genre-name.svelte-1kxy863{z-index:1;font-size:1rem;font-weight:600;position:relative}.trending-grid.svelte-1kxy863{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.track-card.svelte-1kxy863{background:var(--bg-card);cursor:pointer;color:inherit;border-radius:12px;padding:1rem;text-decoration:none;transition:all .2s}.track-card.svelte-1kxy863:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 8px 24px #0006}.track-cover.svelte-1kxy863{aspect-ratio:1;border-radius:8px;margin-bottom:1rem;position:relative;overflow:hidden}.track-cover.svelte-1kxy863 img:where(.svelte-1kxy863){object-fit:cover;width:100%;height:100%}.track-cover-gradient.svelte-1kxy863{background:linear-gradient(135deg, var(--accent-green), var(--accent-purple));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.track-cover-gradient.svelte-1kxy863 svg:where(.svelte-1kxy863){color:#fffc;width:40px;height:40px}.play-overlay.svelte-1kxy863{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.track-card.svelte-1kxy863:hover .play-overlay:where(.svelte-1kxy863){opacity:1}.play-overlay.svelte-1kxy863 svg:where(.svelte-1kxy863){color:#fff;width:48px;height:48px}.track-info.svelte-1kxy863{flex-direction:column;gap:4px;display:flex}.track-title.svelte-1kxy863{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.track-artist.svelte-1kxy863{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.quick-links.svelte-1kxy863{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.quick-link-card.svelte-1kxy863{background:var(--bg-card);color:inherit;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.quick-link-card.svelte-1kxy863:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.quick-link-icon.svelte-1kxy863{background:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.quick-link-icon.svelte-1kxy863 svg:where(.svelte-1kxy863){color:var(--accent-green)}.quick-link-text.svelte-1kxy863{flex-direction:column;gap:4px;display:flex}.quick-link-title.svelte-1kxy863{color:var(--text-primary);font-size:1rem;font-weight:600}.quick-link-desc.svelte-1kxy863{color:var(--text-muted);font-size:.875rem}@media (width<=768px){.browse-title.svelte-1kxy863{font-size:2rem}.genre-grid.svelte-1kxy863{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.trending-grid.svelte-1kxy863{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.quick-links.svelte-1kxy863{grid-template-columns:1fr}}