@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex-VariableFont.woff2)format("woff2");font-weight:1 1000;font-style:normal;font-display:swap}:root{font-variant-numeric:tabular-nums;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page-bg:#0e0a42;--color-surface:transparent;--color-text:#e7e7e7;--color-text-strong:#fff;--color-text-muted:#ffffffc7;--color-border:#ffffff73;--color-border-soft:#ffffff59;--color-border-strong:#fff;--color-primary:#0060cd;--color-primary-hover:#0055b6;--color-primary-text:#fff;--color-heading-marker:var(--color-primary);--color-toggle-track:#0f172a;--color-toggle-icon:#ffffffd1;--color-toggle-moon:#fad955;--color-toggle-sun:#fad955;--color-toggle-thumb:var(--color-primary);--color-danger:#c11e0f;--color-danger-text:#fff;--color-focus-ring:#fff3;--color-shadow:#02061729;--color-input-bg:#fff;--color-input-bg-hover:#f9fafb;--color-input-text:#111827;--color-input-border:#d1d5db;--color-warning-text:#991b1b;--color-warning-bg:#fee2e2;--color-warning-border:#fecaca;--color-modal-bg:#fff;--color-modal-text:#021739;--color-modal-border:#eee;--color-backdrop:#02061799;--font-weight-light:300;--font-weight-regular:450;--font-weight-medium:500;--font-weight-strong:900;color:var(--color-text);background:var(--color-page-bg);--radius-sm:calc(2px + .25rem);--radius-md:calc(3px + .25rem);--radius-lg:calc(5px + .25rem);--font-size-xs:calc(.675rem + .1vw);--font-size-sm:calc(.85rem + .12vw);--font-size-md:calc(.925rem + .14vw);--font-size-lg:clamp(1rem, calc(1.2rem + 1.43vw), 3.1rem);--gap-xs:4px;--gap-sm:6px;--gap-md:10px;--gap-lg:18px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:16px;--space-xl:30px;font-family:Google Sans Flex,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page-bg:#f3f5fe;--color-surface:#d8dee800;--color-text:#1f2937;--color-text-strong:#0f172a;--color-text-muted:#4b5563;--color-border:#0f172a2e;--color-border-soft:#0f172a1f;--color-border-strong:#0f172a52;--color-primary:#0057b8;--color-primary-hover:#004a9c;--color-primary-text:#fff;--color-heading-marker:#d8dee8;--color-toggle-track:#ebeef3;--color-toggle-icon:#334155;--color-toggle-moon:#c5a62a;--color-toggle-sun:#fcdd46;--color-toggle-thumb:var(--color-primary);--color-danger:#b42318;--color-danger-text:#fff;--color-focus-ring:#0057b833;--color-shadow:#0f172a1f;--color-input-bg:#fff;--color-input-bg-hover:#f8fafc;--color-input-text:#111827;--color-input-border:#cbd5e1;--color-warning-text:#7f1d1d;--color-warning-bg:#fef2f2;--color-warning-border:#fecaca;--color-modal-bg:#fff;--color-modal-text:#0f172a;--color-modal-border:#e5e7eb;--color-backdrop:#0f172a75}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--color-text);background:var(--color-page-bg);margin:0}#app{min-height:100vh}.container{max-width:1200px;padding:calc(5*var(--space-lg)) var(--space-lg) calc(var(--space-xl) + var(--space-md));margin:0 auto}.layout{gap:var(--gap-lg);flex-direction:column;display:flex}.layout__left,.layout__right{gap:var(--gap-md);flex-direction:column;min-width:0;display:flex}.layout .card{margin-bottom:0}.notes-section{color:var(--color-text);margin-top:3rem}.notes-section h2,.notes-section h3{color:var(--color-text-strong);letter-spacing:.03em}.notes-section p{max-width:76ch;margin:0;line-height:1.55}.answer-summary,.key-facts,.calculation-note{margin-top:var(--space-xl)}.answer-summary{border-left:3px solid var(--color-border-strong);max-width:82ch;padding-left:var(--space-lg)}.answer-summary h3{margin:0 0 var(--space-sm);font-size:var(--font-size-md)}.key-facts dl{gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;display:grid}.key-facts dl>div{border-top:1px solid var(--color-border);padding-top:var(--space-md)}.key-facts dt{margin-bottom:var(--space-xs);font-weight:var(--font-weight-strong);color:var(--color-text-strong)}.key-facts dd{margin:0;line-height:1.55}.notes-section-grid{gap:var(--gap-lg);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.notes-section-grid article{border-top:1px solid var(--color-border);padding-top:var(--space-md)}.notes-section-grid h3{margin:0 0 var(--space-sm);font-size:var(--font-size-md)}.safety-note,.faq-list{margin-top:var(--space-xl)}.faq-list details{border-top:1px solid var(--color-border);padding:var(--space-md) 0}.faq-list summary{cursor:pointer;font-weight:var(--font-weight-strong)}.faq-list details p{margin-top:var(--space-sm)}.updated-note{margin-top:var(--space-lg);font-size:var(--font-size-sm)}.site-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-soft);color:var(--color-text);font-size:var(--font-size-sm)}.site-footer p{margin:0}@media (width>=960px){.layout{gap:var(--gap-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}}.input-group{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-inline-size:0;padding:var(--space-md) var(--space-lg) var(--space-lg);margin:0 0 var(--space-lg)}.input-group:last-child{margin-bottom:0}.input-group legend{padding:0 var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);color:var(--color-text);text-transform:uppercase;letter-spacing:.15em}.header-row__actions{align-items:center;gap:var(--gap-sm);display:flex}button.btn-ghost{border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-input-text)}button.btn-ghost:hover{background:var(--color-input-bg-hover)}h1{margin:0 0 var(--space-sm);color:var(--color-text-strong);letter-spacing:.03em;font-weight:var(--font-weight-regular);text-align:center;font-size:var(--font-size-lg)}.sub{margin:0 0 var(--space-md);letter-spacing:.08em;color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-align:center;text-wrap:pretty}h2{z-index:0;font-weight:var(--font-weight-strong);margin-block:var(--space-lg);display:inline-block;position:relative}@keyframes fadeIn{0%{opacity:.4;transform:translate(-20px)}40%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}}.card h2{padding:0 var(--space-lg) 0 var(--space-xs);color:var(--color-text-strong);letter-spacing:.02em;opacity:.4;animation:.5s ease-out fadeIn;animation-timeline:view();transform:translate(-20px)}.card h2:before{content:"";background:var(--color-heading-marker);opacity:.7;z-index:-1;height:14px;position:absolute;top:60%;left:0;right:2px;transform:skew(45deg)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.header-row{justify-content:space-between;align-items:center;display:flex}.grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.flavor-costs{margin-top:var(--space-lg)}.flavor-costs h3{margin:0 0 var(--space-md);font-size:var(--font-size-md)}label{gap:var(--gap-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);flex-direction:column;display:flex}input{border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);padding:var(--space-lg) var(--space-lg);font-size:var(--font-size-sm)}input::placeholder{color:color-mix(in srgb, var(--color-input-text) 56%, transparent)}button{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-text);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--font-size-md);transition:filter .2s,transform .12s}button.danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-danger-text)}button:hover{filter:brightness(.92)}button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.2)}button:disabled:hover{filter:grayscale(.2)}button:active{filter:brightness(.82);transform:translateY(1px)scale(.998)}button:focus{outline:none}.flavor-row{gap:var(--gap-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.flavor-row>*{flex:140px}.flavor-row>button{flex:none;align-self:end}.warnings{color:var(--color-warning-text);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);margin:0 0 var(--space-md);padding:var(--space-md) var(--space-lg)}.warnings li{margin:0 var(--space-lg)}.results-table-wrap{width:100%;overflow-x:auto}.results-table{border-collapse:collapse;width:100%;min-width:420px;margin-bottom:var(--space-md)}.top-actions{justify-content:space-between;align-items:center;gap:var(--gap-md);z-index:1100;width:100%;padding:1rem var(--space-lg);display:flex;position:absolute;top:0;right:0}.theme-toggle,.info-btn,.saved-recipes-shortcut{border:1px solid var(--color-border-strong);color:var(--color-primary-text);box-shadow:0 4px 10px var(--color-shadow)}.theme-toggle{background:var(--color-toggle-track);border-radius:999px;width:68px;min-width:68px;height:36px;min-height:36px;padding:0;position:relative;overflow:hidden}.theme-toggle__icon,.theme-toggle__thumb{position:absolute;top:50%;transform:translateY(-50%)}.theme-toggle__icon{width:18px;height:18px;color:var(--color-toggle-icon);z-index:3}.theme-toggle__icon--moon{color:var(--color-toggle-moon);left:10px}.theme-toggle__icon--sun{color:var(--color-toggle-sun);right:10px}.theme-toggle__icon svg{width:100%;height:100%;display:block}.theme-toggle__icon--moon svg{fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px}.theme-toggle__icon--sun svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;transform:translate(2px)}.theme-toggle__thumb{background:var(--color-toggle-thumb);width:28px;height:28px;box-shadow:0 2px 8px var(--color-shadow);z-index:2;border-radius:50%;transition:transform .18s;left:4px}.theme-toggle--light .theme-toggle__thumb{transform:translate(31px,-50%)}.info-btn{background:var(--color-primary);min-width:32px;min-height:32px;font-size:var(--font-size-md);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.saved-recipes-shortcut{background:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;min-width:32px;min-height:32px;text-decoration:none;transition:filter .2s,transform .12s;display:none}.saved-recipes-shortcut:hover{filter:brightness(.92)}.saved-recipes-shortcut:active{filter:brightness(.82);transform:translateY(1px)scale(.998)}.saved-recipes-shortcut:focus{outline:none}.saved-recipes-shortcut svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}#saved-recipes,#recipe-results{scroll-margin-top:72px}.results-table th,.results-table td{border-bottom:1px solid var(--color-border-strong);padding:var(--space-sm);text-align:left;white-space:nowrap;font-size:var(--font-size-md);font-weight:var(--font-weight-regular)}.results-table th{font-weight:var(--font-weight-medium)}.results-table th:not(:first-child),.results-table td:not(:first-child){text-align:right}.totals{gap:var(--gap-xs);flex-flow:column wrap;display:flex}.totals p{font-weight:var(--font-weight-light);letter-spacing:.04rem;margin:5px 0 0}.recipe-save{gap:var(--gap-sm);margin-bottom:var(--space-md);display:flex}.recipes{margin:0;padding:0;list-style:none}.recipes li{display:block}.recipes li>div{gap:var(--gap-sm);flex-direction:column;display:flex}@media (width>=600px){.recipes li>div{flex-direction:row;justify-content:space-between;align-items:start}}.recipe-name{font-weight:var(--font-weight-medium);color:var(--color-text-strong);text-transform:capitalize}.recipe-row{border-bottom:1px solid var(--color-border-strong);justify-content:space-between;align-items:flex-end;padding:1rem 0 .8rem;display:flex}.recipes .recipe-row button{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.recipe-actions{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.actions-buttons{gap:var(--gap-sm);display:flex}.used-dates{font-size:calc(var(--font-size-sm) - .02rem);color:var(--color-text-muted);margin:0;padding:0;list-style:none}.used-dates li{justify-content:flex-end;align-items:center;gap:var(--gap-sm);margin-top:5px;display:flex}.used-dates .date-remove-btn{width:1rem;height:1rem;font-size:var(--font-size-xs);border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex;padding:12px!important}@media (width<=820px){.top-actions{background:var(--color-heading-marker);grid-template-columns:1fr auto 1fr;display:grid}.theme-toggle{justify-self:start}.saved-recipes-shortcut{justify-self:center;display:inline-flex}.info-btn{justify-self:end}.flavor-row{grid-template-columns:1fr 1fr;display:grid}.flavor-row>*{min-width:0}.flavor-row>button{grid-column:span 2;justify-self:end;width:fit-content}.results-table{min-width:360px}}.modal-backdrop[data-v-748f42a6]{background:var(--color-backdrop);z-index:1200;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card[data-v-748f42a6]{background:var(--color-modal-bg);color:var(--color-modal-text);width:100%;max-width:720px;box-shadow:0 10px 30px var(--color-shadow);border-radius:10px;overflow:hidden}.modal-header[data-v-748f42a6]{border-bottom:1px solid var(--color-modal-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-748f42a6]{margin:0;font-size:1rem}.modal-close[data-v-748f42a6]{color:var(--color-modal-text);cursor:pointer;background:0 0;border:0;font-size:1.1rem}.modal-body[data-v-748f42a6]{max-height:60vh;padding:16px 20px;font-size:.95rem;line-height:1.4;overflow:auto}.modal-body h4[data-v-748f42a6]{margin-top:.5rem}.modal-body ul[data-v-748f42a6]{margin:.5rem 0 1rem 1.1rem}.modal-footer[data-v-748f42a6]{border-top:1px solid var(--color-modal-border);justify-content:flex-end;padding:12px 20px;display:flex}.modal-footer button[data-v-748f42a6]{background:var(--color-primary);color:var(--color-primary-text);border-radius:6px;padding:8px 12px}.pgvg-pair[data-v-5fb5957d]{display:contents}.pgvg-pair.compact[data-v-5fb5957d],.pgvg-pair.vertical[data-v-5fb5957d]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pgvg-pair.compact label[data-v-5fb5957d]{flex-direction:column;gap:6px;min-width:0;font-size:14px;display:flex}.pgvg-pair.vertical label[data-v-5fb5957d]{flex-direction:column;gap:6px;min-width:0;display:flex}.pgvg-pair.compact input[data-v-5fb5957d]{min-width:0;font-size:var(--font-size-xs)}.batch-volume[data-v-7ba10c9f]{margin-bottom:14px}.one-col[data-v-7ba10c9f]{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.one-col label[data-v-7ba10c9f]{flex-direction:column;gap:6px;display:flex}.logo[data-v-ff36a563]{width:35px;height:auto;display:inline-block}@media (width<=768px){.logo[data-v-ff36a563]{width:28px;transform:translateY(4px)}}