:root{--font-color-light:#fff;--font-color-dark:#021739;--font-weight-light:200;--font-weight-regular:300;--font-weight-strong:400;color:var(--font-color-dark);--btn-bg-regular:#2a2394;--btn-bg-danger:#a51f13;--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(.75rem + .12vw);--font-size-md:calc(.825rem + .14vw);--gap-xs:4px;--gap-sm:6px;--gap-md:10px;--gap-lg:12px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:12px;--space-xl:15px;background:#2a2394;font-family:Google Sans Flex,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh}.container{max-width:1200px;padding:var(--space-xl) 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-lg);flex-direction:column;min-width:0;display:flex}.layout .card{margin-bottom:0}@media (width>=960px){.layout{gap:var(--gap-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}}.input-group{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);border:1px solid #e5e7eb}.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(--font-color-dark);text-transform:uppercase;letter-spacing:.05em}.header-row__actions{align-items:center;gap:var(--gap-sm);display:flex}button.btn-ghost{color:var(--font-color-dark);background:#fff;border:1px solid #d1d5db}button.btn-ghost:hover{background:#f9fafb}h1{margin:0 0 var(--space-sm);color:var(--font-color-light);letter-spacing:.07em;font-weight:var(--font-weight-light)}.sub{margin:0 0 var(--space-xl);letter-spacing:.08em;color:var(--font-color-light);font-weight:var(--font-weight-strong)}h2{font-weight:var(--font-weight-regular)}.card{border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);background:#dadada;border:1px solid #e5e7eb}.header-row{margin-bottom:var(--space-md);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);flex-direction:column;display:flex}input{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);border:1px solid #d1d5db}button{border:1px solid var(--btn-bg-regular);background:var(--btn-bg-regular);color:var(--font-color-light);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--font-size-md)}button.danger{background:var(--btn-bg-danger);border-color:var(--btn-bg-danger)}.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:#991b1b;border-radius:var(--radius-md);margin:0 0 var(--space-md);padding:var(--space-md) var(--space-lg);background:#fee2e2;border:1px solid #fecaca}.results-table-wrap{width:100%;overflow-x:auto}.results-table{border-collapse:collapse;width:100%;min-width:420px;margin-bottom:var(--space-md)}.results-table th,.results-table td{padding:var(--space-sm);text-align:left;white-space:nowrap;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);border-bottom:1px solid #e5e7eb}.results-table th:not(:first-child),.results-table td:not(:first-child){text-align:right}.totals{gap:var(--gap-lg);flex-wrap:wrap;display:flex}.totals p{font-weight:var(--font-weight-strong);margin:0}.recipe-save{gap:var(--gap-sm);margin-bottom:var(--space-md);display:flex}.recipes{margin:0;padding:0;list-style:none}.recipes li{padding:var(--space-sm) 0;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;display:flex}.recipes li>div{gap:var(--gap-sm);display:flex}@media (width<=820px){.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}}.pgvg-pair[data-v-bf3b6405]{display:contents}.pgvg-pair.compact[data-v-bf3b6405]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pgvg-pair.compact label[data-v-bf3b6405]{flex-direction:column;gap:6px;min-width:0;font-size:14px;display:flex}.pgvg-pair.compact input[data-v-bf3b6405]{min-width:0}.batch-volume[data-v-bf19d52f]{margin-bottom:14px}.app-title[data-v-51f1e748]{align-items:center;gap:.5rem;font-size:1.75rem;display:flex}.logo[data-v-51f1e748]{width:40px;height:auto;display:inline-block}