@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#f8f4ec;--paper:#fffcf6eb;--line:#584c3424;--text:#203028;--muted:#667267;--sidebar:#0f301f;--sidebar-deep:#0a2518;--olive-soft:#eef2df;--clay-soft:#f7e7dc;--shadow:0 28px 70px #12241614;--radius-xl:28px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top right, #d5b77e2e, transparent 24%), radial-gradient(circle at bottom left, #8b996629, transparent 22%), var(--bg);color:var(--text);margin:0;font-family:Manrope,sans-serif}button,input{font:inherit}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #f0d9a40f, transparent 30%), linear-gradient(180deg, var(--sidebar), var(--sidebar-deep));color:#f4efe3;flex-direction:column;gap:28px;padding:32px 18px 28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#9bb263;place-items:center;width:44px;height:44px;display:grid}.brand strong{letter-spacing:-.03em;font-family:Fraunces,serif;font-size:2rem;display:block}.brand small{color:#f4efe3b3}.sidebar-nav{gap:10px;display:grid}.nav-item{color:inherit;cursor:default;background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex}.nav-item.active{background:#a4ad7047}.nav-icon,.nav-icon svg{width:20px;height:20px}.sidebar-footer{background:#ffffff0d;border:1px solid #f0d9a424;border-radius:22px;margin-top:auto;padding:18px}.sidebar-footer p,.sidebar-footer span{margin:0}.sidebar-footer p{color:#f4efe3b3;font-size:.82rem}.sidebar-footer strong{margin-top:6px;font-size:1rem;display:block}.sidebar-footer span{color:#f4efe3c7;margin-top:10px;font-size:.88rem;line-height:1.55;display:block}.page-shell{padding:28px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1,.section-heading h2,.result-panel h2,.scenario-card strong{letter-spacing:-.03em;font-family:Fraunces,serif}.page-header h1{margin:0;font-size:clamp(2.7rem,4vw,3.8rem);line-height:.98}.page-header p{max-width:680px;color:var(--muted);margin:12px 0 0;font-size:1.05rem}.farm-chip{border:1px solid var(--line);min-width:210px;box-shadow:var(--shadow);text-align:right;background:#fffdfadb;border-radius:18px;padding:18px 20px}.farm-chip span{font-weight:700;display:block}.farm-chip small{color:var(--muted)}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.9fr);gap:22px;display:grid}.editor-column,.result-column{align-self:start;gap:22px;display:grid}.surface,.result-panel{background:var(--paper);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #7e683d24;padding:24px}.section-heading,.result-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.nested-heading{margin-bottom:16px}.section-heading h2,.result-panel h2{margin:0;font-size:2rem}.section-heading h3,.nutrient-table__header h3,.audit-panel h3{margin:0;font-size:1.35rem}.section-heading p,.result-panel p{color:var(--muted);margin:8px 0 0;line-height:1.55}.subtle-pill{background:var(--olive-soft);color:#4c5e39;border-radius:999px;padding:10px 14px;font-size:.85rem;font-weight:700}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.scenario-card{border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--text);background:#ffffffa3;border-radius:22px;gap:16px;min-height:154px;padding:18px;display:flex}.scenario-card.selected{transform:translateY(-2px);box-shadow:0 18px 40px #10251614}.scenario-card.olive.selected{border-color:#4862337a}.scenario-card.clay.selected{border-color:#b76d3f75}.scenario-card__icon{border-radius:22px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid}.scenario-card.olive .scenario-card__icon{background:var(--olive-soft);color:#546e3e}.scenario-card.clay .scenario-card__icon{background:var(--clay-soft);color:#9b5630}.scenario-card__icon svg{width:34px;height:34px}.scenario-card__body{flex-direction:column;gap:8px;display:flex}.scenario-card strong{font-size:1.8rem;line-height:1.05}.scenario-card p{color:var(--muted);margin:0;line-height:1.5}.scenario-card span{color:#31402f;margin-top:auto;font-weight:700}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-card{background:#ffffffbd;border:1px solid #7e683d1f;border-radius:18px;gap:10px;padding:16px;display:grid}.field-card span{font-weight:700}.field-card input,.ingredient-amount input{width:100%;color:var(--text);background:#fff;border:1px solid #7e683d2e;border-radius:14px;outline:none;padding:14px 16px}.ingredient-panel{margin-top:20px}.auth-mode{grid-template-columns:1fr}.auth-shell{place-items:center;min-height:100vh;display:grid}.auth-card{gap:24px;width:min(980px,100%);display:grid}.auth-copy h1{margin:14px 0 10px;font-family:Fraunces,serif;font-size:clamp(2.4rem,5vw,4rem);line-height:.98}.auth-copy p{color:var(--muted);max-width:700px;margin:0}.auth-form,.form-grid{gap:14px;display:grid}.auth-form label,.form-grid label{gap:8px;font-weight:700;display:grid}.auth-form input,.form-grid input,.form-grid select,.ingredient-row select,.ingredient-row input,.search-input{width:100%;color:var(--text);background:#fff;border:1px solid #7e683d2e;border-radius:14px;padding:14px 16px}.demo-account-grid,.summary-grid,.card-grid{gap:16px;display:grid}.group-section{gap:16px;margin-top:24px;display:grid}.demo-account-grid,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.demo-account-card,.summary-card,.entity-card{border:1px solid var(--line);text-align:left;color:var(--text);background:#ffffffb8;border-radius:18px;padding:18px}.demo-account-card,.entity-card,.table-row-button,.secondary-button,.primary-button,.ghost-button,.danger-button{cursor:pointer}.demo-account-card strong,.summary-card strong,.entity-card strong{display:block}.entity-card p,.entity-card span{color:var(--muted);margin:6px 0 0}.entity-card .secondary-button{margin-top:14px}.primary-button,.secondary-button,.ghost-button,.danger-button{border:1px solid #0000;border-radius:14px;padding:12px 16px;font-weight:700}.primary-button{color:#fff8ec;background:#234330}.secondary-button{background:var(--olive-soft);color:#29422f}.sidebar-action{width:100%;margin-top:14px}.feedback-banner{background:#ffffffb3;border:1px solid #7e683d24;border-radius:16px;margin-bottom:18px;padding:14px 16px}.feedback-banner.success{background:#edf7ea;border-color:#347a392e}.feedback-banner.error{background:#fbeceb;border-color:#9e37292e}.table-like,.ingredient-list{gap:12px;display:grid}.table-row{color:var(--text);background:#ffffffa8;border:1px solid #7e683d1f;border-radius:16px;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.8fr));align-items:center;gap:12px;padding:16px;display:grid}.table-row-button{text-align:left;width:100%}.table-row-button.selected{border-color:#3f653e66;box-shadow:0 12px 24px #243d2a14}.class-flow-card{background:radial-gradient(circle at 100% 0,#dce8c6b8,#0000 34%),linear-gradient(135deg,#ffffffdb,#f7f2e5d1);border:1px solid #546b3f2e;border-radius:20px;gap:16px;margin:18px 0;padding:18px;display:grid}.class-flow-card h3,.class-flow-card p{margin:0}.class-flow-card h3{margin-top:10px;font-family:Fraunces,serif;font-size:1.35rem}.class-flow-card p{color:var(--muted);margin-top:6px;line-height:1.55}.class-flow-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.class-flow-grid span{color:var(--muted);background:#ffffffb8;border-radius:14px;gap:4px;padding:12px;display:grid}.class-flow-grid strong{color:var(--text)}.field-chip-row{flex-wrap:wrap;gap:8px;display:flex}.field-chip-row span{color:#234330;background:#23433014;border-radius:999px;padding:8px 10px;font-size:.88rem;font-weight:700}.field-chip-row.muted span{color:#6d5b37;background:#7e683d1a}.field-chip-row.environment span{color:#255d70;background:#2a69801a}.editor-mode-banner{background:linear-gradient(135deg,#edf7eaf2,#ffffffd6);border:1px solid #4f7e4d38;border-radius:18px;gap:6px;margin-bottom:18px;padding:16px 18px;display:grid}.editor-mode-banner strong{font-size:.98rem}.editor-status-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.editor-status-badge{color:#234330;background:#23433014;border-radius:999px;align-items:center;padding:8px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.editor-status-badge.is-new{color:#fff8ec;background:#234330}.editor-status-note{color:var(--muted);font-size:.92rem}.ingredient-row{grid-template-columns:minmax(0,1.2fr) 160px 120px;align-items:center;gap:12px;display:grid}.button-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.result-detail,.empty-state{gap:18px;display:grid}@media (width<=960px){.app-shell,.content-grid,.table-row,.ingredient-row{grid-template-columns:1fr}.sidebar{gap:18px}}.ingredient-table,.nutrient-table__grid{gap:10px;margin-top:16px;display:grid}.ingredient-table__head,.nutrient-table__head,.ingredient-row,.nutrient-table__row{align-items:center;gap:12px;display:grid}.ingredient-table__head,.ingredient-row{grid-template-columns:1.3fr .85fr .7fr}.nutrient-table__head,.nutrient-table__row{grid-template-columns:1fr .7fr .7fr .7fr 1fr}.ingredient-table__head,.nutrient-table__head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 14px;font-size:.82rem;font-weight:700}.ingredient-row,.nutrient-table__row{background:#ffffffbd;border:1px solid #7e683d1f;border-radius:18px;padding:14px}.ingredient-category{color:var(--muted);text-transform:capitalize}.ingredient-amount{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.ingredient-amount span{color:var(--muted);font-weight:700}.action-banner{background:linear-gradient(135deg,#fffbf1eb,#fffc);border:1px solid #d5b77e66;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:18px 20px;display:flex}.action-banner p,.action-banner strong{margin:0}.action-banner p{color:var(--muted);max-width:520px;margin-top:8px;line-height:1.55}.action-buttons{gap:12px;display:flex}.ghost-button,.primary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:16px;padding:14px 20px;font-weight:700}.ghost-button{color:var(--text);background:#ffffffe0;border-color:#7e683d2e}.primary-button{color:#f9f4e6;background:linear-gradient(135deg,#123823,#234f35);min-width:180px;box-shadow:0 18px 40px #10251629}.danger-button{color:#963326;background:#fff1ee;border-color:#a93a2b3d}.primary-button:disabled{opacity:.72;cursor:progress}.error-message{color:#a93a2b;margin:16px 0 0;font-weight:700}.calculated-at{color:var(--muted);padding-top:8px;font-size:.88rem}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.summary-card{background:#ffffffc2;border:1px solid #7e683d1f;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:18px;display:grid}.summary-card__icon{color:#536a3f;background:#eef2dfe6;border-radius:18px;place-items:center;width:52px;height:52px;display:grid}.summary-card__icon svg{width:24px;height:24px}.summary-card p,.summary-card strong,.summary-card small{margin:0;display:block}.summary-card p{color:var(--muted);margin-bottom:4px}.summary-card strong{font-size:1.6rem;line-height:1}.summary-card small{color:var(--muted);margin-top:4px}.status-pill{border-radius:999px;justify-self:start;padding:8px 11px;font-size:.82rem;font-weight:700}.status-pill.success{color:#427036;background:#dfefd6e6}.status-pill.warning{color:#9a6315;background:#ffebccf5}.status-pill.danger{color:#a93a2b;background:#fce0dbf0}.status-pill.accent{color:#985831;background:#f8e8def5}.message-card,.audit-panel{background:linear-gradient(135deg,#fffaeff0,#ffffffdb);border:1px solid #d5b77e52;border-radius:22px;margin-top:18px;padding:18px}.message-card{align-items:flex-start;gap:14px;display:flex}.message-card__icon{color:#9c7031;background:#fae1b470;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.message-card__icon svg{width:22px;height:22px}.message-card strong,.message-card p,.audit-panel p{margin:0}.message-card p{color:var(--muted);margin-top:6px;line-height:1.55}.nutrient-table{margin-top:18px}.nutrient-table__header p{margin-top:8px}.nutrient-table__row small{color:var(--muted);line-height:1.45}.audit-panel dl{gap:12px;margin:16px 0 0;display:grid}.audit-panel dl div{border-bottom:1px dashed #7e683d2e;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:10px;display:flex}.audit-panel dl div:last-child{border-bottom:0;padding-bottom:0}.audit-panel dt{color:var(--muted);font-weight:700}.audit-panel dd{text-align:right;margin:0;font-weight:700}@media (width<=1180px){.app-shell,.content-grid{grid-template-columns:1fr}}@media (width<=860px){.page-shell{padding:18px}.page-header,.section-heading,.result-panel__header,.action-banner{flex-direction:column}.scenario-grid,.field-grid,.summary-grid,.ingredient-table__head,.ingredient-row,.nutrient-table__head,.nutrient-table__row{grid-template-columns:1fr}.action-buttons{flex-direction:column;width:100%}.ghost-button,.primary-button,.danger-button,.farm-chip{text-align:left;width:100%}}