@import"https://fonts.googleapis.com/css2?family=Lilita+One&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#182019;font-size:18px;background:url(/assets/background-CF0afJbT.png) repeat top left,radial-gradient(circle at top left,rgba(30,128,74,.18),transparent 26%),radial-gradient(circle at top right,rgba(210,39,48,.18),transparent 24%),linear-gradient(180deg,#efe3c8,#e4d4b5);background-size:220px 220px,auto,auto,auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--green-strong: #1f7a47;--green-soft: #dff1e4;--red-strong: #cf2b36;--red-soft: #ffe3e4;--ink: #182019;--ink-muted: #586258;--cream: rgba(255, 252, 245, .92);--border: rgba(24, 32, 25, .08);--shadow: 0 24px 60px rgba(61, 47, 34, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{position:relative;overflow:hidden}.app-shell__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffffb8,#fff3),url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231f7a47' fill-opacity='0.04'%3E%3Cpath d='M36 34c0-6.627 5.373-12 12-12h24c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H48c-6.627 0-12-5.373-12-12V34zm12 0v24h24V34H48z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.app-shell__content{position:relative;z-index:1;width:min(820px,calc(100vw - 32px));margin:0 auto;padding:48px 0 64px}.hero{padding:8px 4px 36px;display:flex;justify-content:center}.intro-banner{margin:0 auto 24px;padding:28px 24px;width:min(720px,100%);border-radius:22px;background:linear-gradient(180deg,#fffcf5f5,#f8fbf6e0);border:1px solid rgba(24,32,25,.08);box-shadow:0 18px 36px #3d2f2214;text-align:center}.intro-banner__eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.14em;font-size:1rem;font-weight:800;color:var(--green-strong)}.intro-banner__text{margin:0;font-size:1.02rem;line-height:1.6;color:var(--ink)}.panel__eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800;color:var(--green-strong)}.hero h1,.panel h2{font-weight:400;line-height:.98;margin:0}.hero h1{font-family:Lilita One,cursive;width:100%;text-align:center;font-size:clamp(3.2rem,10vw,6.4rem);line-height:.9;letter-spacing:.01em;white-space:nowrap;text-shadow:4px 4px 0 #fff,8px 8px 0 rgba(207,43,54,.18)}.hero__letter{display:inline-block}.hero__letter--green{color:var(--green-strong)}.hero__letter--white{color:#fffdf8}.hero__letter--red{color:var(--red-strong)}.panel h2{font-family:Manrope,sans-serif}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.results-stack{display:grid;gap:24px}.panel{background:var(--cream);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:26px}.panel--form{position:static}.panel__header,.ingredients-card__header{display:flex;justify-content:space-between;gap:16px;align-items:start}.panel__header h2{font-size:2.2rem}.panel__title--body-font{font-family:Manrope,sans-serif}.status-pill{background:var(--ink);color:#fff;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:700;white-space:nowrap}.status-pill--soft{background:#1f7a471a;color:var(--green-strong)}.results-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.app-tabs{margin-top:0;margin-bottom:4px}.results-tabs__tab{border:0;border-radius:999px;padding:12px 16px;background:#ffffffd1;color:var(--ink);font-weight:800;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.results-tabs__tab:hover{transform:translateY(-1px)}.results-tabs__tab--active{background:var(--green-strong);color:#fff;box-shadow:0 10px 24px #1f7a473d}.results-tabs__panel{margin-top:20px}.field-group{display:grid;gap:10px;margin-top:28px}.field-group__label{font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.field-group__hint{color:var(--ink-muted);font-size:.98rem;line-height:1.5}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-grid--single{grid-template-columns:1fr}.toggle-group{display:flex;flex-wrap:wrap;gap:10px}.toggle-microcopy{display:grid;gap:8px}.toggle-microcopy__item{color:var(--ink-muted);font-size:.95rem;line-height:1.4}.toggle-microcopy__item strong{color:var(--ink)}.toggle-microcopy__item--active,.toggle-microcopy__item--active strong{color:var(--green-strong)}.toggle-chip,.primary-button,.secondary-button{border:0;border-radius:16px;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.toggle-chip{padding:12px 16px;background:#fff;color:var(--ink);border:1px solid rgba(24,32,25,.08);font-weight:700;font-size:.98rem}.toggle-chip--active{background:var(--green-strong);color:#fff;box-shadow:0 10px 24px #1f7a473d}.toggle-chip:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.input-shell,.select-control{width:100%;border-radius:18px;border:1px solid rgba(24,32,25,.08);background:#ffffffe6}.input-shell{display:flex;align-items:center}.input-shell--disabled{opacity:.55;background:#efebe2cc}.input-shell__control,.select-control{width:100%;border:0;background:transparent;padding:15px 16px;color:var(--ink);outline:none;font-size:1rem}.input-shell__control:disabled{cursor:not-allowed}.input-shell__suffix{padding-right:14px;color:var(--ink-muted);font-weight:700}.stepper-field{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;border-radius:18px;border:1px solid rgba(24,32,25,.08);background:#ffffffe6;overflow:hidden}.stepper-field__button{border:0;background:linear-gradient(180deg,#fff,#fff8ee);color:var(--green-strong);font-size:1.4rem;font-weight:800;min-height:56px}.stepper-field__button:hover{background:#1f7a4714}.stepper-field__value{display:inline-flex;align-items:center;justify-content:center;min-height:56px;font-size:1.15rem;font-weight:800;color:var(--ink)}.action-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}.action-row--split{grid-template-columns:1fr 1fr}.action-row__single{width:100%}.primary-button,.secondary-button{padding:15px 16px;font-weight:800;font-size:1rem}.primary-button{background:linear-gradient(135deg,var(--green-strong),#2f9f5f);color:#fff;box-shadow:0 14px 30px #1f7a473d}.secondary-button{background:linear-gradient(135deg,#cf2b361f,#ffffffe6);color:var(--red-strong);border:1px solid rgba(207,43,54,.14)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.stat-card{border-radius:22px;padding:18px;min-height:120px;display:grid;align-content:space-between}.stat-card span{color:var(--ink-muted);font-size:1rem}.stat-card strong{font-size:clamp(1.9rem,3vw,2.3rem);line-height:1}.stat-card--compact strong{font-size:1.2rem;line-height:1.25}.stat-card--green{background:linear-gradient(180deg,#dff1e4,#f4fff7)}.stat-card--white{background:linear-gradient(180deg,#fff,#fff8ee)}.stat-card--red{background:linear-gradient(180deg,#ffe4e5,#fff7f7)}.ingredients-card{margin-top:20px;border-radius:24px;padding:22px;background:#fff;border:1px solid rgba(24,32,25,.06)}.ingredients-card__header h3{font-size:1.22rem}.ingredients-card__header span{font-size:1rem}.flour-card{margin-top:20px;border-radius:24px;padding:20px;background:linear-gradient(180deg,#fffdf8,#f8fbf6);border:1px solid rgba(31,122,71,.12)}.flour-card__header{display:flex;justify-content:space-between;gap:16px;align-items:start}.flour-card__header h3{margin:0;font-size:1.08rem}.flour-card__header p,.flour-card__description,.flour-card__guide-list p,.flour-card__rules p{margin:0}.flour-card__header p,.flour-card__description,.flour-card__guide-list p,.flour-card__rules p{color:var(--ink-muted);line-height:1.6}.flour-card__strength{flex-shrink:0;border-radius:999px;background:#1f7a471f;color:var(--green-strong);padding:10px 14px;font-weight:800}.flour-card__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.flour-card__metric{border-radius:18px;padding:14px 16px;background:#ffffffc7;border:1px solid rgba(24,32,25,.06);display:grid;gap:6px}.flour-card__metric span{color:var(--ink-muted);font-size:.92rem}.flour-card__metric strong{font-size:1.05rem;line-height:1.3}.flour-card__description{margin-top:16px}.flour-card__accordion{margin-top:18px;border-top:1px solid rgba(24,32,25,.08);padding-top:16px}.flour-card__accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;cursor:pointer}.flour-card__accordion summary::-webkit-details-marker{display:none}.flour-card__accordion summary:after{content:"+";color:var(--green-strong);font-size:1.2rem;line-height:1}.flour-card__accordion[open] summary:after{content:"−"}.flour-card__accordion-body{display:grid;gap:16px;margin-top:14px}.flour-card__guide-list,.flour-card__rules{display:grid;gap:10px}.flour-card__guide-list strong,.flour-card__rules strong{color:var(--ink)}.outcome-card,.keys-card{margin-top:20px;border-radius:24px;padding:20px;background:#fff;border:1px solid rgba(24,32,25,.06)}.outcome-card__header,.keys-card__header{display:flex;justify-content:space-between;gap:16px;align-items:start}.outcome-card__header h3,.keys-card__header h3{margin:0;font-size:1.08rem}.outcome-card__header p,.keys-card__header p{margin:8px 0 0;color:var(--ink-muted);line-height:1.6}.outcome-card__grid,.keys-card__grid{display:grid;gap:12px;margin-top:18px}.outcome-card__grid,.keys-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outcome-card__item,.keys-card__item{border-radius:18px;background:linear-gradient(180deg,#fffdf8,#fff8ef);border:1px solid rgba(24,32,25,.06);padding:16px}.outcome-card__item{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.keys-card__item{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}.outcome-card__item strong,.keys-card__item h4{display:block;margin:0;font-size:1rem}.outcome-card__item p,.keys-card__item p{margin:6px 0 0;color:var(--ink-muted);line-height:1.5}.keys-card__icon{font-size:1.1rem;line-height:1.2}.keys-card__tip{flex-shrink:0;border-radius:999px;padding:10px 14px;background:#cf2b361a;color:var(--red-strong);font-weight:800;white-space:nowrap}.ingredients-card__header h3,.step-card h3{margin:0;font-size:1.08rem}.ingredients-card__header span,.ingredient-row span,.step-card p{color:var(--ink-muted)}.ingredient-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid rgba(24,32,25,.08)}.ingredient-row:first-of-type{border-top:0}.ingredient-row div{display:grid;gap:4px}.ingredient-row strong{font-size:1.08rem}.ingredient-row div span{font-size:1rem}.ingredient-row>span{font-size:1.08rem;font-weight:700}.step-card p{margin:0;line-height:1.6;font-size:1rem}.steps-list{display:grid;gap:22px;margin-top:24px}.step-card{padding:24px 20px;border-radius:22px;background:linear-gradient(180deg,#fffffff2,#fff8eed9),#fff;border:1px solid rgba(24,32,25,.07)}.step-card__top{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center}.step-card__number{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#1f7a471f;color:var(--green-strong);font-weight:800}.step-card__bullets{display:grid;gap:10px;margin-top:16px}.step-card__bullets p{position:relative;padding-left:18px}.step-card__bullets p:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:999px;background:var(--green-strong)}.step-card__highlight{margin-top:16px;padding-top:16px;border-top:1px solid rgba(24,32,25,.08)}.step-card__highlight strong{color:var(--ink)}@media(max-width:680px){.app-shell__content{width:min(100vw - 20px,820px);padding:28px 0 42px}.hero{padding-bottom:28px}.intro-banner{margin-bottom:20px;padding:24px 20px}.panel{padding:20px;border-radius:24px}.field-grid,.stat-grid,.flour-card__metrics,.outcome-card__grid,.keys-card__grid,.action-row{grid-template-columns:1fr}.panel__header,.ingredients-card__header,.flour-card__header,.outcome-card__header,.keys-card__header{flex-direction:column}}@media print{body{background:#fff}.app-shell__backdrop,.panel--form,.hero p{display:none}.app-shell__content{width:100%;padding:0}.layout-grid{grid-template-columns:1fr}.panel,.hero{box-shadow:none;border:0;background:#fff;padding-left:0;padding-right:0}}