.click-spark-wrapper.svelte-1vo6rqj{position:relative;display:inline-block}.burst.svelte-1vo6rqj{position:absolute;width:0;height:0;pointer-events:none;z-index:9999}.spark.svelte-1vo6rqj{position:absolute;left:0;top:0;width:var(--size);height:var(--size);margin-left:calc(var(--size) / -2);margin-top:calc(var(--size) / -2);background:var(--color);transform:rotate(var(--angle)) translate(0) scale(1);transform-origin:center;animation:svelte-1vo6rqj-spark-fly var(--duration) var(--easing) forwards;pointer-events:none;display:inline-block}.spark-dot.svelte-1vo6rqj{border-radius:50%}.spark-plus.svelte-1vo6rqj{background-color:transparent;background-image:linear-gradient(to right,var(--color) 0 100%),linear-gradient(to bottom,var(--color) 0 100%);background-size:100% 22%,22% 100%;background-position:center;background-repeat:no-repeat}.spark-line.svelte-1vo6rqj{width:calc(var(--size) * .3);height:var(--size);margin-left:calc(var(--size) * -.15);border-radius:9999px}.spark-star.svelte-1vo6rqj{background-color:var(--color);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes svelte-1vo6rqj-spark-fly{0%{transform:rotate(var(--angle)) translate(0) scale(1);opacity:1}60%{opacity:1}to{transform:rotate(var(--angle)) translate(var(--distance)) scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.spark.svelte-1vo6rqj{display:none}}.cs-demo.svelte-1hmn1qe{display:grid;gap:20px}.cs-section.svelte-1hmn1qe{display:grid;gap:10px}.cs-section.svelte-1hmn1qe h3:where(.svelte-1hmn1qe){margin:0;font-family:var(--font-display);font-weight:400;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:var(--fg-1)}.cs-stage.svelte-1hmn1qe{padding:24px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.cs-stage--centered.svelte-1hmn1qe{display:flex;justify-content:center;align-items:center;min-height:120px}.cs-stage--row.svelte-1hmn1qe{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;min-height:120px}.cs-cta.svelte-1hmn1qe{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,background .12s ease}.cs-cta.svelte-1hmn1qe:active{transform:scale(.97)}.cs-cta--primary.svelte-1hmn1qe{background:var(--accent);color:var(--accent-on);border-color:var(--accent-strong)}.cs-cta--primary.svelte-1hmn1qe:hover{background:var(--accent-strong)}.cs-cta--dark.svelte-1hmn1qe{background:#1e293b;color:#fff;border-color:#0f172a;min-width:80px}.cs-cta--dark.svelte-1hmn1qe:hover{background:#0f172a}.cs-like.svelte-1hmn1qe{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:500;background:var(--surface-2);color:var(--fg-2);border:1px solid var(--border-strong);border-radius:999px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.cs-like__heart.svelte-1hmn1qe{font-size:20px;line-height:1}.cs-like.svelte-1hmn1qe:hover{color:#f43f5e;border-color:#fecdd3}.cs-like.liked.svelte-1hmn1qe{color:#f43f5e;background:#fff1f2;border-color:#fecdd3}.cs-stage--dark.svelte-1hmn1qe{background:#0f172a;border-color:#1e293b}.cs-controls.svelte-1hmn1qe{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);margin-bottom:12px}.cs-control.svelte-1hmn1qe{display:grid;gap:8px}.cs-control__label.svelte-1hmn1qe{font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.cs-control__label.svelte-1hmn1qe strong:where(.svelte-1hmn1qe){color:var(--fg-1);font-weight:600;text-transform:none;letter-spacing:0;font-family:var(--font-mono);font-size:12px}.cs-control.svelte-1hmn1qe input[type=range]:where(.svelte-1hmn1qe){width:100%}.cs-buttons.svelte-1hmn1qe{display:flex;flex-wrap:wrap;gap:6px}.cs-pill.svelte-1hmn1qe{padding:6px 10px;border:1px solid var(--border);background:var(--surface-2);color:var(--fg-2);border-radius:var(--r-1);font:500 12px var(--font-sans);cursor:pointer}.cs-pill.svelte-1hmn1qe:hover{color:var(--fg-1);border-color:var(--accent)}.cs-pill--active.svelte-1hmn1qe{background:var(--accent);color:var(--accent-on, #fff);border-color:var(--accent)}.cs-swatches.svelte-1hmn1qe{display:flex;flex-wrap:wrap;gap:6px}.cs-swatch.svelte-1hmn1qe{width:24px;height:24px;padding:0;border:2px solid var(--border);border-radius:999px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.cs-swatch.svelte-1hmn1qe:hover{transform:scale(1.08)}.cs-swatch--active.svelte-1hmn1qe{border-color:var(--fg-1);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--fg-1)}