:root{--bg:#fbfcfb;--surface:#fff;--soft:#f2f5f3;--text:#29313a;--text-h:#101820;--muted:#65707a;--border:#dfe6e2;--green:#0b8f3f;--green-strong:#006b2f;--green-soft:#edf8f0;--tomato:#ff3b30;--tomato-soft:#ffe6e4;--gold:#f4b942;--shadow:0 12px 34px #172d2214;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#fbfcfb;--surface:#fff;--soft:#f2f5f3;--text:#29313a;--text-h:#101820;--muted:#65707a;--border:#dfe6e2;--green:#0b8f3f;--green-strong:#006b2f;--green-soft:#edf8f0;--tomato-soft:#ffe6e4;--shadow:0 18px 44px #10182014}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{overscroll-behavior-y:none;min-width:320px;margin:0}a,button,input,select,textarea{outline-color:var(--green);outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--green)}img{max-width:100%}::selection{background:var(--green-soft);color:var(--text-h)}.app-shell,.onboarding{min-height:100svh;color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.54}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--green) 45%, transparent);outline-offset:3px}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px}.status-banner{z-index:20;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--tomato-soft);color:var(--text-h);justify-content:center;align-items:center;gap:8px;font-size:.92rem;font-weight:800;display:flex;position:sticky;top:0}.topbar{z-index:10;width:168px;padding:calc(34px + env(safe-area-inset-top)) 26px 24px;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;flex-direction:column;align-items:stretch;gap:28px;display:flex;position:fixed;inset:0 auto 0 0}.brand,.topbar nav,.meta-row,.hero-actions,.card-actions,.step-actions,.trust-row,.detail-stats,.timer-strip,.section-heading,.card-topline,.cooking-header{align-items:center;display:flex}.brand{color:var(--tomato);letter-spacing:-.04em;gap:8px;font-size:2rem;font-weight:900;text-decoration:none}.topbar nav{background:0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:10px;padding:0}.topbar nav button,.bottom-nav button,.icon-button,.secondary-action,.recipe-card button,.step-actions button{color:var(--muted);background:0 0;border:0;border-radius:7px}.topbar nav button{text-align:left;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 16px;font-size:.94rem;font-weight:750;display:flex}.active-nav,.topbar nav button:hover,.bottom-nav button:hover{box-shadow:none;background:var(--green-soft)!important;color:var(--text-h)!important}.icon-button{place-items:center;width:38px;height:38px;display:inline-grid}.recipe-card .icon-button{color:var(--tomato);background:#fffffff2;box-shadow:0 4px 12px #1018201f}.saved{color:var(--tomato);background:#fff}main{width:min(980px,100% - 220px);padding:58px 0 calc(80px + env(safe-area-inset-bottom));margin:0 auto 0 calc(168px + clamp(32px,5vw,70px))}.mode-strip{gap:12px;margin:0 0 20px;display:grid}.mode-grid{flex-wrap:wrap;gap:10px;display:flex}.mode-card{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);text-align:center;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.mode-card:hover,.recipe-card:hover{transform:translateY(-1px)}.mode-card svg{color:var(--green);width:17px;height:17px}.mode-card span{color:var(--text-h);font-weight:900}.mode-card small{display:none}.active-mode{border-color:var(--green);background:var(--green-soft);box-shadow:none}.hero-band{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:stretch;gap:26px;margin-bottom:22px;display:grid}.hero-band>div:first-child{padding:28px 0 0}h1,h2,h3{color:var(--text-h);letter-spacing:0}h1{letter-spacing:-.035em;max-width:680px;margin:0 0 8px;font-size:clamp(2.25rem,4vw,3.35rem);line-height:1.02}h2{margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.08}h3{margin:0;font-size:1.03rem}p{margin:0}.hero-band p{max-width:650px;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px}.tonight-pick{grid-template-columns:minmax(138px,.44fr) minmax(0,.56fr);align-items:stretch;gap:16px;width:min(660px,100%);margin-top:22px;padding:14px;display:grid}.tonight-pick>img,.tonight-pick>.image-fallback{object-fit:cover;border-radius:12px;width:100%;height:100%;min-height:224px}.tonight-pick>div{align-content:start;gap:10px;min-width:0;display:grid}.tonight-pick p:not(.section-label){color:var(--muted);font-size:.94rem;line-height:1.42}.top-pick-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.easier-pick{background:var(--soft);color:var(--text-h);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;font-size:.88rem;font-weight:750;display:grid}.easier-pick svg{color:var(--green)}.easier-pick button,.filter-summary button{background:var(--surface);min-height:34px;color:var(--text-h);border:0;border-radius:7px;font-weight:850}.primary-action,.secondary-action{border:1px solid #0000;border-radius:8px;min-height:44px;padding:0 16px;font-weight:800}.primary-action{background:var(--green);color:#fff;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.secondary-action{background:var(--surface);color:var(--text-h);border-color:var(--border)}.quick-plan{align-self:end;gap:14px;padding:24px;display:grid}.quick-plan svg,.insights-grid svg,.learn-panel svg,.feedback-strip svg,.install-card svg,.account-panel svg,.analytics-panel svg,.pantry-panel>svg{color:var(--green)}.meal-row{border-top:1px solid var(--border);color:var(--text-h);grid-template-columns:78px 1fr;gap:12px;padding:12px 0;font-weight:700;display:grid}.plan-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.plan-stats span{background:var(--soft);color:var(--text-h);text-align:center;border-radius:7px;padding:9px;font-size:.84rem;font-weight:900}.quick-actions,.shopping-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.getting-started-card{border:1px solid var(--border);width:min(560px,100%);min-height:122px;color:var(--text-h);text-align:left;box-shadow:var(--shadow);background:linear-gradient(135deg,#edf8f0f5,#fffffff5);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:10px 14px;margin-top:22px;padding:18px 18px 16px;display:grid;position:relative}.advanced-filter-panel{gap:12px;display:grid}.filter-summary{background:var(--soft);color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:.9rem;font-weight:750;display:flex}.getting-started-card>div{gap:3px;display:grid}.getting-started-card>div:first-child{color:var(--text-h);grid-column:1/-1;justify-content:space-between;display:flex}.getting-started-card small,.getting-started-card span{color:var(--muted)}.mini-progress{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:6px!important;display:grid!important}.mini-progress span{background:#d7e5dc;border-radius:999px;height:7px}.mini-progress .done{background:var(--green)}.woolworths-card{width:100%;min-height:82px;color:var(--text-h);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:18px 0;padding:16px 20px;display:grid}.woolworths-card>span{background:var(--green-soft);width:52px;height:52px;color:var(--green);border-radius:16px;place-items:center;font-size:2rem;font-weight:950;line-height:1;display:inline-grid}.woolworths-card div{gap:3px;display:grid}.woolworths-card small{color:var(--muted)}.home-week{gap:12px;margin:10px 0 22px;display:grid}.home-week .section-heading{margin-bottom:0}.week-strip{grid-template-columns:repeat(7,minmax(78px,1fr));gap:10px;display:grid}.day-pill{border:1px solid var(--border);background:var(--surface);min-height:92px;color:var(--text-h);border-radius:14px;justify-items:center;gap:7px;padding:9px 8px;font-size:.82rem;font-weight:800;display:grid}.day-pill.active{border-color:var(--green);background:var(--green-soft);color:var(--green-strong)}.day-pill img,.day-pill .image-fallback{object-fit:cover;border-radius:50%;width:44px;height:44px;box-shadow:0 8px 18px #10182021}.day-pill .image-fallback{min-height:44px;padding:0;font-size:0}.shopping-summary{justify-content:flex-end}.meal-row span,.section-label,.card-topline span,.source-note,.meta-row,.grocery-row small{color:var(--muted)}.section-label,.card-topline span{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.filter-section{box-shadow:none;background:0 0;border:0;margin-bottom:18px;padding:0}.section-heading{justify-content:space-between;gap:16px;margin-bottom:16px}.search-box{border:1px solid var(--border);min-height:38px;color:var(--muted);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;min-width:220px;min-height:38px;padding:0}.filter-drawer,.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-h);border-radius:8px;padding:0 12px;font-size:.9rem;font-weight:700}.chip.active,.selected-card{border-color:var(--green);background:var(--green-soft)}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.recipe-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.time-badge{z-index:2;color:var(--text-h);background:#fffffff0;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:900;position:absolute;top:10px;left:10px;box-shadow:0 4px 12px #1018201a}.recipe-card img,.recipe-card .image-fallback,.detail-panel>img,.detail-panel>.image-fallback{aspect-ratio:4/3;object-fit:cover;background:var(--soft);width:100%;display:block}.image-fallback{min-height:120px;color:var(--muted);text-align:center;place-items:center;gap:8px;padding:16px;font-size:.86rem;font-weight:750;display:grid}.image-fallback svg{color:var(--green)}.image-button{border:0;width:100%;display:block;overflow:hidden;background:0 0!important;border-radius:0!important;padding:0!important}.recipe-body{gap:8px;padding:12px 14px 14px;display:grid}.recipe-body h3{font-size:1.08rem;line-height:1.16}.card-topline{z-index:3;position:absolute;top:8px;right:8px}.card-topline>span{display:none}.meta-row{flex-wrap:wrap;gap:8px;font-size:.82rem;font-weight:650}.meta-row span{align-items:center;gap:4px;display:inline-flex}.recipe-body p,.helper-copy{color:var(--muted);font-size:.86rem}.effort-meter{gap:4px;display:none}.effort-meter span{background:var(--border);border-radius:999px;width:22px;height:5px}.effort-meter .filled{background:var(--green)}.card-actions{gap:8px}.recipe-card button,.step-actions button,.text-action,.quiet-action,.inline-actions button,.feedback-actions button{background:var(--soft);min-height:38px;color:var(--text-h);border:0;border-radius:7px;padding:0 12px;font-weight:800}.text-action{border:0;border-radius:7px;width:fit-content}.quiet-action{border:1px solid var(--border);border-radius:7px}.detail-panel{grid-template-columns:.85fr 1.15fr;gap:20px;margin:20px 0;padding:18px;display:grid}.detail-panel>img{border-radius:8px;height:100%}.detail-panel>div{gap:14px;display:grid}.beginner-callout,.fallback-strip,.visual-cue,.safety-note,.feedback-strip,.price-confidence,.trust-state,.install-card,.account-panel,.analytics-panel{background:var(--green-soft);color:var(--text-h);border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.safety-note{background:var(--soft)}.trust-state{background:color-mix(in srgb, var(--green-soft) 76%, var(--surface));align-items:center;font-size:.92rem;font-weight:750}.trust-state svg{color:var(--green);flex:none}.safety-note p,.feedback-strip p,.install-card p,.account-panel p,.pantry-panel p{color:var(--muted)}.fallback-strip{justify-content:space-between;align-items:center;margin-bottom:18px}.detail-actions{flex-wrap:wrap;gap:10px;display:flex}.variant-panel{gap:10px;padding-top:4px;display:grid}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.variant-grid button,.week-card,.pantry-list a,.show-more-card{border:1px solid var(--border);background:var(--surface);color:var(--text-h);text-align:left;border-radius:8px;gap:5px;padding:12px;text-decoration:none;display:grid}.variant-grid span,.week-card span{color:var(--green-strong);text-transform:uppercase;font-size:.78rem;font-weight:900}.variant-grid small,.week-card small,.pantry-list span,.install-card small,.account-panel small,.price-confidence small,.price-confidence span{color:var(--muted)}.detail-stats{flex-wrap:wrap;gap:8px}.detail-stats span{background:var(--soft);border-radius:7px;padding:7px 9px;font-size:.86rem;font-weight:800}.source-note{font-size:.86rem}.project-note{border-top:1px solid var(--border);color:var(--muted);margin:22px 0 0;padding-top:16px;font-size:.9rem;line-height:1.55}.project-note a{color:var(--green-strong);font-weight:900}.ingredient-list,.grocery-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.empty-state{place-items:start;gap:12px;margin:18px 0;padding:28px;display:grid}.empty-state svg{color:var(--green)}.ingredient-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.insights-grid,.help-grid,.lesson-list,.substitution-grid,.growth-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.planner-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:start;gap:18px;display:grid}.planner-main,.pantry-panel,.install-card,.account-panel,.analytics-panel{gap:14px;padding:20px;display:grid}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.week-card h2{font-size:1.25rem}.planner-main h1{font-size:clamp(1.75rem,3vw,2.65rem)}.inline-actions,.feedback-actions{flex-wrap:wrap;gap:8px;display:flex}.feedback-strip{justify-content:space-between;align-items:center;margin-bottom:18px}.feedback-actions{justify-content:flex-end}.pantry-list{gap:8px;display:grid}.install-card,.account-panel,.analytics-panel{align-content:start;margin-top:18px}.account-panel label{gap:7px;font-weight:800;display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric-grid span{background:var(--surface);color:var(--muted);border-radius:8px;gap:2px;padding:10px;display:grid}.metric-grid strong{color:var(--text-h);font-size:1.35rem}.empty-analytics{background:var(--soft);color:var(--muted);border-radius:8px;gap:4px;padding:12px;display:grid}.empty-analytics strong{color:var(--text-h)}.show-more-card{text-align:center;place-content:center;min-height:180px;font-weight:900}.insights-grid .panel,.learn-panel article{gap:10px;padding:18px;display:grid}.shopping,.cooking-mode,.learn-panel{gap:18px;padding:20px;display:grid}.beta-feedback{gap:12px;padding:20px;display:grid}.beta-feedback label{gap:7px;font-weight:800;display:grid}.beta-feedback textarea{resize:vertical;min-height:104px}.grocery-row{border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr minmax(220px,.7fr);align-items:center;gap:14px;padding:12px;display:grid}.aisle-group{gap:8px;display:grid}.aisle-group h3{padding-top:10px}.grocery-row label{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.grocery-row span,.grocery-row a{gap:3px;display:grid}.grocery-row a{color:var(--green-strong);background:var(--soft);border-radius:8px;min-height:44px;padding:8px 10px;font-weight:800;text-decoration:none}.grocery-row.checked{opacity:.62}.price-confidence{background:var(--soft);justify-content:space-between;align-items:center}.price-confidence div{gap:2px;display:grid}.cooking-mode{max-width:920px;margin-inline:auto}.cooking-header{justify-content:space-between;gap:16px}.serving-stepper,.onboarding label{color:var(--text-h);gap:7px;font-weight:800;display:grid}.serving-stepper input{width:78px}.prep-checklist{background:var(--soft);border-radius:8px;gap:8px;padding:14px;display:grid}.prep-checklist label{gap:8px;display:flex}.step-card{border:1px solid color-mix(in srgb, var(--green) 24%, var(--border));background:var(--green-soft);border-radius:8px;gap:14px;padding:22px;display:grid}.step-count{color:var(--green-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:900}.visual-cue{background:color-mix(in srgb, var(--surface) 64%, var(--green-soft));gap:3px;display:grid}.visual-cue span{color:var(--muted)}.step-card>p{color:var(--text-h);max-width:22ch;font-size:clamp(1.22rem,2.55vw,1.82rem);font-weight:750;line-height:1.24}.timer-strip{color:var(--green-strong);gap:12px;display:grid}.timer-strip>div:first-child{grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;display:grid}.timer-strip span{color:var(--muted);grid-column:2;font-weight:700}.timer-controls{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:44px minmax(84px,1fr) 44px minmax(96px,auto) minmax(96px,auto);align-items:center;gap:8px;padding:6px;display:grid}.timer-controls button{background:var(--soft);min-height:42px;color:var(--text-h);border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-weight:850;display:inline-flex}.timer-controls output{color:var(--text-h);text-align:center;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:850}.timer-controls .timer-play{background:var(--green);color:#fff}.step-actions{justify-content:space-between;gap:10px}.step-actions button:last-child{background:var(--green);color:#fff}details{border-bottom:1px solid var(--border);padding:11px 0}summary{color:var(--text-h);cursor:pointer;font-weight:800}.panic-tip{background:var(--tomato-soft);color:var(--text-h);border-radius:8px;gap:8px;padding:10px;display:flex}.panic-action{background:var(--tomato-soft);width:100%;min-height:42px;color:var(--text-h);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:8px 0;font-weight:900;display:inline-flex}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.learn-panel h1{font-size:clamp(2rem,4vw,3.4rem)}.substitution-grid p{background:var(--soft);border-radius:8px;gap:6px;padding:12px;display:grid}.substitution-grid span{color:var(--muted)}.onboarding{grid-template-columns:.8fr 1.2fr;align-items:start;gap:18px;width:min(1120px,100% - 32px);margin:0 auto;padding:26px 0;display:grid}.intro-panel,.form-panel{padding:22px}.intro-panel{background:var(--surface);gap:18px;display:grid;position:sticky;top:24px}.intro-panel h1{font-size:clamp(2.25rem,5vw,4.2rem)}.progress-track{background:var(--soft);border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--green);height:100%;transition:width .18s;display:block}.trust-row{flex-wrap:wrap;gap:8px}.trust-row span{background:var(--soft);border-radius:7px;padding:8px 10px;font-weight:800}.setup-note{background:var(--green-soft);color:var(--text-h);border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.92rem;font-weight:750;display:flex}.setup-note svg{color:var(--green);flex:none;margin-top:1px}.form-panel{gap:18px;display:grid}.sticky-submit{background:linear-gradient(transparent, var(--surface) 34%);gap:8px;padding-top:4px;display:grid;position:sticky;bottom:12px}.sticky-submit .primary-action{width:100%}.sticky-submit small{color:var(--muted);text-align:center}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--text-h);margin-bottom:9px;font-weight:900}.segmented{background:var(--soft);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-weight:800}.segmented button.selected{background:var(--surface);color:var(--text-h);box-shadow:0 1px 8px #11182714}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}input,select,textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text-h);border-radius:8px;padding:0 11px}textarea{padding-block:10px;line-height:1.35}input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;accent-color:var(--green);padding:0}.fatal-state{place-items:center;width:min(680px,100% - 32px);min-height:100svh;margin:0 auto;padding:32px 0;display:grid}.fatal-state .panel{gap:16px;padding:24px;display:grid}.bottom-nav{display:none}@media (width<=900px){.topbar{width:auto;min-height:68px;padding:calc(14px + env(safe-area-inset-top)) 18px 14px;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;position:sticky;inset:0 auto auto}.brand{letter-spacing:-.02em;font-size:1.18rem}.topbar nav{display:none}main{width:min(100% - 24px,720px);margin:0 auto;padding-top:16px}.hero-band,.recipe-grid,.detail-panel,.planner-layout,.week-grid,.onboarding,.help-grid,.lesson-list,.substitution-grid,.growth-grid,.mode-grid{grid-template-columns:1fr}.hero-band>div:first-child{padding:12px 0}.tonight-pick{grid-template-columns:108px minmax(0,1fr);gap:12px}.tonight-pick>img,.tonight-pick>.image-fallback{height:118px;min-height:118px}.tonight-pick .detail-stats,.tonight-pick p:not(.section-label),.quick-plan,.fallback-strip{display:none}.week-strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:4px;display:flex;overflow-x:auto}.day-pill{scroll-snap-align:start;flex:0 0 74px}.recipe-grid,.insights-grid{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:12px;padding:2px 2px 8px;display:flex;overflow-x:auto}.recipe-card{scroll-snap-align:start;flex:0 0 min(230px,76vw)}.insights-grid{grid-template-columns:1fr;display:grid;overflow:visible}.grocery-row{grid-template-columns:1fr}.detail-panel>img{height:auto}.mode-grid{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;display:flex;overflow-x:auto}.mode-card{scroll-snap-align:start;flex:none;min-width:auto}.filter-drawer{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-drawer .chip{scroll-snap-align:start;flex:none}.plan-stats{grid-template-columns:1fr}.form-grid,.segmented{grid-template-columns:1fr 1fr}.intro-panel{position:static}.bottom-nav{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:12;background:color-mix(in srgb, var(--bg) 92%, transparent);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;display:grid;position:fixed}.bottom-nav button{place-items:center;gap:2px;min-height:52px;font-size:.78rem;font-weight:900;display:grid}.bottom-nav svg{width:19px;height:19px}.cooking-shell main{padding-bottom:24px}.cooking-shell .bottom-nav{margin:0 12px max(12px, env(safe-area-inset-bottom));position:static}}@media (width<=520px){.section-heading,.cooking-header{flex-direction:column;align-items:flex-start}.form-grid,.segmented{grid-template-columns:1fr}.detail-panel,.shopping,.cooking-mode,.learn-panel,.intro-panel,.form-panel{padding:14px}.topbar{padding-inline:14px}h1{font-size:clamp(2rem,10vw,2.45rem);line-height:1.04}.mode-grid{padding-bottom:4px;display:flex;overflow-x:auto}.mode-card{min-width:auto;min-height:42px}.getting-started-card{min-height:118px;padding:16px}.woolworths-card{grid-template-columns:auto 1fr auto;padding:14px}.timer-controls{grid-template-columns:42px minmax(72px,1fr) 42px}.timer-controls .timer-play,.timer-controls button:last-child{grid-column:span 3}.hero-actions,.top-pick-actions,.detail-actions,.feedback-actions,.inline-actions,.variant-grid,.quick-actions,.shopping-summary{grid-template-columns:1fr;justify-items:stretch;display:grid}.hero-actions .secondary-action{display:none}.primary-action,.secondary-action{width:100%}.easier-pick{grid-template-columns:auto 1fr}.easier-pick button{grid-column:1/-1}.search-box{width:100%}.search-box input{min-width:0}.sticky-submit{background:0 0;padding-top:0;position:static}.feedback-strip,.price-confidence{justify-items:start;display:grid}.grocery-row{padding:10px}.grocery-row input[type=checkbox]{width:22px;min-width:22px;height:22px;min-height:22px}.step-card{padding:16px}.step-card>p{max-width:none;font-size:clamp(1.12rem,6vw,1.48rem);line-height:1.28}.step-actions button{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
