body { font-family: 'Inter', sans-serif; }

.category-scroller {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.category-scroller::-webkit-scrollbar {
	display: none;
}

@keyframes float-animation {
	0% { 
		transform: translate(-50%, -50%) scale(1.0); 
		opacity: 0.2; 
	} 
	40% { 
		transform: translate(calc(-50% + var(--x-shift-1)), calc(-50% + var(--y-shift-1))) scale(var(--scale)); 
		opacity: 0.9; 
	}
	70% { opacity: 0.9; }
	100% { 
		transform: translate(calc(-50% + var(--x-shift-2)), calc(-50% + var(--y-shift-2))) scale(1.0); 
		opacity: 0.2; 
	}
}

.floating-tag {
	position: absolute;
	animation: float-animation infinite; /* Continuous, non-alternating loop */
	pointer-events: none; /* Make non-clickable */
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
	/* Important: Use -50% to ensure top/left sets the CENTER of the word, not the corner. */
	transform: translate(-50%, -50%); 
}