@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{-webkit-tap-highlight-color:transparent}body{@apply bg-background-dark text-text-dark font-display antialiased selection:bg-primary/30 selection:text-white;}}@layer components{.glass-card{@apply bg-card-dark/80 backdrop-blur-md border border-white/5 shadow-lg;}.btn-primary{@apply bg-primary text-white font-medium hover:bg-red-600 active:scale-95 transition-all duration-200 shadow-[0_0_20px_rgba(255,59,48,.3)] hover:shadow-[0_0_25px_rgba(255,59,48,.5)];}.btn-icon{@apply p-2 rounded-full text-subtext-dark hover:text-white hover:bg-white/10 transition-colors active:scale-95;}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-white/10 rounded-full hover:bg-white/20;}}@layer utilities{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.5)}.text-glow{text-shadow:0 0 10px rgba(255,59,48,.5)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}.shimmer-bg{@apply relative overflow-hidden bg-card-dark;}.shimmer-bg:after{@apply absolute inset-0 content-[""];background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 1.5s infinite}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.2,.8,.2,1) forwards}.animate-slide-down{animation:slideDown .5s cubic-bezier(.2,.8,.2,1) forwards}