:root{--ink:#233126;--green:#27613f;--lime:#d9ed78;--cream:#f7f4ea;--card:#fff;--muted:#687269;--line:#dfe4dc;--orange:#e46f42}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{max-width:1180px;margin:auto;padding:0 20px}.header{border-bottom:1px solid var(--line);z-index:20;background:#fff;position:sticky;top:0}.nav{align-items:center;gap:24px;height:68px;display:flex}.brand{color:var(--green);margin-right:auto;font-size:24px;font-weight:900}.navlinks{gap:18px;font-size:14px;font-weight:700;display:flex}.hero{padding:52px 0 28px}.hero h1{max-width:720px;margin:0 0 16px;font-size:clamp(34px,6vw,64px);line-height:.98}.hero p{color:var(--muted);max-width:620px;font-size:18px}.toolbar{border:1px solid var(--line);background:#fff;border-radius:18px;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:14px;display:flex}.input{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:150px;padding:12px 14px}.search{flex:1;min-width:240px}.grid{grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:100px;display:grid}.card{background:#fff;border:1px solid #e5e8e1;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 5px 25px #26402a12}.card img{object-fit:cover;width:100%;height:210px}.cardbody{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex}.card h2{margin:0;font-size:21px}.meta{color:var(--muted);font-size:14px}.tags{flex-wrap:wrap;gap:7px;display:flex}.tag{color:#38531d;background:#eef4dc;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:700}.actions{gap:9px;margin-top:auto;display:flex}.btn{cursor:pointer;background:var(--green);color:#fff;border:0;border-radius:12px;padding:11px 15px;font-weight:800}.btn.secondary{color:var(--ink);background:#eef0eb}.btn.danger{color:#9a321c;background:#f8e3dc}.btn:disabled{opacity:.45;cursor:not-allowed}.sticky{z-index:30;background:var(--ink);color:#fff;border-radius:18px;align-items:center;gap:16px;width:min(620px,100% - 24px);padding:12px 18px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0004}.sticky strong{margin-right:auto}.page{padding:36px 0 100px}.page h1{margin:0 0 10px;font-size:38px}.panel{border:1px solid var(--line);background:#fff;border-radius:20px;margin:20px 0;padding:22px}.recipehero{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;display:grid}.recipehero img{object-fit:cover;border-radius:24px;width:100%;height:430px}.ingredients{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px;display:flex}.row span:first-of-type{flex:1}.category{color:var(--green);margin-top:26px}.empty{text-align:center;padding:60px 20px}.notice{color:#6a4a00;background:#fff2c9;border-radius:12px;padding:12px}.heart{font-size:20px}.mobilelabel{display:none}@media (max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.navlinks{border-top:1px solid var(--line);z-index:25;background:#fff;justify-content:space-around;align-items:center;height:62px;position:fixed;bottom:0;left:0;right:0}.navlinks a{text-align:center;font-size:11px}.mobilelabel{display:block}.recipehero{grid-template-columns:1fr}.recipehero img{height:300px}.sticky{bottom:72px}}@media (max-width:560px){.grid{grid-template-columns:1fr}.hero{padding-top:32px}.ingredients{grid-template-columns:1fr}.card img{height:220px}.page h1{font-size:32px}.recipehero img{height:240px}.container{padding:0 14px}}
.recipe-placeholder{color:#27613f;background:linear-gradient(135deg,#d9ed78,#9bc68a);place-items:center;height:210px;font-size:28px;font-weight:900;display:grid}.recipe-placeholder.large{border-radius:24px;height:430px}.product-choice{border-bottom:1px solid var(--line);grid-template-columns:minmax(140px,.6fr) minmax(220px,1.4fr) 1fr;align-items:center;gap:12px;padding:14px 0;display:grid}.product-total{flex-direction:column;gap:3px;display:flex}.bonus{color:#d25319}.product-choice:last-child{border:0}textarea.input{font:inherit;resize:vertical}@media (max-width:700px){.product-choice{grid-template-columns:1fr}.recipe-placeholder.large{height:300px}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-sun{display:none}html[data-theme=dark] .theme-sun{display:block}html[data-theme=dark] .theme-moon{display:none}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf5ee;--green:#82d49e;--lime:#657f2e;--cream:#101612;--card:#19211b;--muted:#b9c6bb;--line:#3d5042;--orange:#ff946c}html[data-theme=dark] body{background:var(--cream)}html[data-theme=dark] .header,html[data-theme=dark] .navlinks,html[data-theme=dark] .card,html[data-theme=dark] .panel,html[data-theme=dark] .toolbar,html[data-theme=dark] .input{color:var(--ink);border-color:var(--line);background:#19211b}html[data-theme=dark] .tag{color:#e1f5c8;background:#304829}html[data-theme=dark] .btn{color:#102017;background:#82d49e}html[data-theme=dark] .btn.secondary{color:#f1f7f2;background:#2c3a30;border:1px solid #48604f}html[data-theme=dark] .btn.danger{color:#ffd0c5;background:#573129}html[data-theme=dark] .notice{color:#ffe59a;background:#493d1c}html[data-theme=dark] .card{box-shadow:0 8px 28px #0005}html[data-theme=dark] .sticky{color:#f7fbf8;background:#243228;border:1px solid #506657;box-shadow:0 12px 36px #0009}html[data-theme=dark] .sticky .btn{color:#102017;background:#82d49e}.theme-toggle{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.theme-toggle:hover{background:var(--lime)}
.confirm-box{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;margin:20px 0;padding:16px;font-weight:700;display:flex}.order-page>.actions{background:var(--cream);z-index:10;padding:12px 0;position:sticky;bottom:86px}[aria-disabled=true]{opacity:.45;pointer-events:none}
.mapping-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.mapping-row:last-child{border-bottom:0}@media (max-width:640px){.mapping-row{flex-direction:column;align-items:flex-start}}