*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f0e4;color:#1f3a26;line-height:1.6;min-height:100vh}h1,h2,h3{font-family:Fredoka,DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600;line-height:1.25}a{color:#2f5d3a;text-decoration:none}a:hover{color:#1f3a26}button{cursor:pointer;font-family:inherit}@media(prefers-reduced-motion:no-preference){::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.34,1.25,.64,1)}::view-transition-old(root){animation:.26s ease-out both vt-fade-out}::view-transition-new(root){animation:.36s cubic-bezier(.2,.8,.2,1) both vt-rise-in}:root[data-nav=forward]::view-transition-old(root),:root[data-nav=forward]::view-transition-old(*):only-child{animation:.32s cubic-bezier(.2,.8,.2,1) both vt-recede}:root[data-nav=forward]::view-transition-new(root),:root[data-nav=forward]::view-transition-new(*):only-child{animation:.42s cubic-bezier(.2,.8,.2,1) both vt-push-in}:root[data-nav=back]::view-transition-old(root),:root[data-nav=back]::view-transition-old(*):only-child{animation:.3s cubic-bezier(.2,.8,.2,1) both vt-push-out}:root[data-nav=back]::view-transition-new(root),:root[data-nav=back]::view-transition-new(*):only-child{animation:.42s cubic-bezier(.2,.8,.2,1) both vt-resurface}::view-transition-old(recipe-image),::view-transition-new(recipe-image){width:100%;height:100%;object-fit:cover}::view-transition-image-pair(recipe-image){overflow:hidden;border-radius:8px}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-rise-in{0%{opacity:0;transform:translateY(12px)}}@keyframes vt-recede{to{opacity:0;transform:translate(-6%) scale(.94);filter:blur(3px)}}@keyframes vt-push-in{0%{opacity:0;transform:translate(14%)}}@keyframes vt-push-out{to{opacity:0;transform:translate(14%)}}@keyframes vt-resurface{0%{opacity:0;transform:translate(-6%) scale(.94);filter:blur(3px)}}@keyframes deal-in{0%{opacity:0;transform:translateY(18px) scale(.96) rotate(-.8deg)}}