/* FluxCore Cursor Follow Effect — minimal: a smooth-following dot that grows on hover. */
#fluxcore-cursor {
	--fx-cursor-color: #87e64b;
	--fx-cursor-size: 20px;

	position: fixed;
	top: 0;
	left: 0;
	width: var(--fx-cursor-size);
	height: var(--fx-cursor-size);
	border-radius: 50%;
	background: var(--fx-cursor-color);
	pointer-events: none;
	z-index: 999999;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease, width 0.2s ease, height 0.2s ease;
	will-change: transform;
}

#fluxcore-cursor.fx-cursor--active {
	opacity: 0.9;
}

#fluxcore-cursor.fx-cursor--hover {
	width: calc(var(--fx-cursor-size) * 1.6);
	height: calc(var(--fx-cursor-size) * 1.6);
}

@media (prefers-reduced-motion: reduce) {
	#fluxcore-cursor {
		display: none;
	}
}