*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fdf6f0;--bg2: #fff9f6;--bg3: #fceee6;--border: #ead9d0;--border2: #ddc9be;--text: #3d2c26;--text2: #8a6a60;--text3: #b89d94;--gold: #c4788a;--gold-dim: #a85e70;--sage: #7a9e87;--sage-dim: #5c8068;--green: #7aaa7a;--red: #c45a5a;--font-display: "Playfair Display", Georgia, serif;--font-mono: "DM Mono", "Courier New", monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--nav-height: 72px}html,body{height:100%}#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-display);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:var(--font-mono);cursor:pointer}input,textarea{font-family:var(--font-display)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg3)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes pageFade{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .3s ease forwards}.fade-in{animation:fadeIn .2s ease forwards}.slide-left{animation:slideInLeft .22s cubic-bezier(.25,.46,.45,.94) forwards}.slide-right{animation:slideInRight .22s cubic-bezier(.25,.46,.45,.94) forwards}.page-fade{animation:pageFade .2s ease forwards}.add-item-form,.add-item-row2{display:flex;gap:8px;align-items:center}@media (max-width: 600px){.add-item-form{flex-direction:column;align-items:stretch}.add-item-row2{width:100%}.add-item-row2 select{flex:1}}.ingredient-row{display:flex;flex-direction:column;gap:6px}.ingredient-row-meta{display:flex;gap:6px;align-items:center}@media (min-width: 600px){.ingredient-row{display:grid;grid-template-columns:1fr auto;align-items:start}.ingredient-row-meta{display:flex;gap:6px;align-items:center}.ingredient-row-meta input{width:90px!important}}.checked-controls{display:flex;gap:8px;margin-bottom:16px}@media (max-width: 600px){.checked-controls{width:100%}.checked-controls button{flex:1;font-size:12px!important;padding:8px 4px!important;text-align:center}}