.demo-shell{max-width:1160px;margin:auto;padding:38px 28px 60px;scroll-margin-top:20px}.demo-intro{grid-template-columns:1.3fr .7fr;align-items:center;gap:48px;margin-bottom:36px;display:grid}.demo-intro h1{letter-spacing:-.04em;margin:14px 0 22px;line-height:1.08;font-size:clamp(2.6rem,5vw,4.4rem)!important}.demo-intro h1 em{color:var(--primary);font-family:Georgia,serif;font-weight:400}.demo-intro p:not(.demo-eyebrow){max-width:520px;font-size:1.05rem;line-height:1.65}.demo-eyebrow{letter-spacing:.12em;color:#8d432e;font-weight:600;font-size:.875rem!important}.demo-intro img{object-fit:cover;border-radius:24px;width:100%;height:320px}.demo-benefits{color:#435b49;flex-wrap:wrap;gap:10px 20px;margin-top:22px;font-size:.875rem;display:flex}.demo-benefits span{align-items:center;gap:8px;display:flex}.demo-benefits svg{flex-shrink:0}.demo-panel{border:1px solid var(--border);background:#fff;border-radius:24px;padding:32px;box-shadow:0 12px 36px #23344006}.demo-panel h2{font-size:1.65rem;line-height:1.25}.demo-panel .hint,.demo-panel small,.demo-panel .tick,.demo-panel legend{font-size:.875rem!important}.demo-panel .field>label{font-size:.95rem}.demo-panel .field input,.demo-panel select{font-size:1rem}.demo-profile h2+p{margin-top:10px}.demo-panel .form{gap:24px}.demo-panel summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:9px 0;font-weight:600;display:flex}.demo-panel details[open]>summary{margin-bottom:12px}.demo-panel .chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.demo-panel .chips button{background:#f4eee7;border-radius:8px;padding:9px 12px;font-size:.875rem}.demo-panel .primary,.demo-panel .secondary{min-height:48px;font-size:1rem}.demo-storage{color:#405744;background:#f1f5f1;border-radius:10px;margin-bottom:24px;padding:14px 16px;font-size:.875rem}.demo-preserved{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;font-size:.875rem;display:flex}.demo-panel .inline-error{margin-bottom:24px}.demo-panel .inline-error button{margin:12px 0 0;display:block}.demo-pantry-add{grid-template-columns:1fr 150px;gap:14px;margin:16px 0;display:grid}.demo-pantry-add>.secondary{grid-column:1/-1;justify-self:start}.demo-pantry-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;font-size:.95rem;display:flex}.demo-result{gap:22px;display:grid}.demo-result-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.demo-result-heading h2{outline:none;margin:10px 0}.demo-result-heading>button{flex-shrink:0}.demo-macros{background:#f6f2eb;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px;display:grid}.demo-macros strong{color:#754c31;font-size:1.65rem;display:block}.demo-macros span{font-size:.875rem}.demo-meals{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.demo-meals article{border:1px solid var(--border);border-radius:16px;padding:22px}.demo-meal-top{color:#786854;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.875rem;display:flex}.demo-meal-top span{align-items:center;gap:7px;display:flex}.demo-meals h3{margin:18px 0 10px;font-size:1.3rem}.demo-meals article>p{color:#53625e;font-size:.875rem}.demo-meals summary{margin-top:14px}.demo-ingredients,.demo-shopping ul{margin:12px 0;padding:0;list-style:none}.demo-ingredients li{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:10px 0;font-size:.95rem;display:flex}.demo-ingredients strong{white-space:nowrap}.demo-instructions{padding-left:22px}.demo-instructions li{margin:12px 0;font-size:1rem;line-height:1.6}.demo-omitted{background:#fbf1eb;border-radius:8px;margin:16px 0;padding:12px;font-size:.875rem}.demo-shopping{border-top:1px solid var(--border);padding-top:16px}.demo-shopping li{border-bottom:1px solid var(--border);justify-content:space-between;gap:18px;padding:12px 0;display:flex}.demo-shopping li span{font-size:.95rem}.demo-next{background:#f5f1e9;border-radius:14px;justify-content:space-between;align-items:center;gap:28px;padding:24px;display:flex}.demo-next p{margin-top:8px}.demo-next a{flex-shrink:0;text-decoration:none}.demo-forget{min-height:44px;margin-top:28px;font-size:.875rem}.demo-survey{border-top:1px solid var(--border);max-width:1160px;margin:0 auto;padding:24px 28px 50px}.demo-survey>summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:1.1rem;font-weight:600}.demo-survey .quiz-intro{padding:24px 0}.demo-survey .quiz-intro h1{font-size:2rem}.demo-survey .quiz-intro img{height:300px}@media (max-width:700px){.demo-shell{padding:24px 18px 40px}.demo-intro{grid-template-columns:1fr;gap:20px}.demo-intro img{height:160px}.demo-intro h1{font-size:2.8rem!important}.demo-panel{border-radius:18px;padding:23px 18px}.demo-panel .form-grid{grid-template-columns:1fr 1fr}.demo-result-heading,.demo-next,.demo-preserved{flex-direction:column;align-items:stretch}.demo-result-heading button,.demo-next a{justify-content:center}.demo-macros{grid-template-columns:1fr 1fr;padding:18px}.demo-meals{grid-template-columns:1fr}.demo-meals article{padding:18px}.demo-pantry-add{grid-template-columns:1fr}.demo-shopping li{flex-direction:column;gap:4px}.demo-survey{padding:18px}.demo-panel .plan-cuisines{grid-template-columns:1fr}.demo-benefits{flex-direction:column}.demo-panel .plan-quiz-actions{flex-wrap:wrap}.demo-panel .plan-quiz-actions button{flex:1;min-width:120px}}@media (max-width:370px){.demo-panel .form-grid{grid-template-columns:1fr}}.demo-meals .portion-summary{background:#f4f6ef;border-radius:12px;margin:16px 0;padding:16px}.demo-meals .serving-amount{color:#31503b;margin:0 0 12px;font-size:21px;font-weight:700}.demo-meals .serving-parts{padding-left:18px;font-size:14px;line-height:1.7}.demo-meals .serving-instruction{font-size:14px;line-height:1.6}.demo-meals .portion-share{background:#dce3d8;border-radius:5px;height:10px;overflow:hidden}.demo-meals .portion-share-fill{background:#51755a;height:100%}
