@font-face{font-family:'Manrope Kitchen';src:url('./fonts/manrope-400.woff2?v=a30ddcd349') format('woff2');font-weight:400;font-display:optional}@font-face{font-family:'Manrope Kitchen';src:url('./fonts/manrope-700.woff2?v=a30ddcd349') format('woff2');font-weight:700 900;font-display:optional}
@media screen{
:root{--ink:#30272a;--muted:#6d5957;--blue:#b43d25;--blue-ink:#8e2d20;--blue-hover:#8a2b1d;--band:#fff2ec;--band-line:#ead3ca;--focus:#b43d25;--line:#e3d7d2;--font:'Manrope Kitchen','Helvetica Neue',sans-serif;--ui:var(--font);--num:var(--font)}html{scrollbar-gutter:stable;scroll-behavior:smooth}body{font-family:var(--font);font-size:17px;background:#fcf8f6;color:var(--ink)}.topbar{max-width:1480px;margin:auto;padding:20px 28px;border-bottom:1px solid #e4d8d4;background:transparent;min-height:84px}.brand{font-size:26px;letter-spacing:-1px}.brand-mark rect{fill:#b43d25}.brand-mark circle{fill:#ffd186}.topnav{font-size:15px;gap:20px}.topnav a{color:#654c45;min-height:44px;display:inline-flex;align-items:center}.intro{max-width:1480px;position:relative;margin:auto;padding:42px 28px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 40px;align-items:end}.recipe-eyebrow{grid-column:1/-1;font-size:12px;font-weight:700;letter-spacing:.14em;color:#865344;margin:0 0 8px}.intro h1{font-size:clamp(32px,3.5vw,49px);font-weight:800;letter-spacing:-1.5px;line-height:1.12;max-width:800px;margin-bottom:16px}.lede{font-size:18px;line-height:1.7;max-width:800px;color:#6c5954}.ladder{border:1px solid #e6d5cc;border-left:4px solid #b43d25;background:white;padding:15px 18px;border-radius:0 10px 10px 0;min-width:214px;align-self:end}.ladder li{font-size:15px;padding:5px 0}.bench{max-width:1424px;margin:0 auto 40px;display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;align-items:start}.sheet{border:1px solid #dccac1;border-radius:14px;overflow:clip;background:#fff;box-shadow:0 7px 24px #6d433b07}.sheet-head{padding:22px 22px 18px;gap:16px;border-bottom:1px solid #eee0da}.sheet-head .name-field{flex:1;min-width:220px}.name-field input{font-size:23px;font-weight:700;min-height:44px;padding:6px 0}.lbl{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#775a51}.head-actions{display:flex;flex-wrap:wrap;gap:7px}.btn{font-size:14px;min-height:44px;border-radius:7px;padding:9px 13px;line-height:1.4}.btn.primary{background:#b43d25;border-color:#b43d25;color:white}.btn.primary:hover{background:#902d1b}.btn.ghost{border-color:#dac9c1;color:#745043;background:#fff}.badge{background:#fff0ce;color:#795015;font-size:12px;line-height:1.4}.servings{margin:0;padding:22px;gap:14px;background:#fff5f0;border-bottom:1px solid #eddcd2;align-items:center;flex-wrap:wrap}.serve-box{min-width:130px}.serve-box.target{background:none}.serve-arrow{font-size:26px;color:#b43d25}.stepper{border-color:#d7bdb1;border-radius:9px;overflow:clip;max-width:170px;background:white}.stepper input{font-size:26px;font-weight:700;background:white;min-width:0;width:72px;min-height:48px}.step{min-height:48px;width:40px;color:#754b3c;font-size:20px}.chips{gap:7px;flex:1 1 230px}.chip{min-width:46px;min-height:42px;border-radius:7px;background:white;border-color:#dfc9bd;font-size:14px}.chip[aria-pressed=true]{background:#b43d25;color:white;border-color:#b43d25}.factor{min-width:74px}.factor output{font-size:27px;color:#a43620;font-weight:700}.measure-mode{padding:14px 22px;gap:8px;background:#fff;flex-wrap:wrap;border-bottom:0}.mode-btn{font-size:14px;min-height:42px;border-radius:7px}.mode-btn[aria-pressed=true]{background:#30272a;color:white}.grid-head,.row{grid-template-columns:82px 78px minmax(115px,1fr) minmax(150px,1.1fr) 32px;column-gap:9px}.grid-head{margin:0 22px;padding:12px 8px;background:#f5eeea;color:#775a51;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:6px}.grid-head .for{color:#99351f}.rows{padding:0 22px}.row{padding:15px 8px;border-bottom:1px solid #eee5df;align-items:start}.row input{font-size:16px;min-height:46px;line-height:1.5;border-radius:5px;border:1px solid #e2d6cf;background:#fff;padding:8px}.row .amount{font-weight:700}.row .name{font-size:15px}.row .out{padding:8px 0 2px;min-width:0}.out-main{font-size:18px!important;font-weight:700;color:#99351f;line-height:1.5}.exact{font-size:12px!important;color:#7f6559;line-height:1.6}.row .remove{width:32px;height:44px;min-height:44px;font-size:20px;color:#91685b}.row .note{grid-column:1/-1;margin:8px 0 0;font-size:13px;line-height:1.6;background:#fff4dd;color:#704c13;padding:9px 12px;border-radius:5px}.row .note a{color:#7c3b18;text-underline-offset:3px}.row.has-error{background:#fff0ec}.row.needs-review{box-shadow:inset 3px 0 #b57615}.sheet-foot{padding:18px 22px;gap:16px}.hint{font-size:13px;line-height:1.6}.bench>.card{position:static;background:#30272a;color:white;border:0;border-radius:14px;padding:24px 22px;overflow:clip;box-shadow:none;border-top:6px solid #e8856c}.card h2{font-size:25px;letter-spacing:-.6px}.card-sub{font-size:14px;color:#edcec2}.card .list{padding:14px 0}.card .list li{padding:13px 0;border-bottom:1px solid #675354;font-size:16px;line-height:1.65;overflow-wrap:anywhere}.card .list input{accent-color:#efad6c;flex-shrink:0}.card-note{font-size:13px;color:#e5d2cb;line-height:1.7}.card-actions{display:grid;grid-template-columns:1fr;gap:10px}.card-actions .btn{width:100%;font-size:15px}.card .btn.primary{background:#f6ac7c;color:#3b281f;border-color:#f6ac7c}.card .btn.ghost{background:transparent;border-color:#ac8d81;color:white}.paste{padding:20px 22px;background:#fff7ee}.paste textarea{font-size:16px;min-height:160px}.paste-actions{flex-wrap:wrap;gap:8px}.paste #paste-status{width:100%;padding:8px 0;font-size:14px;color:#72502c}.how,.convert{max-width:1424px;margin:38px auto;padding:28px;background:#fff;border:1px solid #e4d6ce;border-radius:12px}.how h2,.convert h2{font-size:30px;letter-spacing:-.7px}.how-grid{gap:28px}.how h3{font-size:19px}.how p,.how li,.convert p{font-size:16px;line-height:1.8}.foot{font-size:15px;padding:30px;margin-top:40px}.error{font-size:15px;padding-inline:22px}.unit-form input,.unit-form select{font-size:16px;min-height:46px}a{color:#973b25}.serve-box .lbl{display:block;margin-bottom:6px}.row input:focus{outline:3px solid #eeb09b;outline-offset:1px;border-color:#a54127}
@view-transition{navigation:auto}::view-transition-old(root){animation:none}::view-transition-new(root){animation:kitchen-enter .18s ease-out}@keyframes kitchen-enter{from{opacity:0}to{opacity:1}}
@media(max-width:1480px){.bench,.how,.convert{margin-left:24px;margin-right:24px}}@media(max-width:1120px){.bench{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.grid-head,.row{grid-template-columns:65px 62px minmax(95px,1fr) minmax(125px,1fr) 28px;gap:7px}.rows{padding:0 14px}.grid-head{margin:0 14px}.row input{padding:7px 5px}.sheet-head{padding:18px}.intro{grid-template-columns:1fr}.ladder{display:flex;gap:20px;min-width:0;padding:10px 15px;align-self:start;justify-content:space-between}.ladder li{gap:8px}.bench>.card{padding:20px 16px}.card h2{font-size:23px}.card .list li{font-size:15px}}@media(max-width:880px){.bench{grid-template-columns:1fr}.bench>.card{max-width:none}.card .list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.card-actions{grid-template-columns:1fr 1fr}.grid-head,.row{grid-template-columns:78px 72px minmax(110px,1fr) minmax(150px,1fr) 28px}.topbar{flex-wrap:wrap;gap:12px}.topnav{flex-wrap:wrap;font-size:14px}}@media(max-width:600px){.topbar{padding:16px}.brand{font-size:24px}.topnav{gap:6px 16px}.intro{padding:26px 16px}.recipe-eyebrow{font-size:12px;line-height:1.6;margin-bottom:14px}.intro h1{font-size:34px;letter-spacing:-1px}.lede{font-size:16px}.ladder{gap:8px;flex-wrap:wrap;justify-content:start}.ladder li{font-size:12px}.bench,.how,.convert{margin-left:12px;margin-right:12px}.sheet-head{padding:18px 14px}.sheet-head .name-field{min-width:0;width:100%;flex:1 1 100%}.head-actions{width:100%;gap:6px}.head-actions .btn{flex:1;min-width:0;font-size:15px}.servings{padding:18px 14px;gap:12px}.serve-box{min-width:0;flex:1}.stepper{max-width:none}.stepper input{width:58px;font-size:24px;flex:1}.step{width:34px;min-width:34px}.serve-arrow{font-size:22px}.chips{flex-basis:100%;justify-content:space-between;order:3}.factor{min-width:62px;order:4;margin:0;display:flex;gap:10px;align-items:center}.factor output{font-size:24px}.measure-mode{padding:14px;gap:7px}.measure-mode>.lbl{width:100%;margin-bottom:3px}.grid-head{display:none}.rows{padding:0 14px}.row{grid-template-columns:65px 65px minmax(0,1fr) 30px;gap:8px;padding:16px 0}.row input{font-size:16px;padding:8px 5px}.row .amount{grid-column:1}.row .unit{grid-column:2}.row .name{grid-column:3}.row .remove{grid-column:4;grid-row:1}.row .out{grid-column:1/-1;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;background:#fff4ee;padding:10px 12px;border-radius:6px}.row .out::before{content:'SCALED';font-size:12px;font-weight:700;letter-spacing:.08em;color:#775a51}.row .out-main{font-size:19px!important;margin:0}.row .out .exact{width:100%}.row .note{font-size:13px;padding:10px}.sheet-foot{padding:16px 14px;flex-wrap:wrap}.card .list{grid-template-columns:1fr}.card-actions{grid-template-columns:1fr}.how,.convert{padding:22px 16px}.how-grid{grid-template-columns:1fr}.how h2,.convert h2{font-size:27px}.card h2{font-size:26px}.unit-form{grid-template-columns:1fr}.how p,.how li,.convert p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-new(root){animation:none}}
}
@media print{.recipe-eyebrow,#paste-review{display:none!important}}

[hidden]{display:none!important}
@media screen{body::before{display:none}.row.needs-review:not(.has-error){border-left:0}}

@media screen{.card::before{display:none}.card-head{padding:22px}.card .list{padding:0 22px}.card .buy-note{padding-inline:22px}}

@media screen{.bench>.card .card-head{padding:0 0 18px;border-bottom:1px solid #705e5e}.bench>.card .list{padding:12px 0}.bench>.card .list label{grid-template-columns:26px minmax(0,1fr);padding:0;gap:8px}.bench>.card .list .item{padding-left:0}.bench>.card .card-sub,.bench>.card .card-note{color:#e1d1ce;font-size:15px}.bench>.card .card-note{padding:12px 0 0}.bench>.card .card-actions{padding:18px 0 0;background:transparent}.bench>.card .card-actions .btn{min-height:46px}.bench>.card .list-empty{padding:20px 0;color:#e1d1ce}}

@media screen and (max-width:600px){.head-actions{flex-wrap:wrap}.head-actions .btn{white-space:normal;min-height:46px;font-size:15px}.head-actions .btn:first-child{flex-basis:100%}}
@media screen{.ladder::before{content:'Converts like this';display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#865344;margin:0 0 7px}@media(max-width:1120px){.ladder::before{flex:0 0 100%;margin:0 0 2px}}}