@tailwind base;@tailwind components;@tailwind utilities;:root{@apply antialiased;color-scheme:dark;background-color:#13151a}.gradient-text{@apply bg-clip-text text-transparent bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500;}.app{max-width:1200px;margin:0 auto;padding:2rem;color:#fff}header{text-align:center;margin-bottom:3rem}h1{font-size:3.5rem;margin-bottom:1rem}.gradient-text{background:linear-gradient(45deg,#ff3e00,#ff865e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description{color:#ccc;font-size:1.2rem}.controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.search-bar input{width:100%;padding:.8rem 1rem;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem}.search-bar input::placeholder{color:#ccc}.category-filter{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.category-btn{padding:.5rem 1rem;border:none;border-radius:20px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background-color .3s}.category-btn.active{background:#ff3e00}.meme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.meme-card{background:#ffffff0d;border-radius:10px;padding:1.5rem;transition:transform .3s}.meme-card:hover{transform:translateY(-5px)}.meme-card h2{font-size:1.5rem;margin-bottom:1rem;color:#ff865e}.meme-card .content{color:#ccc}.meme-card .explanation{margin-bottom:1rem}.meme-card .example{padding:1rem;background:#ffffff0d;border-radius:6px}.meme-card .example strong{color:#fff;display:block;margin-bottom:.5rem}