:root{--ink:#173b2d;--green:#19a55a;--dark:#0b7f40;--mint:#e8f7ed;--cream:#f7f6ef;--muted:#6d7f76;--line:#dde4dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.5 Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{height:72px;padding:0 max(22px,7vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f7f6eff2;backdrop-filter:blur(12px);z-index:5}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:23px;font-weight:800;text-decoration:none}.brand i{font-style:normal;background:var(--green);color:white;width:31px;height:31px;border-radius:10px 10px 10px 3px;display:grid;place-items:center}.avatar{border:0;border-radius:50%;width:38px;height:38px;background:var(--ink);color:white;font-weight:700;font-size:11px}nav{display:flex;gap:32px;height:100%}nav a{display:grid;place-items:center;text-decoration:none;color:var(--muted);font-weight:700;font-size:13px;border-bottom:2px solid transparent}nav .active{color:var(--ink);border-color:var(--green)}.hero{padding:70px max(22px,8vw);display:grid;grid-template-columns:1fr 260px;gap:50px;align-items:end;background:linear-gradient(115deg,var(--cream) 65%,#edf7ec)}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--dark);margin:0 0 12px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-3px;margin:0;max-width:850px}.hero h1 em{font-style:normal;color:var(--green)}.hero>div>p:last-child{color:var(--muted);font-size:17px;max-width:620px}.hero aside{background:var(--ink);color:white;padding:25px;border-radius:20px}.hero aside b{font-size:30px}.hero aside span{color:#bed0c7}.hero aside small{display:block;border-top:1px solid #ffffff25;margin-top:14px;padding-top:14px;color:#bed0c7}.workspace,.recipes{max-width:1280px;margin:auto;padding:55px 25px;display:grid;grid-template-columns:1.7fr .8fr;gap:26px}.panel{background:white;border:1px solid var(--line);border-radius:21px;padding:32px}.heading{display:flex;justify-content:space-between}.heading span{background:var(--mint);color:var(--dark);height:max-content;padding:6px 11px;border-radius:15px;font-size:11px;font-weight:700}h2{font-size:27px;letter-spacing:-1px;margin:0}#add-form{display:grid;grid-template-columns:1fr 80px 90px auto;gap:7px;margin:23px 0}input,select{border:1px solid #bdc9c1;border-radius:9px;padding:11px;background:white;color:var(--ink);min-width:0}#add-form button,.recipe-heading button{border:0;border-radius:9px;background:var(--ink);color:white;font-weight:700;padding:10px 16px}.inventory{display:grid;grid-template-columns:1fr 1fr;gap:9px}.food{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;border:1px solid #e3e8e3;border-radius:12px;padding:10px;background:#fcfdfa}.food .icon{font-size:20px;background:#eff5e9;border-radius:9px;width:38px;height:38px;display:grid;place-items:center}.food strong{display:block}.food small{color:var(--muted)}.food button{border:0;background:none;color:#9baa9f;font-size:20px}.generator{background:var(--ink);color:white}.generator .kicker{color:#79dc9d}.generator>p:not(.kicker){color:#b9c9c1}.generator label{display:block;margin:19px 0 7px;font-size:11px;font-weight:800}.generator select{width:100%;background:#234b3b;color:white;border-color:#ffffff30}.stepper{display:flex;align-items:center;gap:10px;background:#234b3b;border:1px solid #ffffff30;border-radius:9px;padding:7px}.stepper button{width:30px;height:30px;border:0;border-radius:7px;background:#315b49;color:white}.stepper span{flex:1;color:#b9c9c1;font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{border:1px solid #ffffff30;background:#234b3b;color:#c7d5ce;border-radius:18px;padding:8px 11px;font-size:11px}.chips .on{background:var(--mint);color:var(--dark)}.primary{width:100%;margin-top:25px;border:0;border-radius:9px;background:var(--green);color:white;padding:14px;font-weight:800}.primary b{float:right}.primary:disabled{opacity:.65}.status{font-size:11px!important;color:#ffd2c4!important;text-align:center}.recipes{display:block;padding-top:10px}.recipe-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.recipe-heading>div>p:last-child{color:var(--muted)}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recipe{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.recipe-top{height:125px;background:linear-gradient(135deg,#daf199,#8fc75c);display:grid;place-items:center;font-size:55px;position:relative}.recipe-top span{position:absolute;top:11px;left:11px;background:white;color:var(--dark);font-size:10px;padding:5px 8px;border-radius:13px}.recipe-top button{position:absolute;right:11px;top:10px;border:0;background:white;border-radius:50%;width:32px;height:32px;font-size:19px}.recipe-body{padding:18px}.recipe-body h3{font-size:18px;margin:8px 0}.meta{display:flex;justify-content:space-between;color:var(--dark);font-size:10px;font-weight:800;text-transform:uppercase}.recipe-body>p{font-size:11px;color:var(--muted)}.ready{background:var(--mint);color:var(--dark);padding:8px;border-radius:8px;font-size:10px;font-weight:800}.ready.missing{background:#fff1e5;color:#a75518}.view{width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:12px 0 0;font-weight:800}.view span{float:right;color:var(--green)}footer{display:flex;align-items:center;gap:35px;padding:28px max(22px,8vw);background:#102f24;color:white}footer .brand{color:white}footer p{color:#b9c9c1}.modal-wrap{position:fixed;inset:0;background:#102f24c9;z-index:10;display:grid;place-items:center;padding:20px}.modal-wrap[hidden]{display:none}.modal{background:white;border-radius:22px;padding:35px;max-width:540px;max-height:90vh;overflow:auto;position:relative}.close{position:absolute;right:15px;top:15px;border:0;border-radius:50%;font-size:20px;width:32px;height:32px}.modal li{margin:8px 0}.modal .primary{display:block;text-align:center}.empty{grid-column:1/-1;color:var(--muted);padding:35px;text-align:center;border:1px dashed #b9c7bc;border-radius:15px}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr}.hero aside{display:none}.workspace{grid-template-columns:1fr}.recipe-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){header{height:64px}.hero{padding:42px 20px}.hero h1{font-size:40px;letter-spacing:-2px}.workspace,.recipes{padding:35px 15px}.panel{padding:22px}#add-form{grid-template-columns:1fr 70px}#add-form select,#add-form button{grid-row:2}.inventory,.recipe-grid{grid-template-columns:1fr}.recipe-heading{align-items:flex-start;gap:12px}}