.mainPage.svelte-1u1hcem{min-height:100vh;color:#fff;padding:0 0 40px}.hero.svelte-1u1hcem{background:var(--color-bg-secondary);border-radius:var(--radius);box-shadow:0 4px 24px var(--color-shadow);border:1px solid var(--color-border);padding:36px 28px 28px;margin:32px auto 24px;max-width:700px;text-align:center;transition:background var(--transition),box-shadow var(--transition)}.hero.svelte-1u1hcem h1:where(.svelte-1u1hcem){font-size:2.2rem;font-weight:800;color:var(--color-primary);margin-bottom:10px;letter-spacing:.03em;text-shadow:0 2px 12px var(--color-primary-light),0 1px 0 #fff2}.hero.svelte-1u1hcem p:where(.svelte-1u1hcem){color:var(--color-text-secondary);font-size:1.15rem;margin-bottom:22px}.actions.svelte-1u1hcem{margin-top:18px}.btn-primary.svelte-1u1hcem{padding:12px 32px;border-radius:24px;border:none;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff;font-size:1.12rem;font-weight:600;box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}.btn-primary.svelte-1u1hcem:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);box-shadow:0 4px 16px var(--color-shadow);transform:scale(1.06)}.featured.svelte-1u1hcem{background:var(--color-bg-secondary);border-radius:var(--radius);box-shadow:0 4px 24px var(--color-shadow);border:1px solid var(--color-border);padding:28px 18px 24px;margin:0 auto 32px;max-width:900px;transition:background var(--transition),box-shadow var(--transition)}.featured.svelte-1u1hcem h2:where(.svelte-1u1hcem){color:var(--color-primary);font-size:1.35rem;font-weight:700;margin-bottom:18px;letter-spacing:.02em}.playlists.svelte-1u1hcem{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.playlist-card.svelte-1u1hcem{background:var(--color-bg);border-radius:18px;box-shadow:0 2px 12px var(--color-shadow);border:1px solid var(--color-border);padding:18px 12px 10px;display:flex;flex-direction:column;align-items:center;width:150px;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);cursor:pointer}.playlist-card.svelte-1u1hcem img:where(.svelte-1u1hcem){width:80px;height:80px;border-radius:12px;object-fit:cover;margin-bottom:10px;box-shadow:0 1px 8px var(--color-shadow);border:1px solid var(--color-border);background:#fff}.playlist-card.svelte-1u1hcem span:where(.svelte-1u1hcem){color:var(--color-text);font-weight:600;font-size:1.08rem;text-align:center}.playlist-card.svelte-1u1hcem:hover{background:var(--color-primary-light);box-shadow:0 6px 24px var(--color-shadow);transform:translateY(-4px) scale(1.04)}.spotify-section.svelte-1u1hcem{margin-top:40px;padding:0 20px}.horizontal-scroll.svelte-1u1hcem{display:flex;overflow-x:auto;gap:24px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#2196f3 #222}.horizontal-scroll.svelte-1u1hcem::-webkit-scrollbar{height:8px}.horizontal-scroll.svelte-1u1hcem::-webkit-scrollbar-thumb{background:#2196f3;border-radius:4px}.horizontal-scroll.svelte-1u1hcem::-webkit-scrollbar-track{background:#222;border-radius:4px}.playlist-card.svelte-1u1hcem{min-width:160px;max-width:180px}@media (max-width: 700px){.hero.svelte-1u1hcem{padding:10px 1vw 8px;margin:6px auto}.hero.svelte-1u1hcem h1:where(.svelte-1u1hcem){font-size:1.1rem}.hero.svelte-1u1hcem p:where(.svelte-1u1hcem){font-size:.92rem}.featured.svelte-1u1hcem{padding:6px 1vw 4px;margin-bottom:6px}.featured.svelte-1u1hcem h2:where(.svelte-1u1hcem){font-size:1rem}.playlists.svelte-1u1hcem{gap:4px}.playlist-card.svelte-1u1hcem{width:60px;padding:4px 1px 2px}.playlist-card.svelte-1u1hcem img:where(.svelte-1u1hcem){width:28px;height:28px}.playlist-card.svelte-1u1hcem span:where(.svelte-1u1hcem){font-size:.7rem}.btn-primary.svelte-1u1hcem{font-size:.92rem;padding:7px 10px}}