@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/Leftovers/assets/shantell-sans-cyrillic-ext-wght-normal-C5IA4B3w.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/Leftovers/assets/shantell-sans-cyrillic-wght-normal-C3g4RRlc.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/Leftovers/assets/shantell-sans-vietnamese-wght-normal-0TYE14Fi.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/Leftovers/assets/shantell-sans-latin-ext-wght-normal-CkCuiz5d.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/Leftovers/assets/shantell-sans-latin-wght-normal-B8jqu5lV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/Leftovers/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/Leftovers/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/Leftovers/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:1.5}img,picture,svg{max-width:100%;max-height:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul{padding:0;list-style:none}:root{--font-display:"Shantell Sans Variable", serif;--font-body:"Fredoka Variable", sans-serif;--palette-white:#fff;--palette-cream-50:#fff7e8;--palette-cream-100:#f8f0e3;--palette-cream-300:#f4e8d4;--palette-sky-100:#e3ebf8;--palette-sky-500:#002b8a;--palette-sky-600:#012062;--palette-ink-500:#62606a;--palette-ink-700:#3e3e3e;--palette-ink-900:#111;--palette-red-100:#d98d72;--palette-red-500:#c1513e;--palette-red-600:#d72e28;--space-xs:.4rem;--space-sm:.8rem;--space-md:1.6rem;--space-lg:2.4rem;--space-xl:3.2rem;--space-xxl:4.8rem;--space-xxxl:6.4rem;--text-sm:clamp(1.2rem, 1.143rem + .179vw, 1.4rem);--text-base:clamp(1.4rem, 1.343rem + .179vw, 1.6rem);--text-lg:clamp(1.8rem, 1.63rem + .54vw, 2.4rem);--text-xl:clamp(2.4rem, 2.17rem + .71vw, 3.2rem);--text-xxl:clamp(var(--space-xl), 2.971rem + .714vw, 4rem);--bg-primary:var(--palette-cream-100);--bg-secondary:var(--palette-cream-300);--text-display:var(--palette-ink-900);--text-body:var(--palette-ink-500);--text-inverse:var(--palette-white);--text-hover:var(--palette-ink-700);--text-error:var(--palette-red-500);--gutter:clamp(var(--space-md), 1.371rem + .714vw, var(--space-lg));--radius-outer:20px;--radius-inner:12px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-body);background-color:var(--bg-primary)}.container{width:100%;max-width:1440px;padding:0 var(--gutter);margin:0 auto}.page-view{padding-block:var(--space-lg)}@media (width<=768px){:root{--bottom-nav-height:calc(4.8rem + env(safe-area-inset-bottom))}body{padding-bottom:var(--bottom-nav-height)}}.nav{--nav-border:var(--bg-secondary);z-index:100;padding:clamp(1rem, .829rem + .536vw, var(--space-md)) 0;background-color:var(--bg-primary);box-shadow:0 2px 4px 0 oklch(from var(--nav-border) calc(l - .05) c h);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;display:flex}.nav__logo{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-display);font-weight:600;text-decoration:none}.nav__list{gap:clamp(var(--space-xs), -.857rem + 3.929vw, var(--space-xxl));justify-content:center;display:flex}.nav__item--mobile{display:none}.nav__link{--_color:var(--link-color,var(--text-display));--_decoration:var(--link-decoration,transparent);--_weight:var(--link-weight,400);gap:var(--space-xs);font-size:var(--text-base);font-weight:var(--_weight);color:var(--_color);letter-spacing:.5px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--_decoration);text-decoration-color:var(--_decoration);text-underline-offset:5px;align-items:center;transition:color .3s,text-decoration-color .3s,font-weight .3s;display:flex}.nav__icon{display:none}.nav__link:hover{--link-color:var(--palette-ink-700);--link-decoration:var(--text-hover)}.nav__link--active{--link-weight:500;--link-decoration:var(--text-display)}@media (width<=768px){.nav__item{flex:1}.nav__item--mobile{display:block}.nav__list{z-index:100;width:100%;padding:var(--space-sm) var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom)) var(--space-sm);background-color:var(--bg-primary);border-top:1px solid var(--border-subtle);justify-content:space-evenly;position:fixed;bottom:0;left:0;box-shadow:0 -4px 10px -5px #0000001a}.nav__link{--link-color:var(--text-body);--link-weight:400;font-size:var(--text-sm);flex-direction:column;text-decoration:none}.nav__icon{display:block}.nav__link:hover,.nav__link--active{--link-decoration:transparent;--link-color:var(--palette-sky-500)}}.btn{--_bg:var(--btn-bg,transparent);--_text:var(--btn-text,var(--text-display));--_border:var(--btn-border,transparent);--_hover-bg:var(--btn-hover-bg,transparent);--_hover-text:var(--btn-hover-text,var(--_text));--_hover-border:var(--btn-hover-border,var(--_border));padding:var(--space-sm) var(--space-lg);color:var(--_text);letter-spacing:1px;cursor:pointer;background-color:var(--_bg);border:2px solid var(--_border);border-radius:8px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{color:var(--_hover-text);background-color:var(--_hover-bg);border-color:var(--_hover-border)}.btn--primary{--btn-bg:var(--palette-sky-500);--btn-text:var(--text-inverse);--btn-hover-bg:var(--palette-sky-600)}.btn--secondary{--btn-text:var(--palette-sky-500);--btn-border:var(--palette-sky-500);--btn-hover-bg:var(--palette-sky-500);--btn-hover-text:var(--text-inverse);--btn-hover-border:var(--palette-sky-500)}.btn--danger{--btn-bg:var(--palette-red-500);--btn-text:var(--text-inverse);--btn-hover-bg:var(--palette-red-600)}.btn--ghost{--btn-bg:transparent;--btn-text:var(--palette-ink-500);--btn-border:transparent;--btn-hover-bg:transparent}.add-recipe{gap:clamp(var(--space-md), 1.4rem + .75vw, var(--space-lg));flex-direction:column;max-width:900px;margin:0 auto;display:flex}.add-recipe__error{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-error);font-weight:500}.add-recipe__header{width:100%;margin:0 0 clamp(var(--space-xs), .3rem + .36vw, var(--space-sm)) 0;font-family:var(--font-display);color:var(--text-display);justify-content:space-between;align-items:center;padding:0;font-weight:600;display:flex}.add-recipe__label{flex-direction:column;display:flex}.add-recipe__fieldset{gap:var(--space-md);border:none;flex-direction:column;padding:0;display:flex}.add-recipe__input{--_border:var(--input-border,var(--palette-ink-500));width:100%;height:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);color:var(--text-display);background-color:var(--palette-white);border:1px solid var(--_border);border-radius:6px;font-weight:400;transition:border-color .2s}.add-recipe__input:focus{--input-border:var(--palette-sky-500);outline:none}.add-recipe__input--error,.add-recipe__input--error:focus{--input-border:var(--text-error)}.add-recipe__row{gap:var(--space-sm);align-items:center;display:grid}.add-recipe__row--ingredient{grid-template-columns:2fr 1fr 1fr auto}.add-recipe__row--step{grid-template-columns:auto 1fr auto}.add-recipe__step-number{min-width:20px;color:var(--text-body);font-weight:600}.add-recipe__btn{align-self:flex-start}.add-recipe__btn--remove{padding:var(--space-sm)}@media (width<=768px){.add-recipe__row{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.add-recipe__row--ingredient{grid-template-columns:1fr 1fr}.add-recipe__row--ingredient>.add-recipe__input:first-child,.add-recipe__row--ingredient>.btn--danger{grid-column:1/-1}.add-recipe__row--step{grid-template-columns:auto 1fr}.add-recipe__row--step>.btn--danger{grid-column:1/-1}}.page-header{margin-bottom:clamp(var(--space-lg), 2.171rem + .714vw, var(--space-xl))}.page-header__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-display)}.page-header__subtitle{color:var(--text-body)}.search-bar{background-color:var(--palette-white);border-radius:var(--radius-inner);border:2px solid #0000;outline:0;width:200px;height:30px;padding:8px 10px}.search-bar::placeholder{color:var(--text-body)}.search-bar:focus{border-color:var(--palette-sky-600)}.page-banner{background:var(--palette-sky-500);border-radius:var(--radius-outer);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:30px;padding:20px;display:flex}.page-banner__header{flex:60%;margin-bottom:0}.page-banner__title,.page-banner__subtitle{color:var(--text-inverse)}.page-banner__search{flex:30%}.favorite-btn{--btn-text:var(--palette-ink-500);z-index:1;border-radius:50%;padding:0;position:relative}.favorite-btn--active{--btn-text:var(--palette-red-500)}.favorite-btn--active .favorite-btn__icon{fill:currentColor}.favorite-btn--animating .favorite-btn__icon{animation:.2s heartPop}.favorite-btn--animating:after{z-index:-1;pointer-events:none;content:"";background-color:currentColor;border-radius:50%;width:100%;height:100%;animation:.4s ease-out forwards rippleFade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes heartPop{50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes rippleFade{0%{opacity:.4;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.recipe-card{--card-color:var(--bg-primary);--card-radius:var(--radius-outer);--card-padding:clamp(var(--space-sm), 1.371rem + .714vw, var(--space-md));height:100%;padding:var(--card-padding);background-color:var(--card-color);border-radius:var(--card-radius);box-shadow:2px 2px 5px 1px oklch(from var(--card-color) calc(l - .2) c h);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.recipe-card:hover{box-shadow:2px 2px 7px 2px oklch(from var(--card-color) calc(l - .25) c h);transform:scale(1.01)}.recipe-card__image{aspect-ratio:4/3;margin-bottom:var(--space-sm);object-fit:cover;border-radius:var(--radius-inner)}.recipe-card__image--fallback{color:var(--palette-ink-500);background-color:var(--palette-cream-300);justify-content:center;align-items:center;display:flex}.recipe-card__content{flex-direction:column;flex-grow:1;display:flex}.recipe-card__title{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;font-family:var(--font-display);color:var(--text-display);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recipe-card__link{color:inherit;text-decoration:none}.recipe-card__link:after{content:"";position:absolute;inset:0}.recipe-card__subtitle{margin-top:var(--space-xs)}.recipe-card__item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe-card__btn{padding:clamp(0rem, -.229rem + .714vw, var(--space-sm));align-self:flex-end;margin-top:auto}.recipe-grid{gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));display:grid}@media (width<=768px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}}.catalog__wrapper{background:var(--palette-sky-500);border-radius:var(--radius-outer);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:30px;padding:20px;display:flex}.catalog__header{flex:60%;margin-bottom:0}.catalog__title,.catalog__subtitle{color:var(--text-inverse)}.catalog__searchBar{border-radius:var(--radius-inner);border:0;outline:0;flex:30%;width:200px;height:30px;padding:8px 10px}.empty-state{padding:0 var(--gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex;position:fixed;inset:0}.empty-state__icon{margin-bottom:clamp(var(--space-md), 1.371rem + .714vw, var(--space-lg));color:var(--border-subtle)}.empty-state__title{margin-bottom:clamp(var(--space-xs), .286rem + .357vw, var(--space-sm));font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-display)}.empty-state__text{margin-bottom:clamp(var(--space-md), 1.143rem + 1.429vw, var(--space-xl));color:var(--text-body)}.carousel{max-width:1100px;padding-block:var(--space-md);flex-direction:column;margin:0 auto;display:flex}.carousel__track{--carousel-unit:1.2rem;--carousel-item:3;grid-auto-columns:calc((100% - 2 * var(--carousel-unit)) / var(--carousel-item));gap:var(--space-md);padding:var(--space-md);-ms-overflow-style:none;scrollbar-width:none;grid-auto-flow:column;display:grid;overflow:auto hidden}.carousel__track::-webkit-scrollbar{display:none}.carousel__link{font-family:var(--font-display);color:var(--text-display);text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--_decoration);text-decoration-color:var(--_decoration);text-underline-offset:5px}.carousel__item{scroll-snap-align:start;height:100%}.carousel__card{background-color:var(--palette-cream-50)}.carousel__progress{width:60%;max-width:400px;height:2px;margin:var(--space-xl) auto 0;background:var(--bg-secondary);border-radius:1px;position:relative;overflow:hidden}.carousel__fill{background:var(--palette-sky-500);height:100%;transition:left .2s ease-out;position:absolute;top:0}@media (width<=768px){.carousel__track{--carousel-unit:.5rem;--carousel-item:2}}.home{padding-bottom:20vh}.hero{padding:clamp(var(--space-xl), 1.371rem + 5.714vw, 9.6rem) 0;background-color:var(--bg-secondary);border-bottom:1px solid #0000000d}.hero__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.hero__header{gap:clamp(var(--space-sm), .571rem + .714vw, var(--space-md));flex-direction:column;align-items:center;display:flex}.hero__title{font-family:var(--font-display);font-size:var(--text-xxl);color:var(--text-display)}.hero__subtitle{max-width:600px}.hero__actions{gap:clamp(var(--space-sm), .571rem + .714vw, var(--space-md));display:flex}.hero__btn{padding:clamp(var(--space-sm), .686rem + .357vw, 1.2rem) clamp(1.2rem, .857rem + 1.071vw, var(--space-lg))}.recipe-detail__image-box{border-radius:80px;flex-flow:wrap;align-content:space-evenly;display:flex}.recipe-detail__image{aspect-ratio:3/4;max-height:700px;padding:clamp(var(--space-md), 1.143rem + 1.429vw, var(--space-xl)) clamp(var(--space-md), 1.143rem + 1.429vw, var(--space-xl));object-fit:cover;box-shadow:2px 2px 5px 1px var(--card-color);background:#fff7e8;border-radius:clamp(2.5rem,1.786rem + 2.232vw,5rem);flex:30%}.recipe-detail__title{padding:clamp(.5rem, -.271rem + 2.411vw, var(--space-xl)) clamp(1rem, .6rem + 1.25vw, var(--space-lg));font-family:var(--font-display);font-size:clamp(var(--space-xl), 2.286rem + 2.857vw, var(--space-xxxl));color:var(--palette-ink-900);flex:2}.recipe-detail__box{border-radius:var(--radius-outer);background:#fff7e8;flex-direction:column;align-items:start;margin-top:clamp(2.5rem,1.786rem + 2.232vw,5rem);display:flex}.recipe-detail__box-header{justify-content:space-between;gap:10px;padding:15px clamp(4.5rem,5.214rem - 2.232vw,2rem);display:flex}.recipe-detail__step-header{justify-content:center;gap:10px;padding:15px 50px;display:flex}.icon-basket{color:var(--palette-sky-500);align-self:center}.recipe-detail__ingredient-title{font-family:var(--font-display);font-size:clamp(var(--space-lg), 2.171rem + .714vw, var(--space-xl));color:var(--palette-ink-900)}.recipe-detail__ingredient-list{font-size:var(--text-lg);color:var(--palette-ink-900);justify-self:center;padding:clamp(0rem,.446vw - .143rem,.5rem) clamp(2.5rem,1.5rem + 3.125vw,6rem) 5px;list-style:outside}.recipe-detail__ingredient-list li{margin:clamp(.5rem,.214rem + .893vw,1.5rem) 20px}.recipe-detail__ingredient-list li::marker{font-size:var(--text-xl);color:var(--palette-sky-500)}.recipe-detail__step-box{border-radius:var(--radius-outer);background:#fff7e8;margin-top:50px}.icon-list{color:var(--palette-sky-500);align-self:center}.recipe-detail__svg{width:clamp(var(--space-lg), 2.086rem + .982vw, 3.5rem);height:clamp(var(--space-lg), 2.086rem + .982vw, 3.5rem)}.recipe-detail__step-title{font-family:var(--font-display);font-size:clamp(var(--space-lg), 2.171rem + .714vw, var(--space-xl));color:var(--palette-ink-900)}.recipe-detail__step-list{font-size:var(--text-lg);color:var(--palette-ink-900);padding:10px}.recipe-detail__step-item{flex-flow:wrap;align-items:center;gap:20px;margin-top:10px;padding-bottom:clamp(1rem,3.571vw - .143rem,5rem);display:flex}.recipe-detail__step-item p{overflow-wrap:anywhere;flex:200px;align-self:center;padding-left:10px}.recipe-detail__step-item-title{width:130px;font-size:var(--text-lg);color:#fff;text-align:center;background-color:var(--palette-sky-500);border-radius:var(--radius-outer);padding:10px 5px}