@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--page-gutter: clamp(.75rem, 4vw, 1.5rem);--primary: #40513b;--green: #628141;--beige: #e5d9b6;--accent: #d35400;--accent-hover: #b03d00;--accent-active: #8f3200;--radius-field: 12px;--radius-toolbar: 12px;--radius-card: 16px;--radius-btn: 12px;--page-bg: #fff;--text: #2a3228;--muted: #5c6a55;--nav-hover: #2a3326;--body-soft: #4a5545;--card-shadow: 0 12px 30px rgba(64, 81, 59, .12);--focus-ring: rgba(211, 84, 0, .45)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:Inter,Poppins,sans-serif;color:var(--text);background:var(--page-bg);overflow-x:clip;padding-inline:max(0px,env(safe-area-inset-left,0)) max(0px,env(safe-area-inset-right,0));padding-bottom:max(0px,env(safe-area-inset-bottom,0))}#root{min-width:0}.container{width:min(1180px,calc(100% - 2 * var(--page-gutter)));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(64,81,59,.12)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px}.logo{text-decoration:none;font-family:Poppins,sans-serif;font-weight:700;font-size:1.25rem;color:var(--primary);display:inline-flex;align-items:center;gap:.45rem}.logo:hover{color:var(--nav-hover)}.site-nav{display:flex;gap:.8rem}.site-nav a{text-decoration:none;color:var(--primary);font-weight:500;padding:.4rem .6rem;border-radius:0;background:transparent}.site-nav a:hover{color:var(--nav-hover)}.site-nav a.active{color:var(--nav-hover);font-weight:700}.hero{--hero-image: none;position:relative;padding-block:clamp(2.25rem,6vw,4rem);padding-inline:clamp(1.25rem,5vw,3.25rem);min-height:clamp(340px,62vh,580px);display:flex;align-items:center;background-color:#1a1512;background-image:linear-gradient(105deg,#120e0ce6,#120e0cb8 38%,#120e0c59 72%,#120e0c33),var(--hero-image);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}.hero-inner{width:100%}.hero-inner.hero-grid{display:grid;grid-template-columns:minmax(0,min(38rem,100%)) 1fr;gap:clamp(1.75rem,4vw,3rem);align-items:center}.hero-content{min-width:0;padding-inline:clamp(.35rem,1.75vw,1.25rem) 0}h1,h2{margin-top:0;color:var(--primary);font-family:Poppins,sans-serif}.hero h1{font-size:clamp(1.9rem,4.8vw,3rem);line-height:1.15;margin-bottom:1rem;color:#fff}.hero .hero-text{color:#ffffffe6;margin:0 0 1.4rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.hero-actions .btn{gap:.45rem}.section{padding:1.2rem 0 3rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem}.section-head.column{display:block}.section-head h1,.section-head h2{margin-bottom:.35rem}.muted{margin:0;color:var(--muted)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1rem}.home-recipes-wrap{position:relative}.home-recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recipe-card-shell{position:relative;height:100%;--recipe-thumb-height: 170px}.recipe-delete-icon{display:inline-flex;align-items:center;justify-content:center;padding:.26rem;margin:0;border:none;background:transparent;color:var(--primary);font-size:1rem;line-height:0;cursor:pointer;border-radius:8px}.recipe-delete-icon:hover{background:transparent;color:var(--nav-hover)}.recipe-delete-icon:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.recipe-delete-icon--detail{font-size:.9rem;padding:.2rem;color:var(--accent)}.recipe-delete-icon--detail:hover{background:transparent;color:var(--accent-hover)}.recipe-delete-icon--floating{position:absolute;top:calc(var(--recipe-thumb-height) - 2.12rem);right:.45rem;bottom:auto;z-index:4;font-size:1rem;padding:.32rem;border-radius:8px;color:#ffffffb8;background:transparent;filter:drop-shadow(0 0 1px rgba(0,0,0,.45)) drop-shadow(0 1px 3px rgba(0,0,0,.5))}.recipe-delete-icon--floating:hover{background:transparent;color:#fffffff2;filter:drop-shadow(0 0 2px rgba(0,0,0,.55)) drop-shadow(0 1px 4px rgba(0,0,0,.6))}.trash-hover-icon{display:block;overflow:visible}.trash-hover-icon__lid{transform-origin:8.5px 7px;transition:transform .24s cubic-bezier(.34,1.45,.64,1)}.recipe-delete-icon:hover .trash-hover-icon__lid,.recipe-delete-icon:focus-visible .trash-hover-icon__lid{transform:rotate(-30deg)}.recipe-card-link{display:block;height:100%;text-decoration:none;color:inherit;border-radius:var(--radius-card);outline-offset:2px}.recipe-card-link:hover .recipe-card{border-color:#40513b2e;box-shadow:0 14px 34px #40513b24}.recipe-card-link:focus-visible{outline:2px solid var(--focus-ring)}.recipe-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--card-shadow);border:1px solid rgba(64,81,59,.1);transition:border-color .15s ease,box-shadow .15s ease}.recipe-image{width:100%;height:170px;object-fit:cover;display:block}.recipe-content{flex:1;display:flex;flex-direction:column;min-height:0;padding:1rem}.recipe-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.badge{display:inline-block;font-size:.72rem;letter-spacing:.2px;padding:.25rem .55rem;border-radius:999px;text-transform:capitalize;font-weight:500}.badge--overlay{position:static;color:#fffffff2;font-weight:400;font-size:.68rem;letter-spacing:.05em;padding:.22rem .5rem;background:#0000000a;border:1px solid rgba(255,255,255,.22);text-shadow:0 1px 2px rgba(0,0,0,.45),0 0 12px rgba(0,0,0,.35);box-shadow:none;min-width:0;pointer-events:none}.badge--overlay-time{text-transform:none;letter-spacing:.03em;display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.badge--inline{position:static;color:var(--primary);background:#62814138;border:0;text-shadow:none;font-weight:500;font-size:.72rem;letter-spacing:.2px}.date{font-size:.74rem;color:var(--muted);display:inline-flex;align-items:center;gap:.2rem}.recipe-card-media{position:relative;display:block}.recipe-badge-row{position:absolute;top:.45rem;left:.45rem;right:.45rem;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.35rem;pointer-events:none}.recipe-card-title{margin:.08rem 0 .18rem;color:var(--primary);font-size:1rem;font-family:Poppins,sans-serif;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;min-height:1.3em}.recipe-card-link:hover .recipe-card-title{color:var(--nav-hover)}.recipe-card .recipe-content>p:not(.ingredient-line){margin:.28rem 0 .6rem;color:var(--body-soft);font-size:.9rem;line-height:1.42;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.26em}.posted-on{margin-bottom:.7rem}.ingredient-line{margin-top:auto;margin-bottom:0;font-size:.82rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;min-height:1.35em}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-btn);padding:.62rem 1rem;font-weight:600;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:#2f3d2a}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary);box-sizing:border-box}.btn-secondary:hover{background:#40513b0f}.hero .btn-secondary{color:#fff;border-color:#ffffffe6}.hero .btn-secondary:hover{background:#ffffff1f}.hero .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.hero .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.hero .btn-primary:active{background:var(--accent-active);border-color:var(--accent-active)}.home-more-wrap{display:flex;justify-content:center;margin-top:2.35rem}.home-more-block{display:inline-flex;flex-direction:column;align-items:center;gap:.05rem}.home-more-label{font-weight:600;font-size:.95rem}.home-more-arrow{display:flex;font-size:1.1rem;line-height:1;color:inherit}.home-more-nudge{animation:home-more-bob 2.2s ease-in-out infinite}@keyframes home-more-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.text-link-orange{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:var(--accent);background:none;border:0;padding:0;font:inherit;font-weight:600;cursor:pointer}.text-link-orange:hover{color:var(--accent-hover)}.text-link-orange:active{color:var(--accent-active)}.back-link-text{margin-top:.5rem}.toolbar{display:flex;gap:1rem;margin-bottom:1.15rem;flex-wrap:wrap}.page-head-centered{text-align:center;margin-bottom:1.5rem}.page-head-centered h1,.page-head-centered h2{margin-bottom:.35rem}.recipes-toolbar{align-items:flex-end;justify-content:space-between}.filter-expand{display:flex;align-items:center;justify-content:flex-start;gap:.28rem;overflow:hidden;max-width:100%}.filter-expand-select{width:0;min-width:0;opacity:0;padding:0;border:1px solid rgba(64,81,59,.2);border-radius:var(--radius-toolbar);font:inherit;font-size:.8125rem;line-height:1.35;color:var(--text);background-color:#fff;cursor:pointer;transition:width .22s ease,opacity .18s ease,min-width .22s ease,padding .22s ease;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-expand--open .filter-expand-select{width:min(158px,40vw);min-width:118px;opacity:1;pointer-events:auto;padding:.32rem 1.65rem .32rem .5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2340513b' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .45rem center}.search-expand{display:flex;align-items:center;justify-content:flex-end;gap:.28rem;overflow:hidden;max-width:100%}.search-expand-input{width:0;min-width:0;opacity:0;padding:0;border:1px solid rgba(64,81,59,.2);border-radius:var(--radius-toolbar);font:inherit;font-size:.8125rem;line-height:1.35;transition:width .22s ease,opacity .18s ease,padding .22s ease;pointer-events:none}.search-expand--open .search-expand-input{width:min(158px,40vw);min-width:118px;opacity:1;pointer-events:auto;padding:.32rem .5rem}.toolbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--radius-toolbar);background:transparent;color:var(--primary);font-size:1.05rem;cursor:pointer}.toolbar-icon-btn:hover{color:var(--accent);background:#d354001a}.toolbar-icon-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.control{display:flex;flex-direction:column;gap:.36rem}.control span{font-size:.84rem;color:var(--muted);font-weight:500}.control .field-hint{display:block;font-size:.78rem;font-weight:400;line-height:1.45;color:var(--muted)}.control input,.control select,.control textarea{width:100%;border:1px solid rgba(64,81,59,.22);border-radius:var(--radius-field);padding:.62rem .7rem;font:inherit;font-size:.9375rem;color:var(--text);background:#fff}.control input:focus,.control select:focus,.control textarea:focus{outline:2px solid var(--focus-ring);border-color:transparent}.empty{color:var(--muted);margin-top:1rem}.narrow{width:min(760px,calc(100% - 2 * var(--page-gutter)))}.recipe-detail-page{width:min(980px,calc(100% - 2 * var(--page-gutter)))}.control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2340513b' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;padding-right:2rem}.back-btn{margin-bottom:1rem}.recipe-detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.recipe-detail-actions .back-btn{margin-bottom:0}.recipe-meta--detail{flex-wrap:wrap;gap:.5rem .75rem}.recipe-meta-trailing{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto}.recipe-lead{margin:0 0 .85rem;color:var(--muted);font-size:1.05rem;line-height:1.55}.recipe-detail-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;border:1px solid rgba(64,81,59,.12);box-shadow:var(--card-shadow)}.recipe-detail-media{position:relative}.recipe-detail-image{width:100%;max-height:380px;object-fit:cover;display:block}.recipe-detail-content{padding:1.2rem}.recipe-detail-content h1{margin-bottom:.35rem}.detail-list{margin:0 0 1rem;padding-left:1.2rem;color:var(--body-soft)}.detail-list li{margin-bottom:.25rem}.ingredient-check-list{list-style:none;margin:0 0 1rem;padding:0;color:var(--body-soft)}.ingredient-check-list li{margin-bottom:.4rem}.ingredient-check-label{display:flex;align-items:flex-start;gap:.55rem;cursor:pointer;line-height:1.45}.ingredient-check{margin-top:.2rem;flex-shrink:0;width:1.05rem;height:1.05rem;accent-color:var(--accent)}.ingredient-check-label:has(.ingredient-check:checked) .ingredient-text{text-decoration:line-through;opacity:.62}.instruction-steps{margin:0 0 1rem;padding-left:1.35rem;color:var(--body-soft);line-height:1.6}.instruction-steps li{margin-bottom:.45rem}.instruction-steps li::marker{font-weight:600;color:var(--primary)}.detail-instructions{margin:0;line-height:1.6;color:var(--body-soft)}.recipe-form{display:grid;gap:.95rem;background:#fff;padding:1.2rem;border-radius:var(--radius-card);border:1px solid rgba(64,81,59,.12);box-shadow:var(--card-shadow)}.recipe-form .btn{gap:.45rem}.form-feedback{margin:0;color:var(--muted);font-weight:500;line-height:1.5}@media (max-width: 900px){.hero-inner.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero-content{padding-inline:0}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:.85rem}.recipe-detail-image{max-height:320px}}@media (min-width: 751px) and (max-width: 900px){.home-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-recipe-grid>.recipe-card-shell:nth-child(n+4){display:none}}@media (max-width: 750px){.home-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.hero{padding-block:2rem 1.75rem;padding-inline:clamp(1rem,4.5vw,2.25rem);min-height:clamp(300px,52vh,480px);background-image:linear-gradient(180deg,#120e0ce0,#120e0c8c 45%,#120e0c73),var(--hero-image)}.hero h1{font-size:clamp(1.55rem,5.5vw,2.35rem)}.hero .hero-text{font-size:.95rem;margin-bottom:1.1rem}.section{padding:1rem 0 2.25rem}.page-head-centered{margin-bottom:1.2rem}.page-head-centered h1{font-size:clamp(1.4rem,5vw,1.85rem)}.recipes-toolbar{flex-direction:column;align-items:stretch;gap:.65rem}.filter-expand,.search-expand{width:100%;max-width:100%}.search-expand{justify-content:flex-end}.filter-expand--open .filter-expand-select,.search-expand--open .search-expand-input{width:min(200px,calc(100% - 3rem));min-width:0;flex:1;max-width:100%}.recipe-detail-content{padding:1rem}.recipe-detail-content h1{font-size:clamp(1.35rem,5.5vw,1.75rem);line-height:1.2}.recipe-lead{font-size:1rem}.recipe-form{padding:1rem}}@media (max-width: 560px){.nav-wrap{min-height:auto;flex-direction:column;justify-content:center;gap:.5rem;padding:.55rem 0}.logo{font-size:1.08rem}.site-nav{flex-wrap:wrap;justify-content:center;gap:.25rem .5rem;width:100%}.site-nav a{padding:.45rem .55rem;font-size:.9rem}.home-recipe-grid,.recipe-grid{grid-template-columns:1fr}.hero-content{margin-inline:auto;max-width:min(26rem,100%);text-align:center}.hero-actions{flex-direction:column;align-items:stretch;justify-content:center}.hero-actions .btn{width:100%;justify-content:center;min-height:44px}.recipe-image{height:160px}.recipe-card-shell{--recipe-thumb-height: 160px}.recipe-content{padding:.85rem}.badge--overlay{font-size:.62rem;padding:.18rem .42rem;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge--overlay-time{gap:.15rem;min-width:5.2rem;max-width:5.6rem;white-space:nowrap;justify-content:center}.recipe-badge-row{top:.35rem;left:.35rem;right:.35rem;gap:.25rem}.recipe-meta{flex-wrap:wrap;gap:.35rem}.recipe-card .recipe-content>p:not(.ingredient-line){-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;min-height:0;margin-bottom:.5rem}.ingredient-line{white-space:normal;overflow:visible;text-overflow:clip;min-height:0}.btn{min-height:44px}.recipe-form .btn{width:100%}.home-more-wrap{margin-top:1.75rem}}@media (max-width: 400px){.logo{font-size:1rem}.hero h1{font-size:clamp(1.4rem,7vw,1.75rem)}.badge--inline{font-size:.68rem}}@media (pointer: coarse){.toolbar-icon-btn,.recipe-delete-icon{min-width:44px;min-height:44px}.home-more-block{min-height:44px;justify-content:center}.back-link-text.text-link-orange{min-height:44px;align-items:center}.form-feedback .text-link-orange{min-height:unset;display:inline;padding:.15rem 0}}@media (prefers-reduced-motion: reduce){.home-more-nudge{animation:none}.trash-hover-icon__lid{transition:none}.recipe-delete-icon:hover .trash-hover-icon__lid,.recipe-delete-icon:focus-visible .trash-hover-icon__lid{transform:none}}