.vibe-page.svelte-1skjzd{max-width:1200px;margin:0 auto;padding:0 24px 60px}.vibe-page.svelte-1skjzd>:where(.svelte-1skjzd):not(.hero){opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.vibe-page.visible.svelte-1skjzd>:where(.svelte-1skjzd):not(.hero){opacity:1;transform:translateY(0)}.vibe-page.visible.svelte-1skjzd>:where(.svelte-1skjzd):nth-child(2){transition-delay:.05s}.vibe-page.visible.svelte-1skjzd>:where(.svelte-1skjzd):nth-child(3){transition-delay:.15s}.vibe-page.visible.svelte-1skjzd>:where(.svelte-1skjzd):nth-child(4){transition-delay:.25s}.vibe-page.visible.svelte-1skjzd>:where(.svelte-1skjzd):nth-child(5){transition-delay:.35s}.vibe-page.visible.svelte-1skjzd>:where(.svelte-1skjzd):nth-child(6){transition-delay:.45s}.hero.svelte-1skjzd{font-size:3rem;text-align:left;padding:50px 20px;margin:0 -24px;background:url(../../../img/vibe.webp),url(../../../img/vibe.jpg);background-size:cover;background-position:center;min-height:200px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px}.hero-title.svelte-1skjzd{padding:12px 20px;background:#15181a8c;color:#fff;border-radius:8px;font-size:3rem;line-height:1.2}.hero-stats.svelte-1skjzd{padding:6px 16px;background:#15181a8c;color:#dfe3e8d9;border-radius:6px;font-size:1rem;font-weight:400;letter-spacing:0}.hero-now-playing.svelte-1skjzd{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#15181a8c;color:#dfe3e8;border-radius:6px;font-size:.95rem;font-weight:400;letter-spacing:0}.pulse.svelte-1skjzd{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:svelte-1skjzd-pulse-glow 1.5s ease-in-out infinite;flex-shrink:0}@keyframes svelte-1skjzd-pulse-glow{0%,to{opacity:1;box-shadow:0 0 4px #4caf50}50%{opacity:.5;box-shadow:0 0 8px #4caf50}}.intro-text.svelte-1skjzd{color:var(--font-secondary);font-size:1.05rem;line-height:1.7;max-width:100%;margin:24px 0 0;padding:0}.period-toggle.svelte-1skjzd{display:flex;gap:8px;margin:24px 0;justify-content:center}.toggle-btn.svelte-1skjzd{padding:8px 20px;border-radius:20px;border:var(--border-soft);background:var(--background-nav);color:var(--font-secondary);font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .2s ease}.toggle-btn.svelte-1skjzd:hover{border-color:var(--accent-warm);color:var(--font-primary)}.toggle-btn.active.svelte-1skjzd{background:var(--accent-warm);color:var(--background);border-color:var(--accent-warm)}.card.svelte-1skjzd{background:var(--background-nav);border-radius:16px;padding:24px;border:var(--border-soft);transition:box-shadow .3s ease,border-color .3s ease}.card.svelte-1skjzd:hover{border-color:var(--accent-warm);box-shadow:var(--card-hover-glow)}.card.svelte-1skjzd h2:where(.svelte-1skjzd){margin:0 0 16px;font-size:1.2rem;color:var(--font-primary)}.artists-section.svelte-1skjzd,.tracks-tags-section.svelte-1skjzd{margin-bottom:20px}.section-title-row.svelte-1skjzd{display:none}.tracks-tags-section.svelte-1skjzd .bento-row:where(.svelte-1skjzd){margin-bottom:0}.card-title-mobile.svelte-1skjzd{margin:0 0 12px;font-size:1.2rem;color:var(--font-primary)}.bento-row.svelte-1skjzd{display:grid;gap:20px;margin-bottom:20px}.artists-row.svelte-1skjzd{grid-template-columns:1fr;margin-bottom:0}.tracks-tags-row.svelte-1skjzd{grid-template-columns:1fr}.spotlight-card.svelte-1skjzd{position:relative;overflow:hidden;padding:0}.spotlight-rank.svelte-1skjzd{position:absolute;top:16px;left:16px;background:var(--accent-warm);color:var(--background);font-weight:700;font-size:.85rem;padding:4px 10px;border-radius:12px;z-index:2}.spotlight-img.svelte-1skjzd{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.spotlight-overlay.svelte-1skjzd{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(to bottom,transparent 0%,rgba(21,24,26,.5) 30%,rgba(21,24,26,.9) 100%);z-index:1}.spotlight-overlay.svelte-1skjzd h2:where(.svelte-1skjzd){margin:0 0 4px;font-size:1.5rem;color:#dfe3e8}.playcount.svelte-1skjzd{color:#dfe3e8bf;font-size:.95rem}.ranked-list.svelte-1skjzd{list-style:none;margin:0;padding:0}.ranked-list.svelte-1skjzd li:where(.svelte-1skjzd){display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid rgba(148,158,168,.1)}.ranked-list.svelte-1skjzd li:where(.svelte-1skjzd):last-child{border-bottom:none}.rank.svelte-1skjzd{color:var(--accent-warm);font-weight:600;font-size:.9rem;min-width:28px}.artists-row.svelte-1skjzd .list-card:where(.svelte-1skjzd){padding:16px 20px}.name.svelte-1skjzd{flex:1;color:var(--font-primary);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count.svelte-1skjzd{color:var(--font-secondary);font-size:.9rem;flex-shrink:0}.albums-row.svelte-1skjzd{margin-bottom:20px}.section-title.svelte-1skjzd{font-size:1.2rem;color:var(--font-primary);margin:0 0 16px}.albums-grid.svelte-1skjzd{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.album-card.svelte-1skjzd{position:relative;border-radius:16px;overflow:hidden;border:var(--border-soft);aspect-ratio:1;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.album-card.svelte-1skjzd:hover{transform:scale(1.02);border-color:var(--accent-warm);box-shadow:var(--card-hover-glow)}.album-img.svelte-1skjzd{width:100%;height:100%;object-fit:cover;display:block}.album-overlay.svelte-1skjzd{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to bottom,transparent 0%,rgba(21,24,26,.85) 60%,rgba(21,24,26,.95) 100%);display:flex;flex-direction:column;gap:2px}.album-name.svelte-1skjzd{color:#dfe3e8;font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-artist.svelte-1skjzd{color:#dfe3e8b3;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-plays.svelte-1skjzd{color:#dfe3e899;font-size:.75rem}.track-list.svelte-1skjzd{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.track-row.svelte-1skjzd{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;overflow:hidden;background:var(--background-ternary)}.track-bar.svelte-1skjzd{position:absolute;inset:0;background:var(--accent-warm);opacity:.12;border-radius:8px;transition:width .4s ease-out}.track-rank.svelte-1skjzd{color:var(--accent-warm);font-weight:600;font-size:.85rem;min-width:24px;position:relative}.track-info.svelte-1skjzd{flex:1;min-width:0;position:relative}.track-name.svelte-1skjzd{display:block;color:var(--font-primary);font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist.svelte-1skjzd{display:block;color:var(--font-secondary);font-size:.8rem}.track-plays.svelte-1skjzd{color:#97a0a7;font-size:.85rem;flex-shrink:0;position:relative;font-variant-numeric:tabular-nums}.genres-card.svelte-1skjzd{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.pie-chart.svelte-1skjzd{width:100%;height:auto;display:block}.pie-chart.svelte-1skjzd path:where(.svelte-1skjzd){transition:opacity .2s ease;cursor:default}.pie-chart.svelte-1skjzd path:where(.svelte-1skjzd):hover{opacity:.8}.pie-label.svelte-1skjzd{fill:#fff;font-size:9px;font-family:inherit;font-weight:600;dominant-baseline:central;pointer-events:none}.pie-label-outer.svelte-1skjzd{fill:var(--font-secondary);font-size:8px;font-weight:500}.placeholder-img.svelte-1skjzd{background:var(--background-ternary)}.vibe-footer.svelte-1skjzd{text-align:center;padding:32px 0 0}.vibe-footer.svelte-1skjzd a:where(.svelte-1skjzd){color:var(--font-secondary);font-size:.95rem;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.vibe-footer.svelte-1skjzd a:where(.svelte-1skjzd):hover{color:var(--font-primary)}@media(min-width:768px){.vibe-page.svelte-1skjzd{padding:0 40px 80px}.hero.svelte-1skjzd{margin:0 -40px}.artists-row.svelte-1skjzd{grid-template-columns:1fr 1fr}.artists-row.svelte-1skjzd .list-card:where(.svelte-1skjzd){overflow-y:auto}.artists-row.svelte-1skjzd .spotlight-card:where(.svelte-1skjzd){overflow:hidden}.section-title-row.svelte-1skjzd{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px}.section-title-row.svelte-1skjzd .section-title:where(.svelte-1skjzd){margin-bottom:0}.card-title-mobile.svelte-1skjzd{display:none}.tracks-tags-row.svelte-1skjzd{grid-template-columns:1fr 1fr}.tracks-tags-row.svelte-1skjzd>.genres-card:where(.svelte-1skjzd){position:relative;overflow:hidden}.tracks-tags-row.svelte-1skjzd>.genres-card:where(.svelte-1skjzd) .pie-chart:where(.svelte-1skjzd){position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}.albums-grid.svelte-1skjzd{grid-template-columns:repeat(6,1fr)}}@media(min-width:768px)and (max-width:1024px){.albums-grid.svelte-1skjzd{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.hero.svelte-1skjzd{padding:40px 16px;min-height:160px}.hero-title.svelte-1skjzd{font-size:2.2rem}.spotlight-card.svelte-1skjzd{min-height:240px}.pie-chart.svelte-1skjzd{max-width:320px;margin:0 auto}}@media(prefers-reduced-motion:reduce){.vibe-page.svelte-1skjzd>:where(.svelte-1skjzd):not(.hero){opacity:1;transform:none;transition:none}.album-card.svelte-1skjzd{transition:border-color .3s ease,box-shadow .3s ease}.album-card.svelte-1skjzd:hover{transform:none}.pulse.svelte-1skjzd{animation:none}.vibe-page.visible.svelte-1skjzd>:where(.svelte-1skjzd):not(.hero){transition-delay:0s}.track-bar.svelte-1skjzd{transition:none}}