:root{--bg: #eef7ee;--card: #ffffff;--text: #1d3523;--subtle: #58755f;--accent: #2f7f4c;--accent-strong: #256a3f;--border: #d5e5d4;--shadow: 0 12px 28px rgba(27, 74, 41, .1);font-family:Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 20% 0%,#f8fcf8,var(--bg))}.app{max-width:980px;margin:0 auto;padding:1.2rem}.brand{text-align:center;margin-bottom:1rem}.brand-chip{display:inline-block;margin:0;padding:.25rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:.82rem;color:#265f3a;background:#d8ecd8}.brand h1{margin:.55rem 0 .2rem;font-size:clamp(1.5rem,4vw,2.25rem)}.tagline{margin:0;color:var(--subtle)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:1.25rem}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}.toggle-btn,.primary-btn,.secondary-btn,.cta-link{border:0;border-radius:10px;padding:.75rem .95rem;font-size:.98rem;font-weight:600}.toggle-btn,.secondary-btn{background:#e8f3e8;color:var(--text)}.toggle-btn{cursor:pointer}.toggle-btn.is-active,.primary-btn,.cta-link{background:var(--accent);color:#fff}.primary-btn:hover,.toggle-btn.is-active:hover,.cta-link:hover{background:var(--accent-strong)}.label{display:block;margin-bottom:.4rem;font-weight:600}.field-row{display:flex;gap:.6rem;margin-bottom:.9rem}input,select{width:100%;padding:.75rem .8rem;border:1px solid #bfd2bf;border-radius:10px;font:inherit}.mode-panel{margin-bottom:1rem}.hidden{display:none}.ingredients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.9rem}.ingredients label{display:flex;align-items:center;gap:.45rem;background:#f2f8f2;border:1px solid #d9e7d8;border-radius:10px;padding:.55rem .65rem}.result{border-top:1px solid #dce9dc;padding-top:1rem;margin-top:1rem}.result h2{margin:0 0 .7rem}.result p{margin:.45rem 0}.email-capture{border-top:1px dashed #d8e7d7;margin-top:1rem;padding-top:1rem}.email-capture h3{margin:0 0 .75rem}.cta{margin-top:1rem;text-align:center}.cta h3{margin-top:0}.cta-link{display:inline-block;text-decoration:none}@media (max-width: 720px){.mode-toggle,.ingredients{grid-template-columns:1fr}.field-row{flex-direction:column}}.field-row{position:relative}.autocomplete-box{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #ddd;width:100%;z-index:100;box-shadow:0 4px 12px #00000014;border-radius:8px;overflow:hidden}.autocomplete-item{padding:8px 10px;cursor:pointer}.autocomplete-item:hover{background:#f2f2f2}.mix-row{display:flex;align-items:center;gap:10px;margin:6px 0}.mix-bar{flex:1;height:10px;background:#e8efe8;border-radius:6px;overflow:hidden}.mix-fill{height:100%;background:#2f7d4b}