@import"https://fonts.googleapis.com/css2?family=Lobster+Two&family=Quicksand:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Lato,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f6f6ec,#d6cd9f);color:#a86539;min-height:100vh}*,*:before,*:after{box-sizing:border-box}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.pagination{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0;font-size:1rem;color:#5b4636;font-family:"Bree Serif",sans-serif}.pagination button{background-color:#f0e6d2;border:1px solid #d4c79d;padding:.8rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:600;color:#5b4636;transition:background-color .2s ease}.pagination button:hover:not(:disabled){background-color:#e3d5b9}.pagination button:disabled{opacity:.4;cursor:default}.pagination-info{font-size:1.2rem;color:#5b4636;display:flex;align-items:center;gap:.5rem}.pagination-info strong{color:#d4783a}.pagination-info .dot{color:#c8b48b;font-size:1.2rem}.pagination-info .total-count{font-style:italic;color:#7d6751}@media (min-width: 640px){.pagination{flex-direction:row}}.recipe-placeholder-container{position:relative;opacity:.8;pointer-events:none}.recipe-message{position:absolute;top:5rem;left:50%;transform:translate(-50%);font-size:5rem;font-weight:600;font-family:"Bree Serif",sans-serif;color:#ff6b6b;text-shadow:1px 1px 3px rgba(0,0,0,.3);letter-spacing:.2rem;padding:.5rem 1.25rem;border-radius:8px;z-index:10}.recipe-placeholder{display:flex;gap:1rem;padding:1rem;border-radius:8px;background:#fffaf3;box-shadow:0 0 4px #0000000d;min-height:120px;align-items:center}.recipe-image-skeleton{width:100px;height:100px;background:#eee;border-radius:8px;flex-shrink:0}.recipe-text-skeleton{flex:1}.line{height:16px;background:#ddd;border-radius:4px;margin:.4rem 0;animation:pulse 1.4s ease-in-out infinite}.line.short{width:30%}.line.medium{width:50%}.line.long{width:80%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#recipes{width:100%;list-style:none;margin:2rem auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;transition:opacity .3s ease-in-out}.recipe-item{background:linear-gradient(135deg,#fff9ec,#ffe8c9);border-radius:1rem;overflow:hidden;text-align:center;box-shadow:0 1px 2px #0000004d;transition:box-shadow .3s ease;cursor:pointer;max-width:25rem}.recipe-item:hover{box-shadow:0 6px 10px #715e2d80}.recipe-item img{width:100%;object-fit:cover;background:#ffa07a;transition:transform .3s ease}.recipe-item-details{display:flex;flex-direction:column;color:#5b4636;padding-bottom:.7rem}.recipe-item-title{font-family:Quicksand,sans-serif;font-size:1.2rem;color:#d4783a;height:1.4rem}.recipe-meta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.recipe-tag{display:inline-block;padding:.35em .75em;font-size:.9rem;border-radius:999px;color:#6b4b3e;font-family:Quicksand,sans-serif;box-shadow:0 1px 3px #0000000f;white-space:nowrap}.recipe-ingredients-text{margin:.5rem 2rem;font-size:1rem;font-family:Lato,Helvetica Neue,sans-serif;color:#a67c5a;line-height:1.4;width:100%;height:3rem}.recipe-tag.category{width:100%;margin:0 15%;border:1px dashed #ecc792}.recipe-tag.author{background-color:#e9f6ea;width:100%;margin:0 10%}.recipe-item-rating{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;min-height:2rem;font-size:1rem}.recipe-item-actions{margin-bottom:1.5rem}.image-wrapper{position:relative;width:100%;height:14rem;border-bottom:1px dashed #cdd320;border-bottom-width:2px;overflow:hidden;background:#fdf4e3;display:flex;align-items:center;justify-content:center}.image-wrapper:after{content:"";width:40px;height:40px;border:5px solid #f3d5b5;border-top-color:#d4783a;border-radius:50%;animation:spin .8s linear infinite}.image-wrapper.loaded:after{display:none}.image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;position:absolute;top:0;left:0;z-index:1}.image-wrapper:hover img{transform:scale(1.05)}.image-wrapper.loaded img{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._star_1ccbz_1{font-size:1.2rem;color:#cdd320;position:relative;display:inline-block}._star_1ccbz_1._half_1ccbz_8{color:#e0c07d30}._star_1ccbz_1._half_1ccbz_8:before{content:"★";color:#cdd320;position:absolute;left:0;width:50%;overflow:hidden;display:inline-block}.recipe-container{max-width:720px;margin:0 auto;padding:1rem;font-family:Segoe UI,Helvetica Neue,sans-serif;font-size:1.05rem}.recipe-heading{font-family:"Bree Serif",serif;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.recipe-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.recipe-meta-item{background-color:#f3e1ba;padding:.4rem .75rem;font-size:1rem;font-weight:500;color:#333;border-radius:20px;display:inline-flex;align-items:center;gap:.4rem;transition:background-color .2s ease}.recipe-meta-item:hover{background-color:#e8e8e8}.recipe-meta span{margin-right:1rem}.recipe-image{width:100%;max-height:320px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.recipe-description{font-size:1rem;color:#444;margin-bottom:1.5rem;line-height:1.5}.recipe-section{margin-bottom:2rem}.recipe-section-title{font-size:1.3rem;letter-spacing:3px;font-family:"Bree Serif",serif;font-weight:600;margin-bottom:2rem}.recipe-ingredients{display:flex;flex-direction:column;gap:.5rem;padding-left:1.2rem;margin-top:.5rem;font-size:1rem;color:#333;list-style:none}.recipe-ingredients li{background:#f9f9f9;padding:.4rem .9rem;border-radius:6px;border-left:5px solid #b5a280;transition:background .2s ease;line-height:1.2rem;opacity:0;transform:translateY(4px);animation:fadeInUp 1s ease forwards;animation-delay:calc(var(--i) * 40ms)}@keyframes fadeInUp{to{opacity:1;transform:none}}.recipe-ingredients li:hover{background:#f1f1f1}.recipe-instructions{white-space:pre-line;color:#333;font-size:1.05rem;line-height:1.8;padding:.5rem .25rem;border-radius:6px;margin-top:.5rem}.recipe-footer{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-family:Segoe UI,Helvetica Neue,sans-serif;color:#e4e4c7;margin-top:2.5rem;border-radius:5px;background:#9e8465;padding:1rem}.recipe-footer span{font-size:1.05rem;font-weight:500}.logo{border:none;background-color:transparent}#main-header{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:1.5rem 2rem;background-color:#fffdf5;border-bottom:4px solid #d4c79d;box-shadow:0 2px 6px #0000000d;position:sticky;top:0;z-index:100}#header-title{display:flex;align-items:center;cursor:pointer}#header-title h1{font-family:Lobster Two,Segoe UI,Helvetica Neue,sans-serif;font-size:2rem;font-weight:700;color:#d4783a;letter-spacing:.2rem;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:color .1s ease-in-out}#header-title h1:hover{color:#ba6832;text-shadow:0 1px 1px rgb(241,210,151)}nav{display:flex;align-items:center;justify-content:center;max-width:40rem;width:100%}nav input{padding:.7rem 1rem;font-size:.8rem;border:1px solid #ccc;border-right:none;border-radius:4px 0 0 4px;outline:none;flex:1}nav button{padding:.7rem 1rem;font-size:.8rem;background-color:#baa372;color:#fff;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}nav button:hover{background-color:#938f65}.search-toggle{display:flex;gap:.5rem;margin-left:2rem;align-items:center;margin-bottom:1rem;margin-right:1rem}.search-toggle label{background-color:#f9e9d2;border:1px solid #ecc792;border-radius:999px;padding:.25rem .75rem;font-family:Quicksand,sans-serif;font-size:.85rem;color:#5b4636;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background-color .2s ease-in-out}.search-toggle input[type=radio]{accent-color:#d4783a;margin:0}.search-toggle label:has(input[type=radio]:checked){background-color:#f3cfa5}.search-toggle label:hover{background-color:#f1d6b9}@media (min-width: 900px){#main-header{flex-direction:row}#header-title h1{font-size:2.5rem;margin:0}nav input{font-size:1.2rem}nav button{font-size:1.2rem}.search-toggle{margin-bottom:0}}._mainFooter_qkens_1{text-align:center;padding:1.5rem;font-size:1.1rem;font-family:"Bree Serif",sans-serif;color:#7e6244;border-top:2px solid #e6d9ae;margin-top:2rem}.route-error{padding:2rem;background-color:#f863631a;border:1px solid #ffcccc;border-radius:8px;max-width:60rem;margin:4rem auto;font-family:"Bree Serif",sans-serif;font-size:2rem;text-align:center}.route-error-header{color:#c00}