/* Theme shadcn: light = tông đậm cho nền sáng, .dark = tông sáng glow. hue vẫn điều khiển màu. */
	.zoltraak.svelte-1jj1ia6 {
		--zl-base: hsl(var(--hue), 85%, 40%);
		--zl-accent: hsl(var(--hue), 75%, 52%);
		--zl-bright: hsl(var(--hue), 90%, 45%);
		--zl-glow-a: hsl(var(--hue), 90%, 60%);
		--zl-glow-b: hsl(var(--hue), 85%, 55%);
		--zl-glow-c: hsl(var(--hue), 80%, 50%);
	}
	.dark .zoltraak.svelte-1jj1ia6 {
		--zl-base: hsl(var(--hue), 95%, 68%);
		--zl-accent: hsl(var(--hue), 95%, 80%);
		--zl-bright: hsl(var(--hue), 100%, 90%);
		--zl-glow-a: hsl(var(--hue), 100%, 80%);
		--zl-glow-b: hsl(var(--hue), 95%, 60%);
		--zl-glow-c: hsl(var(--hue), 90%, 40%);
	}
	.idle.svelte-1jj1ia6 .core-glow:where(.svelte-1jj1ia6) {
		animation: svelte-1jj1ia6-pulse 3s ease-in-out infinite;
	}
	.casting.svelte-1jj1ia6 .core-glow:where(.svelte-1jj1ia6) {
		animation: svelte-1jj1ia6-charge var(--charge-duration) ease-in forwards;
	}
	.casting.svelte-1jj1ia6 .core-dot:where(.svelte-1jj1ia6) {
		animation: svelte-1jj1ia6-core-bright var(--charge-duration) ease-in forwards;
	}
	/* Mobile: GPU-accelerated CSS drop-shadow thay cho SVG feGaussianBlur (CPU-bound trên Safari iOS) */
	.mobile.svelte-1jj1ia6 {
		filter: drop-shadow(0 0 2px hsl(var(--hue), 100%, 70%)) drop-shadow(0 0 5px hsl(var(--hue), 95%, 55%));
		will-change: transform;
	}
	@keyframes svelte-1jj1ia6-pulse {
		0%, 100% { opacity: 0.6; }
		50% { opacity: 1; }
	}
	@keyframes svelte-1jj1ia6-charge {
		0% { opacity: 0.6; transform: scale(1); }
		100% { opacity: 1; transform: scale(1.4); }
	}
	@keyframes svelte-1jj1ia6-core-bright {
		0% { r: 8; }
		80% { r: 24; }
		100% { r: 6; }
	}