html{scroll-behavior:smooth}body{overflow-x:hidden}@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.fade-in{opacity:0;animation:fadeIn .5s ease-out forwards}.recipe-card{opacity:0;transition:all .3s ease-in-out;backdrop-filter:blur(8px)}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.modal{transition:all .3s ease-in-out;backdrop-filter:blur(8px)}.modal.hidden{display:none;opacity:0}.modal-content{animation:slideIn .3s ease-out}@keyframes slideIn {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}header{padding-top:1.5rem;padding-bottom:1.5rem;padding-left:1rem;padding-right:1rem}header .text-center h1{font-size:2rem;font-weight:bold}header .text-center p{font-size:1.25rem;color:rgba(255,255,255,.7)}#homeButton{display:flex;align-items:center;gap:.5rem;cursor:pointer}#homeButton i{font-size:1.5rem;color:#fff}#homeButton:hover i{color:#9333ea}header .flex{gap:1.5rem}#searchButton,#toggleFavorites{display:flex;align-items:center;gap:.5rem;cursor:pointer}#searchButton i,#toggleFavorites i{font-size:1.5rem;color:#fff}#searchButton:hover i,#toggleFavorites:hover i{color:#9333ea}#favoriteCount{position:absolute;top:0;right:0;background-color:#f56565;color:#fff;font-size:.75rem;padding:.1rem .4rem;border-radius:9999px}.search-container{background-color:rgba(255,255,255,.9);backdrop-filter:blur(5px);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 20px rgba(0,0,0,.1)}.search-container input{flex-grow:1;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;font-size:1rem}.search-container input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 5px rgba(147,51,234,.5)}.search-container button{background:linear-gradient(to right,#9333ea,#ec4899);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:opacity .2s}.search-container button:hover{opacity:.9}footer{text-align:center;padding-top:1.5rem;padding-bottom:1.5rem}footer i{color:#ec4899}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}#favoritesSection{display:none}#favoritesSection.hidden{display:none}#favoritesSection h2{font-size:2rem;color:#fff;font-weight:bold;margin-bottom:1.5rem}#favoritesList{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}#clearFavorites{background-color:#f56565;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:background-color .3s ease}#clearFavorites:hover{background-color:#c53030}#actionMessage{position:fixed;bottom:4rem;left:50%;transform:translateX(-50%);background-color:#38a169;color:#fff;font-size:1.125rem;padding:.75rem 1.5rem;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);visibility:hidden;opacity:0;transition:opacity .3s ease-in-out , visibility .3s ease-in-out}#actionMessage.show{visibility:visible;opacity:1}@media (max-width:768px){header .text-center h1{font-size:1.8rem}.search-container{max-width:100%;padding:1.2rem}.search-container input{padding:.8rem}.search-container button{padding:.6rem 1rem}footer p{font-size:.875rem}}@media (min-width:769px) and (max-width:1024px){.recipe-card{max-width:400px;margin:0 auto}}