:root{--green:#174f3c;--ink:#202e27;--muted:#637066;--cream:#f7f5ef;--line:#e4e7de;--orange:#a14b2c}*{box-sizing:border-box}body{margin:0;background:#eeeee7;color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc6d38;outline-offset:3px}button:disabled{opacity:.45;cursor:default}a{color:inherit}.app{max-width:980px;margin:auto;min-height:100dvh;background:var(--cream)}header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 14px;padding-top:max(24px,env(safe-area-inset-top))}.brand{font-size:32px;font-weight:800;text-decoration:none;letter-spacing:-1.4px}.brand-dot{color:var(--orange);font-size:30px;margin-left:9px}.avatar{width:44px;height:44px;border-radius:50%;background:#e3e8db;color:var(--green);font-weight:700}main{padding:8px 24px 120px}h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:10px 0 18px}h2{font-size:21px;line-height:1.3;margin:0 0 12px}h3{font-size:18px;margin:0 0 6px;line-height:1.35}p{margin:8px 0}.muted,.meta{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:16px}.notice{font-size:13px;color:var(--muted);margin-bottom:18px}.pill{padding:7px 12px;background:#e8edde;border-radius:30px;color:var(--green);font-size:13px;font-weight:600}.primary{background:var(--green);color:white;border-radius:14px;padding:14px 18px;font-weight:650;min-height:48px}.secondary{background:#e9edde;color:var(--green);border-radius:12px;padding:12px 14px;min-height:44px}.ghost{background:transparent;color:var(--green);padding:10px 8px;min-height:44px}.full{width:100%}.segmented{background:#ebece4;display:flex;border-radius:14px;padding:4px;gap:4px;margin:14px 0}.segmented button{flex:1;border-radius:11px;padding:10px;background:transparent;color:var(--muted)}.segmented .active{background:var(--green);color:white}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:16px 0 24px}.days button{background:white;border:1px solid var(--line);border-radius:14px;min-height:65px;padding:6px 0;font-size:13px;color:var(--muted)}.days b{display:block;font-size:19px;color:var(--ink)}.days .active{background:var(--green);color:#e0e9dd;border-color:var(--green)}.days .active b{color:white}.cards{display:grid;gap:18px}.meal{overflow:hidden;background:white;border:1px solid var(--line);border-radius:22px}.photo-button{display:block;padding:0;background:#e7e8de;width:100%;height:210px;position:relative;text-align:left}.photo-button img{width:100%;height:100%;object-fit:cover}.meal-tag{position:absolute;left:14px;top:14px;background:#fffaf2ed;padding:5px 11px;border-radius:20px;font-size:13px;font-weight:650}.meal-body{padding:17px}.meal-title{background:none;padding:0;text-align:left;color:var(--ink);font-size:20px;line-height:1.3;font-weight:700}.meal-bottom{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.swap{background:#f9ede4;color:var(--orange);padding:9px 13px;border-radius:12px;min-height:44px;font-size:14px}.nutrition{color:var(--green);font-size:14px;margin-top:7px}.section{background:white;border:1px solid var(--line);padding:20px;border-radius:20px;margin-bottom:16px}.section p:last-child{margin-bottom:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.filters button{padding:9px 14px;border-radius:22px;background:white;border:1px solid var(--line);min-height:44px}.filters .active{background:var(--green);color:white}.search,input[type=text],input[type=number],select{width:100%;border:1px solid #cfd7c9;background:white;color:var(--ink);border-radius:12px;padding:13px;min-height:48px}.shopping-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.shopping-row input{width:23px;height:23px;accent-color:var(--green);flex-shrink:0}.shopping-row label{flex:1;overflow-wrap:anywhere}.shopping-row.checked label{text-decoration:line-through;color:var(--muted)}.delete{background:none;color:var(--muted);min-width:44px;min-height:44px;font-size:22px}.add-form{display:flex;gap:8px;margin:18px 0}.add-form input{min-width:0}.empty{text-align:center;padding:32px 16px;color:var(--muted)}.empty-symbol{font-size:44px;color:var(--green)}.setting{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:14px 0}.setting-label{font-weight:600}.switch{appearance:none;-webkit-appearance:none;width:52px;height:32px;background:#cbd1c5;border-radius:20px;position:relative;flex-shrink:0;margin:0;cursor:pointer}.switch:after{content:'';position:absolute;width:26px;height:26px;border-radius:50%;background:white;left:3px;top:3px;box-shadow:0 1px 3px #0002;transition:transform .15s}.switch:checked{background:var(--green)}.switch:checked:after{transform:translateX(20px)}.form-label{display:block;margin:14px 0 6px;font-size:14px;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:16px;margin-top:16px;border-top:1px solid #ccd8bd}.metrics b{display:block;font-size:19px}.cal-total{background:#e7eddb;border-color:#e7eddb}.cal-total strong{font-size:38px;letter-spacing:-1px}.warning{background:#fff0df;color:#77482f;border-radius:12px;padding:12px;font-size:14px}.premium{background:var(--green);color:white}.premium .eyebrow{color:#d3ddb8}.premium .secondary{background:#f4efdd}.premium p{color:#e1e9dc}.nav-label{font-size:12px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:980px;background:#fffefaf5;backdrop-filter:blur(18px);display:flex;border-top:1px solid var(--line);padding:8px 12px max(10px,env(safe-area-inset-bottom));z-index:5}nav button{background:none;color:#7d877d;flex:1;min-height:52px;display:flex;align-items:center;flex-direction:column;gap:3px}nav button.active{color:var(--green);font-weight:700}.icon{width:24px;height:24px;display:block;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}dialog{border:0;padding:0;border-radius:26px 26px 0 0;width:100%;max-width:650px;max-height:94dvh;margin:auto auto 0;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#14291ed0;backdrop-filter:blur(3px)}.detail-top{position:sticky;top:0;background:#f7f5eff5;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line)}.detail-photo{width:100%;height:250px;object-fit:cover}.detail-content{padding:22px 22px max(30px,env(safe-area-inset-bottom))}.ingredients{list-style:none;padding:0}.ingredients li{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:10px 0}.ingredients li span:last-child{white-space:nowrap;color:var(--muted)}.steps{padding-left:22px}.steps li{padding:0 0 16px 8px}.step-big{font-size:23px;line-height:1.55;margin:26px 0}.step-num{font-size:14px;color:var(--orange);font-weight:700}.portion-controls{display:flex;gap:12px;align-items:center}.portion-controls button{width:44px;height:44px;border-radius:12px;background:#e7ebdf;color:var(--green);font-size:22px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#203c30;color:white;padding:12px 20px;border-radius:14px;z-index:20;width:max-content;max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:opacity .15s}#toast.show{opacity:1}@media(min-width:700px){header{padding:26px 36px 16px}main{padding:10px 36px 120px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-button{height:190px}.meal-title{font-size:18px}.meal-bottom{flex-wrap:wrap}.days{max-width:560px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-col .section{margin-bottom:0}dialog{margin:auto;border-radius:26px;max-height:90dvh}}@media(max-width:360px){header{padding-left:16px;padding-right:16px}main{padding-left:16px;padding-right:16px}.days{gap:3px}.metrics{font-size:14px}}

.purchase-form{display:grid;gap:12px;background:white;border:1px solid var(--line);padding:18px;border-radius:20px}.purchase-form label{display:grid;gap:6px;font-size:14px;font-weight:600;min-width:0}.purchase-form input,.purchase-form select{font-size:16px;width:100%;min-width:0}.quantity-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px}

.purchase-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #c3d1ba;background:#fafff4;border-radius:16px;box-shadow:0 8px 24px #174f3c22;animation:appear .16s ease-out}.purchase-confirm[hidden]{display:none}.purchase-confirm>div{min-width:0}.purchase-confirm strong{display:block;font-size:18px;overflow-wrap:anywhere}.purchase-confirm button{flex-shrink:0}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.purchase-confirm{animation:none}}