.navigation[data-astro-cid-pux6a34n]{display:flex;align-items:center;gap:1rem}.nav-links[data-astro-cid-pux6a34n]{display:flex;gap:2rem;align-items:center}.nav-link[data-astro-cid-pux6a34n]{color:#6b7280;text-decoration:none;font-weight:500;font-size:.875rem;padding:.5rem 0;transition:color .2s;position:relative}.nav-link[data-astro-cid-pux6a34n]:hover{color:#f97316}.nav-link[data-astro-cid-pux6a34n]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#f97316;transition:width .2s}.nav-link[data-astro-cid-pux6a34n]:hover:after{width:100%}.nav-dropdown[data-astro-cid-pux6a34n]{position:relative}.dropdown-toggle[data-astro-cid-pux6a34n]{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-size:inherit;color:inherit;text-decoration:none;padding:0}.dropdown-arrow[data-astro-cid-pux6a34n]{transition:transform .2s ease}.dropdown-toggle[data-astro-cid-pux6a34n]:hover .dropdown-arrow[data-astro-cid-pux6a34n]{transform:rotate(180deg)}.dropdown-menu[data-astro-cid-pux6a34n]{position:absolute;top:100%;left:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 25px #0000001a;border:1px solid #e2e8f0;padding:1.5rem;min-width:400px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000}.nav-dropdown[data-astro-cid-pux6a34n]:hover .dropdown-menu[data-astro-cid-pux6a34n]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-section[data-astro-cid-pux6a34n]{margin-bottom:1.5rem}.dropdown-section[data-astro-cid-pux6a34n]:last-child{margin-bottom:0}.dropdown-section[data-astro-cid-pux6a34n] h4[data-astro-cid-pux6a34n]{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.dropdown-link[data-astro-cid-pux6a34n]{display:block;padding:.5rem 0;color:#374151;text-decoration:none;font-size:.875rem;transition:color .2s ease}.dropdown-link[data-astro-cid-pux6a34n]:hover{color:#f97316}.mobile-menu-btn[data-astro-cid-pux6a34n]{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0}.mobile-menu-btn[data-astro-cid-pux6a34n] span[data-astro-cid-pux6a34n]{display:block;height:2px;width:100%;background:#6b7280;border-radius:1px;transition:all .3s ease}.mobile-menu-btn[data-astro-cid-pux6a34n].active span[data-astro-cid-pux6a34n]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn[data-astro-cid-pux6a34n].active span[data-astro-cid-pux6a34n]:nth-child(2){opacity:0}.mobile-menu-btn[data-astro-cid-pux6a34n].active span[data-astro-cid-pux6a34n]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay[data-astro-cid-pux6a34n]{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay[data-astro-cid-pux6a34n].active{opacity:1;visibility:visible}.mobile-menu-content[data-astro-cid-pux6a34n]{position:absolute;top:0;right:0;width:300px;height:100%;background:#fff;padding:6rem 2rem 2rem;display:flex;flex-direction:column;gap:2rem;transform:translate(100%);transition:transform .3s ease}.mobile-menu-overlay[data-astro-cid-pux6a34n].active .mobile-menu-content[data-astro-cid-pux6a34n]{transform:translate(0)}.mobile-link[data-astro-cid-pux6a34n]{color:#374151;text-decoration:none;font-weight:500;font-size:1.25rem;padding:1rem 0;border-bottom:1px solid #e5e7eb;transition:color .2s}.mobile-link[data-astro-cid-pux6a34n]:hover{color:#f97316}.mobile-link[data-astro-cid-pux6a34n]:last-child{border-bottom:none}@media (prefers-color-scheme: dark){.nav-link[data-astro-cid-pux6a34n]{color:#d1d5db}.nav-link[data-astro-cid-pux6a34n]:hover{color:#f97316}.mobile-menu-btn[data-astro-cid-pux6a34n] span[data-astro-cid-pux6a34n]{background:#d1d5db}.mobile-menu-content[data-astro-cid-pux6a34n]{background:#1f2937}.mobile-link[data-astro-cid-pux6a34n]{color:#d1d5db;border-bottom-color:#374151}.mobile-link[data-astro-cid-pux6a34n]:hover{color:#f97316}}@media (max-width: 768px){.nav-links[data-astro-cid-pux6a34n]{display:none}.mobile-menu-btn[data-astro-cid-pux6a34n]{display:flex}}*{margin:0;padding:0;box-sizing:border-box}.font-plus-jakarta{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f9fafb;color:#374151;line-height:1.6;transition:background-color .3s,color .3s;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){body{background-color:#111827;color:#f9fafb}}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.header{background:#fff;box-shadow:0 1px 3px #0000001a;padding:1rem 0;position:sticky;top:0;z-index:1000;transform:translateZ(0)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-brand{flex-shrink:0}.header-actions{display:flex;align-items:center;gap:2rem}.header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem;letter-spacing:-.025em;display:flex;align-items:center;gap:.5rem}.header-logo{width:2rem;height:2rem;object-fit:contain}.header p{font-size:1rem;color:#6b7280}.main{padding:2rem 0}.search-container{margin-bottom:.5rem;position:relative}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-weight:400;outline:none;transition:all .2s}.search-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;width:1.25rem;height:1.25rem}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;padding:3rem 1rem}.empty-state-content{text-align:center;max-width:500px}.empty-state-icon{color:#9ca3af;margin-bottom:1.5rem}.empty-state-title{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.75rem}.empty-state-description{color:#6b7280;font-size:1rem;line-height:1.5;margin-bottom:2rem}.empty-state-button{background:#f97316;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.empty-state-button:hover{background:#ea580c}.recipe-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e5e7eb}@media (hover: hover) and (pointer: fine){.recipe-card{will-change:transform}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}}.recipe-card-link{text-decoration:none;color:inherit;display:block}.recipe-card img{width:100%;height:200px;object-fit:cover}.recipe-content{padding:1.5rem}.recipe-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;line-height:1.4}.recipe-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.recipe-badges{display:flex;gap:.5rem;margin-bottom:1rem}.recipe-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recipe-time{color:#6b7280;font-size:.875rem;font-weight:500}.recipe-temp{color:#f97316;font-size:.875rem;font-weight:600}.recipe-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-orange{background:#fed7aa;color:#9a3412}.badge-blue{background:#dbeafe;color:#1e40af}.badge-green{background:#dcfce7;color:#166534}.footer{background:#f9fafb;padding:3rem 0;margin-top:4rem;border-top:1px solid #e5e7eb}.footer-content{display:flex;justify-content:space-between;align-items:center;color:#6b7280;flex-wrap:wrap;gap:1rem}.footer p{margin:0}.footer-social{display:flex;gap:1.5rem}.social-link{display:flex;align-items:center;justify-content:center;color:#6b7280;text-decoration:none;transition:color .2s ease;padding:.75rem;border-radius:.5rem;will-change:color}.social-link:hover{color:#f97316}.social-link svg{transition:transform .2s ease;will-change:transform}.social-link:hover svg{transform:scale3d(1.1,1.1,1)}.toggle-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.toggle-label{font-weight:500;color:#374151;font-size:.875rem}.toggle-btn{background:#f3f4f6;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;color:#6b7280}.toggle-btn:hover:not(.active){background:#e5e7eb;color:#374151}.toggle-btn.active{background:#f97316;color:#fff}.filter-toggle{display:none;width:100%;align-items:center;justify-content:center;gap:.75rem;background:#f97316;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.filter-toggle:hover{background:#ea580c}.filter-toggle:active{transform:scale(.98)}.filter-icon{flex-shrink:0}.filter-chevron{flex-shrink:0;transition:transform .3s ease}.filter-toggle[aria-expanded=true] .filter-chevron{transform:rotate(180deg)}.filter-wrapper{transition:max-height .3s ease,opacity .3s ease,margin-bottom .3s ease;overflow:hidden}.category-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-label{font-weight:500;color:#374151;font-size:.875rem;white-space:nowrap}.category-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn{background:#f3f4f6;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;color:#6b7280;font-size:.875rem}.category-btn:hover{background:#e5e7eb;color:#374151}.category-btn.active{background:#f97316;color:#fff}.recipe-detail-header{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;align-items:start}.recipe-detail-image{position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px #0000001a}.recipe-detail-img{width:100%;height:400px;object-fit:cover}.featured-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-weight:600;font-size:.875rem;box-shadow:0 4px 12px #f973164d}.recipe-detail-info{display:flex;flex-direction:column;gap:1.5rem}.recipe-meta{display:flex;gap:1rem;flex-wrap:wrap}.category-tag{background:#f3f4f6;color:#374151;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500}.featured-tag{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600}.recipe-detail-title{font-size:3rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:1rem}.recipe-detail-description{font-size:1.125rem;color:#6b7280;line-height:1.6;margin-bottom:2rem}.recipe-stats{display:flex;gap:2rem;padding:1.5rem;background:#f9fafb;border-radius:1rem;border:1px solid #e5e7eb}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#1f2937}.health-labels{margin-top:1rem}.health-label-title{font-size:.875rem;color:#6b7280;font-weight:500;margin-bottom:.75rem}.health-tags{display:flex;flex-wrap:wrap;gap:.5rem}.health-tag{background:#dcfce7;color:#166534;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500}@media (prefers-color-scheme: dark){.header{background:#1f2937;box-shadow:0 1px 3px #0000004d}.header h1{color:#f9fafb}.header p{color:#d1d5db}.search-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.search-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.search-input::placeholder{color:#9ca3af}.search-icon{color:#9ca3af}.recipe-card{background:#1f2937;border-color:#374151}.recipe-card:hover{box-shadow:0 10px 25px #0000004d}.recipe-title{color:#f9fafb}.recipe-description{color:#d1d5db}.badge-orange{background:#9a3412;color:#fed7aa}.badge-blue{background:#1e40af;color:#dbeafe}.badge-green{background:#166534;color:#dcfce7}.tag{background:#374151;color:#d1d5db}.footer{background:#111827;border-color:#374151}.toggle-btn{background:#374151;color:#d1d5db}.toggle-btn:hover:not(.active){background:#4b5563;color:#f9fafb}.toggle-btn.active{background:#f97316;color:#fff}.category-btn{background:#374151;color:#d1d5db}.category-btn:hover{background:#4b5563;color:#f9fafb}.category-btn.active{background:#f97316;color:#fff}.toggle-label,.category-label{color:#d1d5db}.recipe-detail-title{color:#f9fafb}.recipe-detail-description{color:#d1d5db}.category-tag{background:#374151;color:#d1d5db}.recipe-stats{background:#1f2937;border-color:#374151}.stat-label{color:#9ca3af}.stat-value{color:#f9fafb}.health-label-title{color:#9ca3af}.health-tag{background:#166534;color:#dcfce7}.empty-state-icon{color:#6b7280}.empty-state-title{color:#f9fafb}.empty-state-description{color:#d1d5db}}@media (max-width: 768px){.recipe-detail-header{grid-template-columns:1fr;gap:2rem}.recipe-detail-title{font-size:2rem}.recipe-stats{flex-direction:column;gap:1rem}.stat-item{flex-direction:row;justify-content:space-between;align-items:center}.stat-label{margin-bottom:0}}@media (max-width: 768px){.category-selector{flex-direction:column;align-items:flex-start;gap:.5rem}.category-buttons{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.category-btn{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 480px){.category-buttons{grid-template-columns:1fr}.category-btn{font-size:.75rem;padding:.4rem .6rem}}@media (max-width: 768px){.header h1{font-size:1.75rem}.header-logo{width:1.75rem;height:1.75rem}.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-social{justify-content:center}.social-link{font-size:.875rem}.filter-toggle{display:flex}.filter-wrapper{max-height:0;opacity:0;margin-bottom:0}.filter-wrapper.expanded{max-height:2000px;opacity:1;margin-bottom:1rem}}@media (min-width: 769px){.filter-toggle{display:none!important}.filter-wrapper{max-height:none!important;opacity:1!important;margin-bottom:0!important}}@media (max-width: 480px){.header h1{font-size:1.5rem}.header-logo{width:1.5rem;height:1.5rem}.footer-social{flex-direction:column;gap:.75rem}}