.brew-calc.svelte-oaqngz{display:flex;flex-direction:column;gap:2rem}.section-label.svelte-oaqngz{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#c17a3a;font-weight:600;margin-bottom:.5rem}.method-grid.svelte-oaqngz{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media(max-width:480px){.method-grid.svelte-oaqngz{grid-template-columns:repeat(2,1fr)}}.method-btn.svelte-oaqngz{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border:1px solid rgba(26,26,26,.12);background:transparent;cursor:pointer;transition:all .2s;text-align:left}.method-btn.svelte-oaqngz:hover{border-color:#c17a3a66}.method-btn--active.svelte-oaqngz{border-color:#c17a3a;background:#c17a3a0f}.method-icon.svelte-oaqngz{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-family:Playfair Display,serif;font-weight:700;font-size:.85rem;color:#c17a3a;background:#c17a3a14;border-radius:2px;flex-shrink:0}.method-btn--active.svelte-oaqngz .method-icon:where(.svelte-oaqngz){background:#c17a3a;color:#f5f0e8}.method-name.svelte-oaqngz{font-size:.8rem;font-weight:500;color:#1a1a1a}.method-desc.svelte-oaqngz{font-size:.75rem;color:#8a8070;margin-top:.4rem}.method-range.svelte-oaqngz{color:#c17a3a;font-weight:500}.method-guide.svelte-oaqngz{display:inline-block;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#c17a3a;text-decoration:none;font-weight:500;margin-left:.5rem}.method-guide.svelte-oaqngz:hover{color:#a8632e;text-decoration:underline}.ratio-section.svelte-oaqngz{text-align:center}.ratio-display.svelte-oaqngz{display:flex;align-items:center;justify-content:center;gap:1rem}.ratio-adj.svelte-oaqngz{width:36px;height:36px;border:1px solid rgba(26,26,26,.15);background:transparent;font-size:1.2rem;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ratio-adj.svelte-oaqngz:hover{border-color:#c17a3a;color:#c17a3a}.ratio-value.svelte-oaqngz{display:flex;flex-direction:column;align-items:center}.ratio-num.svelte-oaqngz{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;color:#1a1a1a}.ratio-reset.svelte-oaqngz{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#c17a3a;background:none;border:none;cursor:pointer;padding:0;margin-top:.15rem}.ratio-reset.svelte-oaqngz:hover{text-decoration:underline}.ratio-hint.svelte-oaqngz{font-size:.7rem;color:#8a8070;margin-top:.25rem}.calc-row.svelte-oaqngz{display:flex;align-items:flex-end;gap:1rem;justify-content:center}@media(max-width:480px){.calc-row.svelte-oaqngz{flex-direction:column;align-items:center}}.calc-input-group.svelte-oaqngz,.calc-output-group.svelte-oaqngz{flex:1;max-width:180px}.input-wrap.svelte-oaqngz{position:relative}.input-wrap.svelte-oaqngz input:where(.svelte-oaqngz){width:100%;padding:.75rem 2.5rem .75rem .75rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#1a1a1a;border:1px solid rgba(26,26,26,.15);background:#fff;outline:none;transition:border-color .2s;-moz-appearance:textfield}.input-wrap.svelte-oaqngz input:where(.svelte-oaqngz)::-webkit-outer-spin-button,.input-wrap.svelte-oaqngz input:where(.svelte-oaqngz)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrap.svelte-oaqngz input:where(.svelte-oaqngz):focus{border-color:#c17a3a}.input-unit.svelte-oaqngz{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#8a8070}.swap-btn.svelte-oaqngz{width:40px;height:40px;border:1px solid rgba(26,26,26,.12);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8a8070;transition:all .2s;flex-shrink:0;margin-bottom:.15rem}.swap-btn.svelte-oaqngz svg:where(.svelte-oaqngz){width:18px;height:18px}.swap-btn.svelte-oaqngz:hover{border-color:#c17a3a;color:#c17a3a}.output-value.svelte-oaqngz{padding:.75rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#1a1a1a;background:#c17a3a0d;border:1px solid rgba(193,122,58,.2);text-align:center}.output-unit.svelte-oaqngz{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#8a8070;font-family:system-ui,sans-serif;font-weight:400;margin-left:.25rem}.ratio-bar-wrap.svelte-oaqngz{margin-top:-.5rem}.ratio-bar.svelte-oaqngz{display:flex;height:28px;border-radius:2px;overflow:hidden}.ratio-bar-coffee.svelte-oaqngz{background:#3d2518;display:flex;align-items:center;justify-content:center;min-width:40px;transition:width .3s ease}.ratio-bar-water.svelte-oaqngz{background:#c1aa8c4d;display:flex;align-items:center;justify-content:center}.bar-label.svelte-oaqngz{font-size:.6rem;font-weight:600;letter-spacing:.05em;color:#f5f0e8}.ratio-bar-water.svelte-oaqngz .bar-label:where(.svelte-oaqngz){color:#5c4a38}.bar-legend.svelte-oaqngz{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#8a8070}.quick-ref.svelte-oaqngz{border-top:1px solid rgba(26,26,26,.08);padding-top:1.5rem}.ref-table.svelte-oaqngz{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.ref-header.svelte-oaqngz{display:contents}.ref-header.svelte-oaqngz span:where(.svelte-oaqngz){padding:.4rem .75rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#8a8070;border-bottom:1px solid rgba(26,26,26,.08)}.ref-row.svelte-oaqngz{display:contents}.ref-row.svelte-oaqngz span:where(.svelte-oaqngz){padding:.5rem .75rem;font-size:.8rem;color:#1a1a1a;border-bottom:1px solid rgba(26,26,26,.04)}.ref-row--highlight.svelte-oaqngz span:where(.svelte-oaqngz){background:#c17a3a0a;font-weight:600}