.filter-chip{@apply px-4 py-2 rounded-full bg-blue-50 text-blue-700 font-semibold shadow transition-all duration-200 cursor-pointer border border-blue-100 hover:bg-blue-600 hover:text-white focus:outline-none;margin-bottom: 0.25rem;outline: none;position: relative;}.filter-chip.selected{@apply bg-blue-600 text-white shadow-lg scale-105;border-color: #0074d9;}.animate-chip-in{opacity: 0;transform: translateY(1rem);animation: chipFadeInUp 0.5s forwards;}.animate-chip-in:nth-child(1){animation-delay: 0.05s;}.animate-chip-in:nth-child(2){animation-delay: 0.1s;}.animate-chip-in:nth-child(3){animation-delay: 0.15s;}.animate-chip-in:nth-child(4){animation-delay: 0.2s;}.animate-chip-in:nth-child(5){animation-delay: 0.25s;}.animate-chip-in:nth-child(6){animation-delay: 0.3s;}.animate-chip-in:nth-child(7){animation-delay: 0.35s;}.animate-chip-in:nth-child(8){animation-delay: 0.4s;}.animate-chip-in:nth-child(9){animation-delay: 0.45s;}@keyframes chipFadeInUp{0%{opacity: 0;transform: translateY(1rem);}100%{opacity: 1;transform: translateY(0);}}.filter-btn{color: rgba(55, 65, 81, 0.6);backdrop-filter: blur(0.625rem);border: 0.0625rem solid rgba(255, 255, 255, 0.1);position: relative;overflow: hidden;cursor: pointer;}.filter-btn.active{color: white;text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1);}.filter-btn:not(.active){color: rgba(55, 65, 81, 0.7);}.filter-btn::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.5s;}.filter-btn:hover::before{left: 100%;}#cursor-bg{height: 2.5rem;box-shadow: 0 0.25rem 1.25rem rgba(59, 130, 246, 0.3);border: 0.0625rem solid rgba(255, 255, 255, 0.2);}.filter-btn.active{box-shadow: 0 0 1.25rem rgba(59, 130, 246, 0.2);}.filter-btn:hover{transform: translateX(0.125rem);backdrop-filter: blur(0.9375rem);}@keyframes gradientShift{0%{background-position: 0% 50%;}50%{background-position: 100% 50%;}100%{background-position: 0% 50%;}}#cursor-bg.animated{background-size: 200% 200%;animation: gradientShift 3s ease infinite;}#mouse-cursor{transform: translate(7.5rem, 0.5rem);filter: drop-shadow(0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.3));}#mouse-cursor svg{transition: transform 0.1s ease;}@keyframes clickPulse{0%{transform: scale(0);opacity: 0;}50%{transform: scale(2);opacity: 0.8;}100%{transform: scale(3);opacity: 0;}}.click-animation{animation: clickPulse 0.4s ease-out;}