.hero.svelte-1uha8ag{align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.hero-bg.svelte-1uha8ag{z-index:-1;position:absolute;inset:0}.hero-gradient.svelte-1uha8ag{background:radial-gradient(at 20%,#1ed76026 0%,#0000 50%),radial-gradient(at 80%,#8b5cf626 0%,#0000 50%),radial-gradient(at 50% 100%,#0a0a0a 0%,#0000 50%);position:absolute;inset:0}.hero-content.svelte-1uha8ag{padding:var(--space-3xl) 0}.hero-text.svelte-1uha8ag{max-width:650px}.hero-title.svelte-1uha8ag{margin-bottom:var(--space-lg);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1}.gradient-text.svelte-1uha8ag{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle.svelte-1uha8ag{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:500px}.hero-actions.svelte-1uha8ag{gap:var(--space-md);flex-wrap:wrap;display:flex}.btn.svelte-1uha8ag{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);padding:14px 28px;display:inline-flex}.btn.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:20px;height:20px}.btn-primary.svelte-1uha8ag{background:var(--accent-green);color:var(--bg-primary)}.btn-primary.svelte-1uha8ag:hover{background:var(--accent-green-hover);box-shadow:var(--shadow-green);transform:scale(1.04)}.btn-secondary.svelte-1uha8ag{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary.svelte-1uha8ag:hover{background:var(--bg-card-hover);transform:scale(1.04)}.section.svelte-1uha8ag{margin-bottom:var(--space-3xl)}.section-header.svelte-1uha8ag{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.section-title.svelte-1uha8ag{font-size:var(--font-size-2xl);font-weight:700}.see-all.svelte-1uha8ag{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast);font-weight:600}.see-all.svelte-1uha8ag:hover{color:var(--text-primary)}.quick-picks.svelte-1uha8ag{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.quick-pick-card.svelte-1uha8ag{background:var(--bg-card);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;display:flex;overflow:hidden}.quick-pick-card.svelte-1uha8ag:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.quick-pick-cover.svelte-1uha8ag{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.quick-pick-icon.svelte-1uha8ag{font-size:1.25rem}.quick-pick-name.svelte-1uha8ag{padding:0 var(--space-md);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.trending-grid.svelte-1uha8ag{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.track-card.svelte-1uha8ag{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--transition-base);color:inherit;text-decoration:none}.track-card.svelte-1uha8ag:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.track-cover.svelte-1uha8ag{aspect-ratio:1;border-radius:var(--radius-md);margin-bottom:var(--space-md);position:relative;overflow:hidden}.track-cover.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:cover;width:100%;height:100%}.track-cover-gradient.svelte-1uha8ag{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.track-cover-gradient.svelte-1uha8ag svg:where(.svelte-1uha8ag){color:#fffc;width:40px;height:40px}.play-overlay.svelte-1uha8ag{opacity:0;transition:opacity var(--transition-base);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.track-card.svelte-1uha8ag:hover .play-overlay:where(.svelte-1uha8ag){opacity:1}.play-overlay.svelte-1uha8ag svg:where(.svelte-1uha8ag){color:#fff;width:48px;height:48px}.track-info.svelte-1uha8ag{margin-bottom:var(--space-sm);flex-direction:column;gap:2px;display:flex}.track-title.svelte-1uha8ag{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.track-artist.svelte-1uha8ag{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.genre-grid.svelte-1uha8ag{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.genre-card.svelte-1uha8ag{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--bg-card);justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.genre-card.svelte-1uha8ag:before{content:"";background:linear-gradient(135deg, var(--genre-color), transparent 80%);opacity:.15;transition:opacity var(--transition-base);position:absolute;inset:0}.genre-card.svelte-1uha8ag:hover{transform:scale(1.05);box-shadow:0 8px 24px #0006}.genre-card.svelte-1uha8ag:hover:before{opacity:.25}.genre-icon.svelte-1uha8ag{z-index:1;font-size:2.5rem;position:relative}.genre-name.svelte-1uha8ag{font-size:var(--font-size-base);z-index:1;font-weight:600;position:relative}.featured-grid.svelte-1uha8ag{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.featured-card.svelte-1uha8ag{gap:var(--space-md);color:inherit;transition:transform var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.featured-card.svelte-1uha8ag:hover{transform:translateY(-4px)}.featured-cover.svelte-1uha8ag{aspect-ratio:1;border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.featured-icon.svelte-1uha8ag{color:#fff9;width:48px;height:48px}.featured-play.svelte-1uha8ag{bottom:var(--space-md);right:var(--space-md);background:var(--accent-green);opacity:0;width:48px;height:48px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(8px);box-shadow:0 8px 24px #0006}.featured-card.svelte-1uha8ag:hover .featured-play:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.featured-play.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:24px;height:24px;color:var(--bg-primary);margin-left:2px}.featured-name.svelte-1uha8ag{font-size:var(--font-size-base);color:var(--text-primary);font-weight:700}.featured-desc.svelte-1uha8ag{font-size:var(--font-size-sm);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=768px){.hero.svelte-1uha8ag{min-height:50vh}.trending-grid.svelte-1uha8ag{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.track-cover-gradient.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:32px;height:32px}.play-overlay.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:36px;height:36px}.genre-grid.svelte-1uha8ag{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}