@keyframes svelte-znb8vd-heart-pop{0%{transform:scale(1)}25%{transform:scale(.85)}55%{transform:scale(1.25)}75%{transform:scale(.97)}to{transform:scale(1)}}@keyframes svelte-znb8vd-heart-ripple{0%{transform:translate(-50%,-50%) scale(.5);opacity:.7}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@keyframes svelte-znb8vd-heart-ripple2{0%{transform:translate(-50%,-50%) scale(.5);opacity:.4}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes svelte-znb8vd-spark-fly-1{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-14px,-16px) scale(0);opacity:0}}@keyframes svelte-znb8vd-spark-fly-2{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(14px,-16px) scale(0);opacity:0}}@keyframes svelte-znb8vd-spark-fly-3{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-18px,4px) scale(0);opacity:0}}@keyframes svelte-znb8vd-spark-fly-4{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(18px,4px) scale(0);opacity:0}}@keyframes svelte-znb8vd-spark-fly-5{0%{transform:translate(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(0);opacity:0}}@keyframes svelte-znb8vd-spark-fly-6{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-10px,14px) scale(0);opacity:0}}@keyframes svelte-znb8vd-spark-fly-7{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(10px,14px) scale(0);opacity:0}}.heart-btn-anim.svelte-znb8vd{animation:svelte-znb8vd-heart-pop .45s cubic-bezier(.34,1.56,.64,1) forwards}.heart-ripple.svelte-znb8vd{position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:50%;border:2px solid #ec4899;animation:svelte-znb8vd-heart-ripple .5s cubic-bezier(.2,.8,.4,1) forwards;pointer-events:none}.heart-ripple2.svelte-znb8vd{position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(236,72,153,.4);animation:svelte-znb8vd-heart-ripple2 .65s cubic-bezier(.2,.8,.4,1) .05s forwards;pointer-events:none}.spark.svelte-znb8vd{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;pointer-events:none}.spark-1.svelte-znb8vd{background:#f9a8d4;animation:svelte-znb8vd-spark-fly-1 .5s cubic-bezier(.2,.8,.4,1) forwards}.spark-2.svelte-znb8vd{background:#ec4899;animation:svelte-znb8vd-spark-fly-2 .5s cubic-bezier(.2,.8,.4,1) forwards}.spark-3.svelte-znb8vd{background:#f472b6;animation:svelte-znb8vd-spark-fly-3 .5s cubic-bezier(.2,.8,.4,1) .04s forwards}.spark-4.svelte-znb8vd{background:#fda4af;animation:svelte-znb8vd-spark-fly-4 .5s cubic-bezier(.2,.8,.4,1) .04s forwards}.spark-5.svelte-znb8vd{background:#e879f9;animation:svelte-znb8vd-spark-fly-5 .5s cubic-bezier(.2,.8,.4,1) .02s forwards}.spark-6.svelte-znb8vd{background:#f9a8d4;animation:svelte-znb8vd-spark-fly-6 .5s cubic-bezier(.2,.8,.4,1) .06s forwards}.spark-7.svelte-znb8vd{background:#ec4899;animation:svelte-znb8vd-spark-fly-7 .5s cubic-bezier(.2,.8,.4,1) .06s forwards}.catalog.svelte-b0xv90{background:#0c0e12;color:#f5f6fa;min-height:85vh;padding:0 max(24px,calc((100vw - 1360px)/2)) 110px}.catalog-hero.svelte-b0xv90{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding:64px 0 40px}.eyebrow.svelte-b0xv90{font-size:11px;letter-spacing:.18em;font-weight:600;color:#aab4c8;margin-bottom:20px}h1.svelte-b0xv90{font-size:clamp(38px,4.6vw,64px);line-height:1.05;letter-spacing:-.055em;font-weight:600;max-width:650px}h1.svelte-b0xv90 span:where(.svelte-b0xv90){color:#91aeff}.intro.svelte-b0xv90{font-size:15px;line-height:1.7;color:#aab3c4;max-width:440px;margin-top:20px}.search-box.svelte-b0xv90 label:where(.svelte-b0xv90){font-size:12px;font-weight:600;display:block;margin-bottom:12px}.search-field.svelte-b0xv90{display:flex;align-items:center;gap:12px;background:#171b24;border:1px solid #343d50;border-radius:14px;padding:7px 7px 7px 18px;color:#aab3c4}.search-field.svelte-b0xv90:focus-within{border-color:#91aeff}.search-field.svelte-b0xv90 input:where(.svelte-b0xv90){background:transparent;border:0;box-shadow:none;min-width:0;width:100%;padding:12px 0;color:#fff;font-size:14px}.search-field.svelte-b0xv90 input:where(.svelte-b0xv90):focus{outline:none}.search-field.svelte-b0xv90 button:where(.svelte-b0xv90){background:#a6bbff;color:#11182e;flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;border-radius:9px}.search-box.svelte-b0xv90 p:where(.svelte-b0xv90){color:#8f9aae;font-size:12px;margin-top:12px}.genres.svelte-b0xv90{display:flex;gap:9px;overflow-x:auto;padding:0 0 28px;scrollbar-width:thin;border-bottom:1px solid #282e3a}.genres.svelte-b0xv90 button:where(.svelte-b0xv90){white-space:nowrap;border:1px solid #303745;border-radius:30px;padding:10px 18px;color:#b6bfd0;font-size:13px}.genres.svelte-b0xv90 button.active:where(.svelte-b0xv90){background:#e8edfa;border-color:#e8edfa;color:#141a29}.catalog-results.svelte-b0xv90{padding-top:30px}.toolbar.svelte-b0xv90{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.results-title.svelte-b0xv90{display:flex;align-items:baseline;gap:15px}.results-title.svelte-b0xv90 h2:where(.svelte-b0xv90){font-size:23px;font-weight:600;letter-spacing:-.035em}.results-title.svelte-b0xv90 span:where(.svelte-b0xv90){font-size:12px;color:#aab3c4}.toolbar-actions.svelte-b0xv90{display:flex;align-items:center;gap:10px}.toolbar-actions.svelte-b0xv90 select:where(.svelte-b0xv90),.filter-toggle.svelte-b0xv90{height:42px;border:1px solid #303745;background:#141820;border-radius:9px;font-size:12px;color:#cbd2e1}.filter-toggle.svelte-b0xv90{display:flex;align-items:center;gap:8px;padding:0 13px}.filter-toggle.active.svelte-b0xv90{border-color:#8daaff;color:#afc3ff}.filter-count.svelte-b0xv90{border-radius:4px;background:#2c3d67;padding:1px 5px}.view-toggle.svelte-b0xv90{display:flex;border:1px solid #303745;padding:3px;border-radius:9px}.view-toggle.svelte-b0xv90 button:where(.svelte-b0xv90){padding:8px;color:#9ca8bd;border-radius:5px}.view-toggle.svelte-b0xv90 button.active:where(.svelte-b0xv90){background:#2a3344;color:#fff}.filter-panel.svelte-b0xv90{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:16px;align-items:end;background:#141820;border:1px solid #303745;border-radius:12px;padding:20px;margin-bottom:24px}.filter-panel.svelte-b0xv90 label:where(.svelte-b0xv90){font-size:12px;color:#b6bfd0;display:flex;flex-direction:column;gap:8px}.filter-panel.svelte-b0xv90 select:where(.svelte-b0xv90),.filter-panel.svelte-b0xv90 input:where(.svelte-b0xv90){min-width:0;width:100%;border:1px solid #3b4556;border-radius:7px;background:#0c0e12;color:#eef1f9;font-size:13px;height:42px}.apply.svelte-b0xv90,.empty.svelte-b0xv90 button:where(.svelte-b0xv90){padding:12px 18px;background:#a6bbff;color:#11182e;border-radius:8px;font-size:13px;font-weight:600}.active-filters.svelte-b0xv90{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.active-filters.svelte-b0xv90 button:where(.svelte-b0xv90){display:flex;gap:8px;align-items:center;font-size:12px;background:#1b253b;border:1px solid #344466;padding:7px 11px;border-radius:6px;color:#c5d4ff}.active-filters.svelte-b0xv90 .clear:where(.svelte-b0xv90){border-color:transparent;background:transparent;color:#bac4d8}.beat-grid.svelte-b0xv90{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px}.beat-list.svelte-b0xv90{display:grid;gap:12px}.empty.svelte-b0xv90{display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center;padding:80px 20px;border:1px dashed #343d50;border-radius:14px;color:#aab3c4}.empty.svelte-b0xv90 h3:where(.svelte-b0xv90){font-size:22px;color:#f5f6fa}.empty.svelte-b0xv90 p:where(.svelte-b0xv90){font-size:14px}.pagination.svelte-b0xv90{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:40px;font-size:13px;color:#bdc7da}.pagination.svelte-b0xv90 button:where(.svelte-b0xv90){border:1px solid #343d50;padding:11px 18px;border-radius:8px}.pagination.svelte-b0xv90 button:where(.svelte-b0xv90):disabled{opacity:.35;cursor:not-allowed}.loading.svelte-b0xv90{font-size:13px;color:#afc3ff;margin-bottom:16px}button.svelte-b0xv90{transition:background .15s,border-color .15s}button.svelte-b0xv90:hover:not(:disabled){filter:brightness(1.15)}button.svelte-b0xv90:focus-visible,select.svelte-b0xv90:focus-visible,input.svelte-b0xv90:focus-visible{outline:2px solid #a6bbff;outline-offset:4px}@media (min-width:1600px){.beat-grid.svelte-b0xv90{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:1100px){.beat-grid.svelte-b0xv90{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-hero.svelte-b0xv90{gap:32px}.filter-panel.svelte-b0xv90{grid-template-columns:repeat(2,minmax(0,1fr))}.apply.svelte-b0xv90{grid-column:1/-1}}@media (max-width:800px){.catalog-hero.svelte-b0xv90{grid-template-columns:1fr;gap:28px;padding-top:40px}.intro.svelte-b0xv90,.search-box.svelte-b0xv90{max-width:100%}.toolbar.svelte-b0xv90{align-items:flex-start;flex-direction:column;gap:16px}.toolbar-actions.svelte-b0xv90{width:100%}.view-toggle.svelte-b0xv90{margin-left:auto}.beat-grid.svelte-b0xv90{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}}@media (max-width:520px){.catalog.svelte-b0xv90{padding-inline:16px}.beat-grid.svelte-b0xv90{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}h1.svelte-b0xv90{font-size:43px}.catalog-hero.svelte-b0xv90{padding-bottom:28px}.filter-panel.svelte-b0xv90{padding:14px;gap:12px}.toolbar-actions.svelte-b0xv90{gap:7px}.filter-toggle.svelte-b0xv90{padding:0 10px}.toolbar-actions.svelte-b0xv90 select:where(.svelte-b0xv90){max-width:145px}.results-title.svelte-b0xv90 h2:where(.svelte-b0xv90){font-size:21px}}@media (prefers-reduced-motion:reduce){button.svelte-b0xv90{transition:none}}