:root{font-family:Arial,Helvetica,sans-serif;color:#263c2f;background:#f5f4eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,footer{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 24px}.brand{font-size:30px;letter-spacing:-1.5px;font-weight:800;color:inherit;text-decoration:none}.brand span{color:#fa8053;margin-left:4px}.tag{font-size:12px;border:1px solid #cbd3c4;border-radius:30px;padding:10px 16px}main{max-width:1080px;margin:auto;padding:35px 24px}#intro{position:relative;display:grid;grid-template-columns:1fr 440px;gap:10px 60px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin-top:22px}h1{font-size:64px;line-height:1.07;letter-spacing:-3.5px;margin:26px 0;font-weight:700}h1 em{font-style:normal;color:#74885e}.lead{font-size:19px;line-height:1.6;color:#61705e;margin:0}.hero-art{width:340px;height:310px;position:relative;margin-top:25px;border-radius:52% 48% 44% 56%;background:#dde6b9;display:grid;place-items:center;grid-column:1}.hero-art>span{position:absolute;font-size:88px;filter:drop-shadow(0 10px 8px #42553220)}.hero-art>span:nth-child(1){left:0;top:50px;transform:rotate(-20deg)}.hero-art>span:nth-child(2){right:25px;top:5px;transform:rotate(15deg)}.hero-art>span:nth-child(3){right:20px;bottom:18px}.hero-art>div{font-size:38px;font-weight:800;line-height:1;transform:rotate(-8deg)}.hero-art small{font-size:15px;font-weight:400}form{grid-column:2;grid-row:1/5;background:#fffef8;border:1px solid #e0e4d6;border-radius:24px;padding:28px;box-shadow:0 15px 50px #30422c08}.form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}h2{font-size:20px;letter-spacing:-.6px;margin:0}.form-head>span{font-size:11px;color:#8a9680}label,legend{font-size:12px;font-weight:600}input,select,button{font:inherit}input[type=number],input[type=text],input:not([type]),select{display:block;width:100%;margin-top:9px;border:1px solid #dce1d3;background:#f9faf4;padding:13px;border-radius:10px;color:#263c2f;font-size:15px}input[name=budget]{font-size:34px;font-weight:bold;letter-spacing:-1px}.presets{display:flex;gap:7px;margin:10px 0 22px}button{cursor:pointer;border:1px solid #dce1d3;border-radius:9px;padding:10px 13px;color:inherit;background:transparent}.presets button{font-size:11px;flex:1}.presets button.active{background:#e5edce;border-color:#a5b780}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:0;padding:0;margin:22px 0}legend{margin-bottom:10px}.choices{display:flex;gap:6px}.choices label{flex:1}.choices input{position:absolute;opacity:0;pointer-events:none}.choices span{display:block;white-space:nowrap;padding:11px 8px;border:1px solid #dce1d3;border-radius:10px;text-align:center;font-size:11px}.choices input:checked+span{background:#e5edce;border-color:#a5b780}.choices input:focus-visible+span{outline:2px solid #263c2f}.exclusions{display:flex;flex-wrap:wrap;gap:13px;margin:12px 0}input[type=checkbox]{accent-color:#526a36}small,.fine{font-size:10px;color:#87927e;line-height:1.5}.primary{width:100%;background:#2c4834;color:#fff;border:0;padding:17px;display:flex;justify-content:space-between;font-weight:600}.primary:hover{background:#405b38}.primary:disabled{opacity:.6;cursor:wait}.fine{text-align:center;margin:12px 0 0}.benefits{grid-column:1/-1;display:flex;gap:60px;border-top:1px solid #d9dfd1;margin-top:36px;padding:25px 0;font-size:11px;color:#8c967f}.benefits b{margin-left:12px;color:#485a41}.back{margin-bottom:25px;border:0;padding-left:0}#result{max-width:800px;margin:auto}#status{padding:20px;border-radius:16px;background:#e6edda;line-height:1.6;font-size:14px}#status strong{display:block;font-size:26px}.tabs{display:flex;gap:8px;margin:28px 0}.tabs button[aria-selected=true]{background:#2c4834;color:#fff}.day{margin-bottom:20px}.day h2{margin-bottom:12px}.meals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.meal{border:1px solid #dce1d3;border-radius:16px;padding:18px;background:#fffef8}.meal .emoji{font-size:35px;display:block;margin:0 0 18px}.meal small{display:block}.meal h3{font-size:15px;line-height:1.4;margin:8px 0}.meal details{font-size:12px;line-height:1.5;margin-top:15px}.meal summary{cursor:pointer;color:#677b52}.meal ol{padding-left:16px}.basket-item{display:flex;gap:12px;align-items:start;background:#fffef8;border:1px solid #dce1d3;border-radius:12px;padding:18px;margin-bottom:10px}.basket-item>div{flex:1}.basket-item a{color:#4d6838;font-size:12px;display:inline-block;margin-top:8px}.basket-item small{display:block}.empty{padding:30px;border:1px dashed #b7c5a5;border-radius:15px;line-height:1.7;color:#66745a}footer{border-top:1px solid #dce1d3;font-size:13px;padding-top:25px;margin-top:30px}footer span{font-size:11px;color:#8a9680}[hidden]{display:none!important}#error{color:#a33b24;font-size:12px}button:focus-visible,a:focus-visible{outline:2px solid #648345;outline-offset:3px}@media(max-width:800px){header{padding:20px}.brand{font-size:25px}.tag{font-size:9px}main{padding:15px 20px}#intro{display:block}h1{font-size:48px;letter-spacing:-2.6px}.lead{font-size:16px}.hero-art{width:100%;height:190px;margin:25px 0}.hero-art>span{font-size:72px}.hero-art>span:nth-child(1){left:20px;top:28px}.hero-art>span:nth-child(2){right:25px}.hero-art>span:nth-child(3){right:60px;bottom:0}.hero-art>div{font-size:30px}form{padding:22px}.benefits{gap:16px;justify-content:space-between}.benefits span{font-size:9px}.benefits b{display:block;margin:5px 0 0}.meals{grid-template-columns:1fr}.meal{position:relative;padding-left:76px;min-height:105px}.meal .emoji{position:absolute;left:18px;top:20px}footer span{max-width:150px;text-align:right}#result h1{font-size:43px}}
/* Foodology visual system */
@font-face{font-family:Manrope;src:url('/fonts/manrope.ttf') format('truetype');font-weight:400 600;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{font-family:Manrope,sans-serif;color:#173e27;background:#f8f7ef}html{scroll-behavior:smooth;scroll-padding-top:30px}body{overflow-x:hidden}header{max-width:1440px;padding:25px 5%;background:#c8f16c}.brand{font-size:33px;letter-spacing:-2px;font-weight:800}.brand span{color:#173e27}.tag{color:inherit;text-decoration:none;border-color:#173e27;font-size:13px;padding:11px 22px}main{max-width:none;padding:0}#intro{display:grid;grid-template-columns:1fr 1fr;gap:0;background:linear-gradient(#c8f16c 0 710px,#f8f7ef 710px);padding:30px max(5%,calc((100vw - 1320px)/2)) 0}.hero-copy{padding:65px 0 80px;z-index:2;min-height:600px}.eyebrow{font-size:10px;letter-spacing:1.8px;margin-top:0;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:currentColor}h1{font-size:clamp(62px,6.8vw,100px);line-height:1.02;font-weight:800;letter-spacing:-6px;margin:35px 0 27px}h1 em{color:#173e27}.lead{font-size:18px;line-height:1.65;color:#345836;max-width:440px}.hero-cta{display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:#173e27;color:#fff;border-radius:50px;width:285px;padding:19px 24px;font-size:14px;margin-top:35px;transition:transform .25s,background .25s}.hero-cta:hover{transform:translateY(-4px);background:#285e3c}.hero-cta span{font-size:25px}.hero-note{font-size:10px;margin-top:16px;color:#466637}.hero-art{grid-column:2;grid-row:1;background:none;width:100%;height:580px;margin:0;position:relative}.plate{position:absolute;left:18%;top:24%;width:66%;aspect-ratio:1;border-radius:50%;background:#fffdf0;border:18px solid #f0efdb;box-shadow:inset 0 0 0 2px #dedfc7,0 30px 35px #28432225;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-12deg)}.plate span{font-size:49px;line-height:1.05;letter-spacing:-3px;font-weight:800}.plate small{font-size:12px;margin-top:14px;color:#648056}.food{position:absolute;filter:drop-shadow(0 14px 12px #163e2725);z-index:3;animation:food-drop 1.4s cubic-bezier(.2,.7,.25,1.15) both}.tomato{width:170px;right:-2%;top:38%;--turn:19deg;animation-delay:.25s}.lemon{width:145px;left:5%;top:17%;--turn:-22deg;animation-delay:.1s}.broccoli{width:185px;right:7%;top:1%;--turn:24deg;animation-delay:.45s}.carrot{width:115px;left:4%;bottom:4%;--turn:32deg;animation-delay:.6s}.week-sticker{position:absolute;right:6%;bottom:8%;z-index:4;background:#ff9676;border-radius:15px;padding:21px 25px;font-size:12px;line-height:1.6;transform:rotate(9deg);border:2px solid #173e27;box-shadow:4px 4px 0 #173e27}.week-sticker b{font-size:10px}.spark{position:absolute;font-size:53px;color:#173e27}.spark-one{left:5%;top:2%}.spark-two{right:3%;bottom:37%;font-size:35px}.orbit{position:absolute;border:1px solid #61864740;border-radius:50%;width:95%;height:80%;top:10%;transform:rotate(-20deg)}@keyframes food-drop{0%{opacity:0;transform:translateY(-350px) rotate(-90deg)}65%{opacity:1;transform:translateY(18px) rotate(var(--turn))}100%{opacity:1;transform:translateY(0) rotate(var(--turn))}}
form{grid-column:1/-1;grid-row:auto;max-width:900px;width:100%;margin:70px auto 0;padding:45px 55px;border:0;border-radius:30px;background:#fff;box-shadow:0 20px 80px #173e270a;scroll-margin-top:30px}.form-head{margin-bottom:25px}.form-head .eyebrow{color:#68825b;font-size:9px;margin-bottom:13px}h2{font-size:30px;letter-spacing:-1.3px;font-weight:800}.form-head>span{font-size:12px}.step-progress{display:flex;gap:6px;margin-bottom:30px}.step-progress i{height:4px;background:#eef0e6;flex:1;border-radius:5px}.step-progress i.active{background:#8ec643}.wizard-step h3{font-size:23px;letter-spacing:-.8px;margin:0 0 14px}.step-description{font-size:13px;line-height:1.7;color:#72816b;max-width:550px}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 16px}.store-choice input{position:absolute;opacity:0}.store-content{display:flex;align-items:center;gap:11px;border:1px solid #e1e6da;padding:15px;border-radius:14px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;font-size:12px}.store-content:hover{transform:translateY(-2px);background:#f8fbed}.store-content i{margin-left:auto;font-style:normal;opacity:0}.store-choice input:checked+.store-content{background:#edf8d7;border-color:#81b443}.store-choice input:checked+.store-content i{opacity:1}.store-choice input:focus-visible+.store-content{outline:2px solid #173e27;outline-offset:3px}.store-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:16px;color:white;flex-shrink:0}.catalog-note{font-size:11px;line-height:1.6;color:#78856e;margin-bottom:25px}label,legend{font-size:13px}input[type=number],input[type=text],input:not([type]),select{background:#f7f8f1;border:1px solid #e4e8dd;border-radius:12px;padding:16px;font-size:16px}input[name=budget]{font-size:48px;font-weight:800;letter-spacing:-2px}.presets button{font-size:13px;border-radius:30px;padding:12px}.row{grid-template-columns:1fr}.choices span{font-size:13px;padding:17px 10px;border-radius:14px}.choices input:checked+span,.presets button.active{background:#e9f7cd;border-color:#8abb4c}.wizard-actions{display:flex;gap:12px;margin-top:28px}.primary{border-radius:40px;background:#173e27;font-size:14px;padding:19px 24px}.primary span{font-size:20px}#step-back{border-radius:40px;white-space:nowrap;border-color:#dee6d4;padding:15px 24px}.fine{font-size:11px;line-height:1.7;margin-top:18px}.benefits{max-width:1000px;width:100%;margin:55px auto 15px;justify-content:space-between;gap:20px;padding:32px 0;font-size:11px}.benefits b{font-size:14px;color:#173e27}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.reveal.revealed{opacity:1;transform:none}#result{max-width:1050px;padding:35px 25px;margin:auto}#result h1{font-size:65px;letter-spacing:-3px}#status{background:#eaf4d8;border-radius:22px;padding:25px;font-size:14px}.tabs button{border-radius:30px;padding:13px 24px}.day{margin-top:32px}.day h2{font-size:21px}.meal{background:white;border:0;border-radius:20px;padding:25px;box-shadow:0 5px 20px #173e2706}.meal h3{font-size:17px;letter-spacing:-.5px}.meal summary{font-size:11px}.basket-item{background:white;border:0;border-radius:16px}footer{max-width:1320px;padding:30px 5%;font-weight:800;margin-top:20px}footer span{font-weight:400}.back{font-size:12px}
@media(max-width:800px){header{padding:20px}.brand{font-size:28px}.tag{font-size:11px;padding:8px 15px}#intro{display:block;padding:0 20px;background:linear-gradient(#c8f16c 0 810px,#f8f7ef 810px)}.hero-copy{padding:38px 0 0;min-height:0;text-align:center}.eyebrow{justify-content:center;font-size:8px}h1{font-size:62px;letter-spacing:-4px;margin:25px 0 20px}.lead{font-size:14px;margin:auto}.hero-cta{width:260px;margin:25px auto 0;padding:16px 22px}.hero-note{font-size:9px}.hero-art{height:350px;max-width:470px;margin:15px auto 0}.plate{width:58%;left:22%;top:19%;border-width:13px}.plate span{font-size:34px;letter-spacing:-2px}.plate small{font-size:9px;margin-top:9px}.tomato{width:110px;right:0;top:38%}.lemon{width:100px;left:4%;top:12%}.broccoli{width:120px;right:10%;top:0}.carrot{width:74px;left:10%;bottom:1%}.week-sticker{right:6%;bottom:5%;padding:12px 15px;font-size:9px;border-radius:10px}.week-sticker b{font-size:8px}.spark-one{font-size:30px;top:2%}.spark-two{font-size:25px}.orbit{height:80%;width:95%}form{margin:25px auto 0;padding:25px 20px;border-radius:23px}.form-head .eyebrow{justify-content:flex-start}h2{font-size:24px;letter-spacing:-1px}.form-head>span{font-size:10px;white-space:nowrap}.wizard-step h3{font-size:20px}.step-description{font-size:12px}.store-grid{grid-template-columns:repeat(2,1fr);gap:8px}.store-content{padding:12px 9px;font-size:11px;gap:7px}.store-badge{width:27px;height:27px;font-size:13px}.store-content i{font-size:10px}.choices span{font-size:10px;padding:15px 6px}.wizard-actions{gap:8px}.primary{font-size:12px;padding:17px 20px}#step-back{font-size:11px;padding:12px 18px}.benefits{margin:30px 0 0;padding:24px 0;gap:10px}.benefits b{font-size:10px}.benefits span{font-size:9px}#result{padding:25px 20px}#result h1{font-size:48px;letter-spacing:-2.5px}.meal{padding:22px 20px 22px 80px}.meal .emoji{left:22px;top:25px}.meal h3{font-size:16px}footer{padding:25px 20px}footer span{font-size:10px} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.food{animation:none;transform:rotate(var(--turn))}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}
.hero-art .week-sticker{font-size:12px;font-weight:400;line-height:1.6;transform:rotate(9deg)}.hero-art .plate{font-weight:400;line-height:normal;transform:rotate(-12deg)}.hero-art .orbit{transform:rotate(-20deg)}@media(max-width:800px){.hero-art .week-sticker{font-size:9px}}
@media(max-width:800px){#intro h1{font-size:49px;letter-spacing:-3.3px;line-height:1.07}.hero-art{height:330px}.hero-copy{padding-top:30px}#intro{background:linear-gradient(#c8f16c 0 780px,#f8f7ef 780px)}}
.next-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 20px;padding:25px;background:#fff;border-radius:22px}.next-actions>div{grid-column:1/-1}.next-actions h2{font-size:25px;margin:12px 0}.next-actions p,#cooking>p{font-size:13px;line-height:1.7;color:#72816b}.next-actions button{background:#173e27;color:#fff;border:0;border-radius:40px;padding:18px;font-size:13px}.next-actions button+button{background:#c8f16c;color:#173e27}.plan-tools{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.plan-tools button{font-size:11px;border-radius:25px}.plan-tools span{width:100%;font-size:11px;color:#648056}.purchased{opacity:.5}.purchased>div{text-decoration:line-through}.shopping-help{font-size:13px;line-height:1.7;color:#648056}.cooking-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cooking-head h2{font-size:25px}.cooking-head button{font-size:11px;border-radius:30px}.cooking-days{display:flex;gap:6px;overflow:auto;padding:10px 0 20px}.cooking-days button{white-space:nowrap;border-radius:25px;font-size:12px}.cooking-days button.active{background:#173e27;color:white}.cooking-card{padding:25px;background:#fff;border-radius:20px;margin-bottom:16px}.cooking-card h3{font-size:22px;letter-spacing:-.7px}.cooking-ingredients{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.cooking-ingredients span{background:#f0f5e6;border-radius:20px;padding:9px 12px;font-size:11px}.cooking-steps{padding-left:22px;line-height:1.7;font-size:14px}.cooking-steps li{padding:10px 0}.cooking-steps label{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:14px}.cooking-steps input{margin-top:6px}.cooking-steps li.done{opacity:.4;text-decoration:line-through}.restore-plan{padding:15px 5%;display:flex;gap:15px;align-items:center;background:#fff;font-size:12px}.restore-plan span{flex:1}.restore-plan button{font-size:11px;border-radius:30px}@media(max-width:800px){.next-actions{grid-template-columns:1fr;padding:20px}.next-actions h2,.cooking-head h2{font-size:21px}.cooking-head{align-items:flex-start}.cooking-card{padding:20px}.restore-plan{flex-wrap:wrap}.restore-plan span{flex-basis:100%}}
@media print{body{background:#fff;color:#000}header,footer,.back,.next-actions,.plan-tools,.tabs,#cooking,.restore-plan,.hero-copy,.hero-art,#intro{display:none!important}#result{max-width:none;padding:0}#result h1{font-size:30px}#status{background:none;padding:0}.day{break-inside:avoid}.meal{box-shadow:none;border:1px solid #ddd}details{display:block}details>*{display:block!important}.basket-item{padding:8px;border-bottom:1px solid #ddd}.basket-item input{display:none}.purchased{opacity:1}#basket{display:block!important}}

/* Design rules: docs/DESIGN.md. Paper surfaces, flat accents, Inter. */
@font-face{font-family:Inter;src:url('/fonts/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--canvas:#f6f5f4;--surface:#fff;--ink:#111;--muted:#615d59;--blue:#0075de;--sky:#e6f3fe;--line:rgba(0,0,0,.08);font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--canvas)}
header{background:var(--canvas);border-bottom:1px solid var(--line);padding:20px 5%;max-width:1440px}.brand{font-weight:700;letter-spacing:-1.5px;font-size:30px}.brand span{color:var(--blue)}.tag{border:0;background:var(--sky);color:var(--blue);border-radius:8px;font-weight:500}
#intro{max-width:1440px;margin:auto;background:var(--canvas);grid-template-columns:1fr;gap:0;padding:0 5%}.hero-copy{text-align:center;padding:64px 0 0;min-height:0}.eyebrow{color:#757575;font-size:11px;letter-spacing:1px;justify-content:center}.live-dot{background:var(--blue)}h1{font-weight:700;font-size:clamp(48px,6vw,80px);line-height:1.08;letter-spacing:-.048em;margin:28px 0}h1 em{display:inline-block;color:var(--ink);background:#ffb110;border-radius:9999px;padding:4px 24px;font-style:normal}.lead{color:var(--muted);font-size:18px;line-height:1.55;max-width:600px;margin:auto}.hero-cta{background:var(--blue);border-radius:8px;width:280px;margin:28px auto 0;padding:16px 20px;font-weight:500;transition:background 200ms ease}.hero-cta:hover{background:#0065bf;transform:none}.hero-note{color:#757575;font-size:12px;margin-top:16px}
.hero-art{grid-column:1;grid-row:auto;height:350px;width:100%;max-width:600px;margin:24px auto 0;background:none}.plate{width:48%;left:26%;top:12%;border:12px solid #e6f3fe;background:#fff;box-shadow:none}.plate span{color:var(--ink);font-size:38px;letter-spacing:-1.5px}.plate small{color:var(--muted)}.food{filter:none}.tomato{width:110px;right:12%;top:38%}.lemon{width:95px;left:12%;top:10%}.broccoli{width:115px;right:17%;top:0}.carrot{width:75px;left:19%;bottom:7%}.hero-art .week-sticker{background:#62aef0;color:#02093a;border:0;border-radius:12px;box-shadow:none;right:10%;bottom:8%;padding:16px 20px}.spark{color:#0075de}.spark-one{left:8%;font-size:36px}.spark-two{right:7%;font-size:28px}.orbit{border-color:var(--line);width:90%;left:5%}
form{margin:32px auto 0;max-width:800px;padding:32px;border:1px solid var(--line);border-radius:12px;box-shadow:none;scroll-margin-top:24px;background:var(--surface)}h2{font-weight:600;font-size:28px;letter-spacing:-.035em}.form-head .eyebrow{color:#757575;justify-content:flex-start}.form-head>span{color:#757575}.step-progress i{background:#e8e6e3}.step-progress i.active{background:var(--blue)}.wizard-step h3{font-weight:600;letter-spacing:-.025em}.step-description,.catalog-note,.fine,small{color:var(--muted)}.step-description{font-size:14px}.store-grid{gap:12px}.store-content{border-color:var(--line);border-radius:8px;background:#fff;transition:background 200ms ease,border-color 200ms ease}.store-content:hover{transform:none;background:var(--canvas)}.store-choice input:checked+.store-content{background:var(--sky);border-color:var(--blue)}.store-badge{background:var(--canvas)!important;color:#111!important;font-weight:600}.store-choice input:focus-visible+.store-content,.choices input:focus-visible+span{outline-color:var(--blue)}
input[type=number],input[type=text],input:not([type]),select{background:#fff;border:1px solid #d9d7d4;border-radius:8px;color:var(--ink);padding:14px}input[name=budget]{font-weight:600;font-size:44px}.choices span,.presets button{border-color:var(--line);border-radius:8px}.choices input:checked+span,.presets button.active{background:var(--sky);border-color:var(--blue)}input[type=checkbox]{accent-color:var(--blue)}button{border-color:#d9d7d4;border-radius:8px;transition:background 200ms ease;color:var(--ink)}button:hover{background:var(--sky)}.primary{background:var(--blue);border-radius:8px;font-weight:500;color:white;padding:16px 20px}.primary:hover{background:#0065bf}#step-back{border-radius:8px}.benefits{margin:48px auto 0;border-color:var(--line);padding:24px 0 32px}.benefits b{color:var(--ink);font-weight:500}.benefits span{color:#757575}
#result{max-width:1100px;padding:48px 24px}#result>.eyebrow{justify-content:flex-start}#result h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.04em}#status{background:var(--sky);border-radius:12px;color:var(--ink)}#status strong{font-weight:600}.tabs button{border-radius:8px}.tabs button[aria-selected=true]{background:var(--sky);color:var(--blue);border-color:var(--blue)}.day h2{font-weight:600}.meal,.basket-item,.next-actions,.cooking-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:none}.meal h3{font-weight:600}.meal summary,.basket-item a{color:var(--blue)}.empty{border-color:#d9d7d4;border-radius:12px;color:var(--muted)}.next-actions{padding:24px}.next-actions .eyebrow{justify-content:flex-start}.next-actions p,#cooking>p,.shopping-help{color:var(--muted)}.next-actions button{background:var(--blue);color:#fff;border-radius:8px;font-weight:500}.next-actions button+button{background:var(--sky);color:var(--blue)}.plan-tools button,.cooking-head button,.cooking-days button,.restore-plan button{border-radius:8px;font-size:12px}.plan-tools span{color:var(--muted)}.cooking-days button.active{background:var(--sky);color:var(--blue);border-color:var(--blue)}.cooking-ingredients span{background:var(--canvas);color:var(--muted);border-radius:9999px}.restore-plan{background:var(--sky);color:var(--ink)}footer{border-color:var(--line);font-weight:600}footer span{color:var(--muted)}.reveal{transition:opacity 200ms ease,transform 200ms ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:800px){header{padding:16px 20px}.brand{font-size:26px}#intro{padding:0 20px;background:var(--canvas)}.hero-copy{padding-top:40px}#intro h1{font-size:clamp(36px,10vw,52px);letter-spacing:-.045em;line-height:1.12}h1 em{padding:4px 16px}.lead{font-size:16px}.hero-note{font-size:11px}.hero-art{height:280px;max-width:420px}.plate{width:52%;left:24%;top:16%;border-width:10px}.plate span{font-size:28px}.plate small{font-size:10px}.tomato{width:85px;right:4%}.lemon{width:75px;left:3%}.broccoli{width:90px;right:11%}.carrot{width:56px;left:10%;bottom:9%}.hero-art .week-sticker{font-size:10px;right:3%;padding:12px 14px}.spark-one{font-size:25px}.spark-two{font-size:22px}form{margin-top:24px;padding:24px 20px;border-radius:12px}h2{font-size:23px}.form-head{gap:12px}.store-grid{gap:8px}.choices span{font-size:11px}.primary{padding:16px}.benefits b{font-size:11px}.benefits{margin-top:32px}.next-actions{padding:20px}#result{padding:32px 20px}#result h1{font-size:40px}.meal{padding:22px 20px 22px 76px}}
@media(prefers-reduced-motion:reduce){.reveal{transition:none}}
/* Highlight pills belong to the landing hero only. */
#result h1 em{background:none;padding:0;border-radius:0;color:#615d59;font-weight:500}
/* Vegetables stay still, as requested. */
.food{animation:none!important;transform:rotate(var(--turn))}
/* Pointer gestures are confined to the vegetables; the surrounding page scrolls normally. */
.hero-art{overflow:hidden;isolation:isolate;border-radius:12px}.hero-art .food{left:0;top:0;right:auto;bottom:auto;margin:0;animation:none;touch-action:none;cursor:grab;user-select:none;will-change:transform;transform-origin:center;z-index:5}.hero-art .food.is-held{cursor:grabbing;z-index:6}.hero-art .food:focus-visible{outline:2px solid #0075de;outline-offset:3px}.hero-art .plate,.hero-art .orbit,.hero-art .spark,.hero-art .week-sticker{pointer-events:none}.hero-art .food path,.hero-art .food circle{pointer-events:none}.vegetable-controls{max-width:650px;margin:0 auto;text-align:center}.vegetable-controls p{font-size:13px;color:#615d59;line-height:1.5;min-height:40px;margin:12px 0}.vegetable-controls>div{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.vegetable-controls button{min-height:44px;font-size:13px;background:#fff;padding:10px 14px}.vegetable-controls button[aria-pressed=true]{background:#e6f3fe;color:#0075de;border-color:#0075de}@media print{.vegetable-controls{display:none!important}}