:root{--ink:#18352d;--muted:#66766f;--paper:#f7f3ea;--card:#fffdf8;--accent:#e55d38;--accent-dark:#c84728;--sage:#dbe6d9;--line:#ddd9cf;--shadow:0 18px 55px rgba(31,52,44,.10);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 4%,#fff 0,transparent 28%),var(--paper)}button,input{font:inherit}button{color:inherit}.app-shell{width:min(100%,520px);min-height:100vh;margin:auto;display:flex;flex-direction:column;padding:0 22px}.topbar{height:74px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:14px;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50% 50% 45% 55%;background:var(--ink);color:white;font:800 11px Manrope}.step{color:var(--muted);font-size:12px;font-weight:600}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:21px;cursor:pointer}footer{margin-top:auto;padding:24px 0;text-align:center}.text-button{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer}.hero{padding:55px 2px 8px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--accent);margin-bottom:12px}.hero h1,.content h1{font-family:Manrope,sans-serif;font-size:clamp(37px,10vw,52px);line-height:1.03;letter-spacing:-.055em;margin:0 auto 18px}.lede,.intro{color:var(--muted);font-size:17px;line-height:1.55;margin:0 auto 25px;max-width:430px}.hero-art{height:220px;display:grid;place-items:center}.plate{width:180px;height:180px;border-radius:50%;background:#fff;box-shadow:var(--shadow),inset 0 0 0 14px #f2eee4;position:relative;transform:rotate(-5deg)}.leaf{position:absolute;width:42px;height:75px;border-radius:80% 10% 80% 10%;background:#6f9277}.l1{left:42px;top:43px;transform:rotate(28deg)}.l2{right:40px;bottom:36px;background:#a8bea3;transform:rotate(-12deg)}.grain{position:absolute;width:50px;height:18px;border-radius:50%;background:#e7c371}.g1{right:38px;top:54px;transform:rotate(30deg)}.g2{left:45px;bottom:38px;transform:rotate(-15deg)}.sun{position:absolute;width:46px;height:46px;border-radius:50%;background:#f08b4b;left:66px;top:67px}.primary,.secondary{width:100%;border-radius:14px;padding:17px 20px;font-weight:700;border:0;cursor:pointer;transition:.18s transform,.18s background}.primary{background:var(--accent);color:white;box-shadow:0 8px 24px rgba(229,93,56,.23);display:flex;justify-content:center;gap:14px}.primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.secondary{background:transparent;border:1px solid var(--line);margin-top:14px}.micro{font-size:12px;color:var(--muted);margin-top:15px}.content{padding:24px 0 0}.content h1{font-size:37px}.content .intro{font-size:15px;margin-left:0}fieldset{border:0;padding:0;margin:28px 0}legend{font-family:Manrope;font-weight:700;margin-bottom:12px;width:100%}legend span{float:right;color:var(--muted);font:500 12px DM Sans}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segmented.two{grid-template-columns:1fr 1fr}.choice input{position:absolute;opacity:0}.choice span{display:grid;place-items:center;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-weight:600;font-size:14px;cursor:pointer}.choice input:checked+span{border-color:var(--ink);background:var(--ink);color:white}.counter{display:inline-grid;grid-template-columns:48px 58px 48px;align-items:center;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--card)}.counter button{height:48px;border:0;background:transparent;font-size:22px;cursor:pointer}.counter output{text-align:center;font-weight:700}.ingredient-trigger{width:100%;min-height:50px;padding:0 15px;border:1px solid var(--line);background:var(--card);border-radius:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.chip{border:0;background:var(--sage);border-radius:999px;padding:7px 10px;font-size:12px}.meal-list{display:grid;gap:13px}.meal-card{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;position:relative}.meal-card.best{border-color:#91a88f;box-shadow:0 10px 30px rgba(51,83,66,.08)}.best-label{background:var(--ink);color:white;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 17px}.meal-card button{display:grid;grid-template-columns:35px 1fr 22px;gap:12px;width:100%;padding:17px 15px;text-align:left;border:0;background:transparent;cursor:pointer}.meal-number{font:700 12px Manrope;color:#9aaaa3;padding-top:4px}.meal-copy h2{font:800 19px Manrope;margin:2px 0 5px;letter-spacing:-.03em}.meal-copy>p:not(.reason){margin:0;color:var(--muted);font-size:13px;line-height:1.4}.reason{margin:0;color:var(--accent);font-size:11px;font-weight:700}.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:11px}.meta span{display:flex;align-items:center;gap:4px}.meta svg,.complete-card svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.arrow{display:grid;align-items:center}.arrow svg{width:20px;fill:none;stroke:var(--muted);stroke-width:1.8}.small{font-size:16px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:white;border-radius:16px;padding:17px 10px;margin:25px 0}.stat-row div{text-align:center;border-right:1px solid rgba(255,255,255,.15)}.stat-row div:last-child{border:0}.stat-row strong,.stat-row span{display:block}.stat-row strong{font:700 16px Manrope}.stat-row span{font-size:10px;color:#c9d8d1;margin-top:3px}.detail-block{padding:22px 0;border-top:1px solid var(--line)}.detail-block h2,.legal h2{font:700 18px Manrope;margin:0 0 14px}.ingredient-grid{display:flex;flex-wrap:wrap;gap:7px}.ingredient-grid span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px}.ingredient-grid .core{background:var(--sage);border-color:transparent}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading>span{font-size:11px;color:var(--accent);font-weight:700}.steps{margin:0;padding:0;list-style:none;counter-reset:steps}.steps li{counter-increment:steps;display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:14px;line-height:1.45;margin:13px 0}.steps li:before{content:counter(steps);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--ink);color:white;font-size:11px;font-weight:700}details{border-top:1px solid var(--line);padding:18px 0;margin-bottom:14px;font-size:13px}summary{font-weight:700;cursor:pointer}details p{color:var(--muted)}.complete{padding-top:80px}.checkmark{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--sage);color:var(--ink);font-size:31px;margin:0 auto 28px}.complete-card{display:flex;text-align:left;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px;margin:32px 0}.complete-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f8dfcf;color:var(--accent)}.complete-card svg{width:23px;height:23px}.complete-card p{margin:3px 0;color:var(--muted);font-size:12px}.legal p{line-height:1.65;color:var(--muted)}dialog{width:min(calc(100% - 24px),500px);max-height:85vh;border:0;border-radius:22px 22px 0 0;padding:0;background:var(--paper);position:fixed;top:auto;bottom:0;margin:0 auto}dialog::backdrop{background:rgba(17,35,29,.48)}.picker{padding:22px}.picker-head{display:flex;justify-content:space-between;align-items:start}.picker h2{font:800 27px Manrope;margin:0}.picker>p{font-size:13px;color:var(--muted);line-height:1.4}.picker-list{display:flex;flex-wrap:wrap;gap:8px;max-height:45vh;overflow:auto;margin:20px 0}.picker-list input{position:absolute;opacity:0}.picker-list span{display:block;padding:9px 12px;border:1px solid var(--line);background:var(--card);border-radius:999px;font-size:13px;cursor:pointer}.picker-list input:checked+span{background:var(--ink);color:white;border-color:var(--ink)}@media(min-width:700px){body{padding:30px}.app-shell{min-height:820px;border:1px solid #ebe5da;border-radius:28px;background:rgba(247,243,234,.92);box-shadow:var(--shadow);padding-left:32px;padding-right:32px}.hero{padding-top:65px}dialog{border-radius:22px;top:50%;bottom:auto;transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.trial-pill{display:inline-flex;align-self:flex-start;margin:-8px 0 8px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:12px;font-weight:700}
.field-help{margin:0 0 12px;color:var(--muted);font-size:12px}
.picker-list{display:grid;gap:18px}
.picker-group h3{font:800 12px Manrope;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 9px}
.picker-group>div{display:flex;flex-wrap:wrap;gap:8px}
.details .secondary{margin-top:10px}
