:root{color-scheme:light;--ink:#234336;--paper:#f7f5ed;--line:#d6dcce;--muted:#526451;--orange:#ae421e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}header,main,footer{max-width:1120px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color:inherit;font-size:21px}.plate{font-size:35px;line-height:1;color:var(--orange)}.local{font-size:12px;color:var(--muted)}.intro{padding:20px 0 30px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--orange);font-weight:700}h1{font:normal 56px/1.02 Georgia,serif;letter-spacing:-2px;margin:16px 0}h1 br{display:none}.intro>p:last-child{color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:start}.editor,.results{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fffdf7}.results{background:#eef1e6}.section-head,.ingredient-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head{margin-bottom:18px}h2{font:normal 26px Georgia,serif;margin:0}h3{font-size:15px;margin:0}.actions{display:flex;gap:6px}button,input,select{font:inherit}button{min-height:44px;cursor:pointer;border-radius:8px;border:1px solid var(--line);font-weight:600;padding:9px 13px;color:var(--ink);background:transparent}button:hover{background:#e5eadd}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #be572e;outline-offset:3px}.quiet{border:0;padding:7px;font-size:12px}.servings{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px;background:#f1f1e7;padding:16px;border-radius:10px;margin-bottom:24px}.servings>span{padding-top:22px;text-align:center}label{display:block;font-size:12px;font-weight:700}input,select{display:block;width:100%;min-width:0;border:1px solid #adb9a7;border-radius:6px;background:#fffefa;color:var(--ink);padding:10px;min-height:44px;margin-top:5px}input{font-size:16px}.servings input{font-size:24px;font-weight:700}.hint,#row-count{font-size:11px;color:var(--muted)}.hint{margin:6px 0 14px}.ingredient{display:grid;grid-template-columns:85px 75px minmax(80px,1fr) 34px;gap:7px;border-bottom:1px solid var(--line);padding:12px 0}.ingredient label{font-size:10px;color:var(--muted)}.ingredient input{padding:8px}.remove{align-self:end;padding:0;width:34px;font-size:20px;border:0}.secondary{margin-top:18px;font-size:13px}.badge{border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700;background:#dce5cf;white-space:nowrap}.rounding select{font-size:13px}.summary{font-size:13px;margin:20px 0 12px}.result-row{padding:15px 0;border-top:1px solid #ccd5c2;overflow-wrap:anywhere}.result-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.result-name{font-weight:700}.scaled{font-size:20px;font-family:Georgia,serif;text-align:right}.original,.status{font-size:11px;color:var(--muted);margin-top:4px}.status.warning{color:#924123}.primary{width:100%;background:var(--ink);color:#fff9e9;border-color:var(--ink);margin-top:20px}.primary:hover{background:#365b42}.result-note{font-size:11px;color:var(--muted);margin:12px 0 0}.error{color:#983e20;font-size:13px}.help{margin-top:25px;font-size:13px;border-bottom:1px solid var(--line);padding:15px 0}.help summary{cursor:pointer;font-weight:700;min-height:32px}.help p{max-width:800px;color:var(--muted)}footer{font-size:11px;color:var(--muted);padding-top:0}footer p{max-width:800px}.empty{padding:22px 0;color:var(--muted);font-size:13px}@media(max-width:760px){header,main,footer{padding-left:18px;padding-right:18px}.workspace{grid-template-columns:1fr;gap:16px}h1{font-size:44px}h1 br{display:block}.intro{padding:6px 0 24px}.editor,.results{padding:18px}.local{max-width:90px;text-align:right;font-size:10px}.ingredient{grid-template-columns:75px 65px minmax(70px,1fr) 26px;gap:5px}.remove{width:26px}.section-head{gap:6px}h2{font-size:24px}.actions{gap:0}.quiet{padding:7px 5px}}@media(max-width:360px){.ingredient{grid-template-columns:1fr 1fr 28px}.ingredient label:nth-child(3){grid-column:1/3;grid-row:2}.remove{grid-column:3;grid-row:2}h1{font-size:40px}.editor,.results{padding:14px}}

.editor,.results{min-width:0}.section-head{flex-wrap:wrap}.badge{white-space:normal;overflow-wrap:anywhere;max-width:100%}.result-top>*{min-width:0}.scaled{overflow-wrap:anywhere}