*,:before,:after{box-sizing:border-box}html,body{color:#1e2a16;-webkit-font-smoothing:antialiased;background:#f5f2ea;margin:0;padding:0;font-family:Outfit,system-ui,sans-serif}#root{min-height:100vh}a{color:#2f4a1e}a:hover{color:#5d8a3a}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}input::placeholder{color:#8a937f}@keyframes ssToast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes ssSheet{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.side-nav{display:none}.bottom-nav{display:flex}@media (width>=900px){.side-nav{display:flex}.bottom-nav{display:none}}.app-shell{color:#1e2a16;background:#f5f2ea;flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;min-width:0;padding-bottom:84px}@media (width>=900px){.app-shell{flex-direction:row}.app-main{padding-bottom:24px}}.ss-toast{bottom:96px}@media (width>=900px){.ss-toast{bottom:28px}}.recipe-grid{grid-template-columns:minmax(0,1fr)}@media (width>=900px){.recipe-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.sticky-actions{bottom:76px}@media (width>=900px){.sticky-actions{bottom:0}}