html{background:#f7f5f1;min-height:100%}:root{color:#29231f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f5f1;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f7f5f1;min-width:320px;margin:0}button,a{font:inherit}.app-shell{max-width:720px;min-height:100svh;padding:1.25rem 1rem calc(5rem + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow,.page-kicker{color:#b43b2f;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}h1,h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500}h1{letter-spacing:-.05em;margin-top:.25rem;font-size:clamp(2rem,8vw,3.6rem)}.icon-button{color:#8f3128;background:0 0;border:1px solid #d9d0c7;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;display:grid}.app-main{flex:1;align-content:center;gap:.9rem;padding:3rem 0;display:grid}.app-main h2{max-width:18ch;font-size:clamp(2.2rem,9vw,4rem);line-height:.98}.page-copy{color:#766e67;max-width:32rem;margin:0;font-size:1rem;line-height:1.5}.notice{color:#8f3128;background:#fbe9e5;border-radius:.8rem;margin:0;padding:.8rem 1rem;font-size:.85rem}.library,.detail{gap:1rem;display:grid}.section-heading,.detail-heading,.row-heading,.button-row,.metric-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading h2,.detail-heading h2{font-size:clamp(2rem,8vw,3.2rem)}.small-button,.secondary-button,.text-button,.back-button,.link-button{color:#a9372d;cursor:pointer;background:0 0;border:0}.small-button{border:1px solid #dfc9c1;border-radius:.75rem;padding:.65rem .8rem;font-size:.82rem;font-weight:700}.back-button{justify-self:start;padding:0}.recipe-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ded7d0;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.recipe-card strong,.recipe-card small{display:block}.recipe-card strong{font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:500}.recipe-card small{color:#766e67;margin-top:.35rem}.empty-state,.panel{background:#fffefa;border:1px solid #e5ded7;border-radius:1.25rem;padding:1.25rem;box-shadow:0 .8rem 2rem #4f38280d}.empty-state{align-content:center;gap:.85rem;min-height:20rem;display:grid}.empty-state h2{max-width:14ch;font-size:clamp(2rem,8vw,3rem);line-height:1}.empty-state p{color:#766e67;margin:0;line-height:1.5}.empty-state.compact{min-height:12rem}.primary-button{color:#fff;cursor:pointer;background:#b43b2f;border:0;border-radius:.85rem;min-height:3.2rem;font-weight:700}.primary-button:disabled{opacity:.45;cursor:not-allowed}.editor-panel{gap:1.2rem;display:grid}.editor-panel label{color:#5f5750;gap:.4rem;font-size:.8rem;font-weight:700;display:grid}input{width:100%;min-height:2.8rem;color:inherit;background:#fffefa;border:1px solid #d9d0c7;border-radius:.7rem;padding:.65rem .75rem}.subsection{gap:.65rem;display:grid}.subsection h3{margin:0;font-size:1rem}.input-row{grid-template-columns:1fr 5rem auto;align-items:center;gap:.45rem;display:grid}.input-row span,.row-heading span{color:#766e67;font-size:.8rem}.link-button{justify-self:start;padding:.2rem 0;font-size:.85rem}.validation-message{color:#a9372d;margin:0;font-size:.82rem}.button-row{align-items:stretch}.button-row .primary-button{flex:1}.secondary-button{padding:0 .5rem}.tabs{background:#eee9e3;border-radius:.85rem;grid-template-columns:repeat(2,1fr);gap:.25rem;padding:.25rem;display:grid}.tab{color:#766e67;cursor:pointer;background:0 0;border:0;border-radius:.65rem;min-height:2.5rem}.tab.active{color:#a9372d;background:#fffefa;font-weight:700}.detail-card{gap:1.5rem;display:grid}.detail-card p{color:#766e67;margin:0}.metric-row{border-top:1px solid #e5ded7;border-bottom:1px solid #e5ded7;padding:.8rem 0}.calculator{gap:1rem;display:grid}.calculator h2{font-size:clamp(2rem,8vw,3.2rem)}.size-row{border-bottom:1px solid #eee8e1;grid-template-columns:1fr 5rem auto auto;align-items:end;gap:.5rem;padding:1rem 0;display:grid}.size-row label{color:#766e67;gap:.35rem;font-size:.75rem;display:grid}.size-weight{color:#a9372d;white-space:nowrap;padding-bottom:.8rem;font-size:.8rem;font-weight:700}.remove-button{color:#a9372d;cursor:pointer;background:0 0;border:0;width:2rem;height:2rem;margin-bottom:.4rem;font-size:1.25rem}.ingredient-list,.portion-list{gap:.7rem;display:grid}.ingredient-row,.portion-row{color:#5f5750;justify-content:space-between;align-items:center;display:flex}.ingredient-row strong,.portion-row strong{color:#29231f}.calculation-summary{background:#fbe9e5;border-radius:1rem;gap:.8rem;padding:1rem;display:grid}.calculation-summary>div{justify-content:space-between;align-items:baseline;display:flex}.calculation-summary span{color:#766e67}.calculation-summary strong{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500}.backup-controls{border-top:1px solid #e5ded7;flex-wrap:wrap;gap:.7rem;padding-top:1rem;display:flex}textarea{width:100%;min-height:5rem;color:inherit;resize:vertical;background:#fffefa;border:1px solid #d9d0c7;border-radius:.7rem;padding:.65rem .75rem}.save-dialog{gap:1rem;display:grid}.bottom-nav{background:#fffefa;border:1px solid #e5ded7;border-radius:1.25rem;grid-template-columns:repeat(2,1fr);gap:.35rem;padding:.35rem;display:grid;box-shadow:0 .8rem 2rem #4f382812}.nav-item{color:#766e67;border-radius:1rem;place-items:center;gap:.3rem;min-height:3.5rem;font-size:.82rem;text-decoration:none;display:grid}.nav-item span{font-size:1.1rem}.nav-item-active{color:#a9372d;background:#fbe9e5;font-weight:700}@media (width>=700px){.app-shell{padding-inline:2rem}.bottom-nav{width:min(100%,28rem);margin-inline:auto}}