:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;height:100%;width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:100%}html{scroll-behavior:smooth}.content{display:inline}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#333;color:#fff;padding:1rem;position:sticky;top:0;height:50px}.navbar-logo h1{margin:0;font-size:1.5rem}.navbar-links ul{list-style-type:none;margin:0;padding:0;display:flex}.navbar-links li{margin-left:20px}.navbar-links a{text-decoration:none;color:#fff;font-size:1.2rem;transition:color .3s}.navbar-links a:hover{color:tomato}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger div{width:30px;height:3px;background-color:#fff;margin:5px 0;transition:all .3s ease-in-out}@media (max-width: 768px){.navbar-links{display:none;flex-direction:column;background-color:#333;position:absolute;top:60px;right:0;width:100%;text-align:center;padding:1rem 0}.navbar-links.active{display:flex}.navbar-links ul{flex-direction:column;width:100%}.navbar-links li{margin:10px 0}.hamburger{display:flex}}.hamburger.open div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open div:nth-child(2){opacity:0}.hamburger.open div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.recipe-list-container{margin:0;padding:20px;background-color:#f2b84d;overflow-x:hidden}.search{display:flex;align-items:center;justify-content:center;gap:20px}.recipe-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;justify-content:center;align-items:center}.recipe-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;padding:15px;text-align:center;transition:transform .2s;cursor:pointer}.recipe-card:hover{transform:scale(1.05)}.recipe-card h3{font-size:18px;margin-bottom:10px}.recipe-card img{width:100%;height:180px;border-radius:8px;object-fit:cover}.filters-container{display:flex;gap:15px;justify-content:center;align-items:center;padding:10px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a}.filters-container select{padding:10px;font-size:16px;border:2px solid #ddd;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .3s ease}.filters-container select:hover{border-color:#007bff}.filters-container select:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}.search-bar-container{display:flex;justify-content:center;align-items:center;margin:20px}.search-bar-container input{width:300px;padding:10px;border:2px solid #ff5722;border-radius:8px;font-size:16px;outline:none}.search-bar-container button{background-color:#ff5722;color:#fff;padding:10px 15px;border:none;margin-left:10px;border-radius:8px;cursor:pointer;font-size:16px;transition:.3s ease}.search-bar-container button:hover{background-color:#e64a19}.about-section{background-color:#f8f9fa;padding:50px 20px;text-align:center}.about-container{max-width:800px;margin:auto}.about-content{display:flex;flex-direction:column;gap:20px;margin-top:20px}.about-item{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;text-align:left}.about-item h3{color:#ff5722}.about-footer{font-weight:700;margin-top:20px;color:#333}.footer{background-color:#333;color:#fff;padding:30px 20px;text-align:center}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;max-width:1000px;margin:auto}.footer-about,.footer-links,.footer-contact{flex:1;min-width:250px}.footer h3{color:#ff9800}.footer ul{list-style:none;padding:0}.footer ul li{margin:8px 0}.footer ul li a{color:#fff;text-decoration:none}.footer ul li a:hover{color:#ff9800}.footer-bottom{margin-top:20px;border-top:1px solid #555;padding-top:10px;font-size:14px}.recipe-details{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:600px;margin:30px auto;text-align:center}.recipe-details img{width:100%;max-height:300px;border-radius:8px;object-fit:cover}.recipe-details h2{font-size:24px;color:#ff5722;margin-top:10px}.recipe-details p{font-size:16px;color:#333;margin:10px 0}.recipe-details ul{list-style:none;padding:0}.recipe-details ul li{background:#ffe0b2;margin:5px 0;padding:8px;border-radius:5px}.recipe-details a{display:inline-block;margin-top:10px;text-decoration:none;color:#fff;background-color:#ff5722;padding:8px 15px;border-radius:5px;transition:.3s}.recipe-details a:hover{background-color:#e64a19}.favorite-btn{background-color:#fc0;color:#000;border:none;padding:10px 15px;cursor:pointer;font-size:16px;border-radius:5px;margin-top:10px;margin-left:10px}.favorite-btn:hover{background-color:#fa0}