.calc.svelte-20o8sv{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow:hidden}.mode-toggle.svelte-20o8sv{display:flex;gap:.5rem}.mode-toggle.svelte-20o8sv button:where(.svelte-20o8sv){flex:1;padding:var(--preset-pad-y) var(--preset-pad-x);min-height:var(--control-h);border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:var(--preset-font);font-weight:500;transition:all .15s}.mode-toggle.svelte-20o8sv button.active:where(.svelte-20o8sv){background:var(--accent);color:#fff;border-color:var(--accent)}.description.svelte-20o8sv{margin:0;font-size:.85rem;color:var(--text-muted)}.row.svelte-20o8sv{display:flex;flex-direction:column}.two-col.svelte-20o8sv{flex-direction:row;align-items:flex-end;gap:.75rem}.two-col.svelte-20o8sv label:where(.svelte-20o8sv):first-child{flex:2;min-width:0}.two-col.svelte-20o8sv label:where(.svelte-20o8sv):last-child{flex:1;min-width:0}.ingredient-row.svelte-20o8sv{gap:.35rem;position:relative;z-index:10}label.svelte-20o8sv{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.label-text.svelte-20o8sv{font-size:.85rem;color:var(--text-secondary);font-weight:500}input.svelte-20o8sv,select.svelte-20o8sv{padding:var(--control-pad-y) var(--control-pad-x);min-height:var(--control-h);border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:var(--control-font);transition:border-color .15s;width:100%;box-sizing:border-box}input.svelte-20o8sv:focus,select.svelte-20o8sv:focus{outline:none;border-color:var(--accent)}.yield-badge.svelte-20o8sv{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;background:var(--bg-input);border-radius:6px;font-size:.9rem;flex-wrap:wrap}.yield-badge.svelte-20o8sv strong:where(.svelte-20o8sv){color:var(--accent)}.badge-label.svelte-20o8sv{color:var(--text-muted);font-size:.8rem}.badge-sep.svelte-20o8sv{color:var(--border);margin:0 .25rem}.result.svelte-20o8sv{padding:1rem;background:var(--accent-light);border-radius:8px}.result-grid.svelte-20o8sv{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:center}.result-item.svelte-20o8sv{display:flex;flex-direction:column;gap:.25rem}.result-label.svelte-20o8sv{font-size:.8rem;color:var(--text-muted)}.result-value.svelte-20o8sv{font-size:1.15rem;color:var(--accent)}.result-item.waste.svelte-20o8sv .result-value:where(.svelte-20o8sv){color:var(--text-secondary);opacity:.7}.example.svelte-20o8sv{font-size:.85rem;color:var(--text-muted);padding:.75rem;background:var(--bg-input);border-radius:6px;word-break:break-word}.example.svelte-20o8sv strong:where(.svelte-20o8sv){color:var(--text-secondary)}.empty-state.svelte-20o8sv{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem;background:var(--bg-input);border-radius:8px;min-height:12rem}.weight-only-notice.svelte-20o8sv{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;background:var(--accent-light);border:1px solid var(--accent);border-radius:6px;font-size:.85rem;color:var(--text-secondary)}@media(max-width:480px){.two-col.svelte-20o8sv{flex-direction:column;align-items:stretch;gap:.75rem}.two-col.svelte-20o8sv label:where(.svelte-20o8sv):first-child,.two-col.svelte-20o8sv label:where(.svelte-20o8sv):last-child{flex:none;width:100%}.result-grid.svelte-20o8sv{grid-template-columns:1fr;gap:.75rem}.result-value.svelte-20o8sv{font-size:1.3rem}}