@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-gray-900 text-gray-400 font-medium;background-color:#111827}h1,h2,h3,h4,h5,h6{@apply font-extrabold text-white tracking-tight;}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#1e293b;border:2px solid #0f172a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#334155}@layer utilities{.text-gradient-electric{@apply bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-teal-300;}.bg-gradient-electric{@apply bg-gradient-to-r from-blue-400 to-teal-300;}.glassmorphism{@apply bg-gray-800/50 backdrop-blur-md border border-gray-700/50;}@keyframes pop-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-pop-in{animation:pop-in .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .6s ease-out forwards}@media(max-width:640px){button,input,select,textarea{min-height:48px;touch-action:manipulation}}}.pill-list-container{@apply flex overflow-x-auto whitespace-nowrap gap-2 pb-2 -mx-4 px-4 sm:mx-0 sm:px-0 sm:pb-0 sm:gap-0 sm:overflow-visible;scroll-snap-type:x mandatory}.pill-item{@apply scroll-snap-align-center sm:scroll-snap-align-none rounded-full px-4 py-2 text-sm font-medium border border-gray-800 bg-gray-900/50 text-gray-500 transition-all hover:text-gray-300 sm:rounded-none sm:bg-transparent sm:border-none sm:border-b-2 sm:border-transparent;}.pill-item.active{@apply text-blue-400 border-blue-400/50 bg-blue-400/5 sm:bg-transparent sm:border-blue-400 sm:text-white;}