@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{@apply antialiased text-gray-900 dark:text-gray-100;}button,a,[role=button]{touch-action:manipulation;cursor:pointer;position:relative;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.expand-hit-area{@apply relative;}.expand-hit-area:after{content:"";@apply absolute -inset-3 pointer-events-auto;}.touch-target{@apply min-w-[44px] min-h-[44px] flex items-center justify-center;}}@layer components{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.spark-gradient-text{@apply bg-clip-text text-transparent bg-gradient-to-r from-spark-purple to-spark-pink;}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}[dir=rtl] .rotate-180-rtl{transform:rotate(180deg)}.glass-effect{@apply bg-white/80 dark:bg-gray-800/80 backdrop-blur-md;}
