.shelf-head.svelte-5t3h1c{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;margin-bottom:1.5rem;display:flex}.shelf.svelte-5t3h1c{border-bottom:2px solid var(--rule-strong);grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:clamp(.25rem,1.2vw,1rem);margin:0;padding:0 0 .25rem;list-style:none;display:grid;box-shadow:0 10px 22px -18px #db843699}.shelf.svelte-5t3h1c li:where(.svelte-5t3h1c){display:flex}.vessel.svelte-5t3h1c{border-radius:.8rem;align-content:end;justify-items:center;gap:.25rem;width:100%;padding:.4rem .2rem .6rem;transition:background-color .2s;display:grid}.vessel.svelte-5t3h1c:hover{background:#efe4cf0a}.tag.svelte-5t3h1c{min-height:1.3rem;color:var(--amber);font-size:.75rem;font-weight:600}.from.svelte-5t3h1c .tag:where(.svelte-5t3h1c){color:var(--bone)}.to.svelte-5t3h1c .tag:where(.svelte-5t3h1c){color:var(--amber)}svg.svelte-5t3h1c{width:100%;max-width:6.5rem;height:auto;overflow:visible}.line-art.svelte-5t3h1c{fill:none;stroke:#9a8d7d99;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;transition:stroke .25s}.vessel.svelte-5t3h1c:hover .line-art:where(.svelte-5t3h1c),.from.svelte-5t3h1c .line-art:where(.svelte-5t3h1c){stroke:var(--bone)}.to.svelte-5t3h1c .line-art:where(.svelte-5t3h1c){stroke:var(--amber)}.liquid.svelte-5t3h1c{fill:#6b3f1f;transition:y .45s,height .45s}.to.svelte-5t3h1c .liquid:where(.svelte-5t3h1c){fill:#8a5227}.milk.svelte-5t3h1c{fill:#efe4cf2e}.name.svelte-5t3h1c{text-align:center;color:var(--bone);margin-top:.35rem;font-size:.85rem;font-weight:500;line-height:1.25}.ml.svelte-5t3h1c{color:var(--ash);font-size:.75rem;font-stretch:88%}.convert.svelte-5t3h1c{grid-template-columns:minmax(0,24rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(2rem,5vw,3rem);display:grid}.controls.svelte-5t3h1c{gap:1.4rem;display:grid}.step.svelte-5t3h1c{font-family:var(--font-display);color:var(--bone);margin:0;font-size:1.6rem;font-weight:700;line-height:1.1}.pair.svelte-5t3h1c{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.result.svelte-5t3h1c{border:1px solid var(--rule);background:radial-gradient(90% 80% at 15% 0%, #db84361f, transparent 60%), var(--panel);border-radius:1.25rem;padding:clamp(1.5rem,4vw,2.5rem)}.amounts.svelte-5t3h1c{flex-wrap:wrap;gap:1rem clamp(2rem,6vw,4rem);margin:1.25rem 0;display:flex}.amounts.svelte-5t3h1c div:where(.svelte-5t3h1c){gap:.35rem;display:grid}.big.svelte-5t3h1c{color:var(--amber);text-shadow:0 0 36px #db843659;font-size:clamp(3.75rem,9vw,6rem);font-weight:500;font-stretch:70%;line-height:.9}.big.water.svelte-5t3h1c{color:var(--bone);text-shadow:none}.unit.svelte-5t3h1c{color:var(--ash);margin-left:.12em;font-size:.4em}.what.svelte-5t3h1c{color:var(--ash);font-size:.9rem}.line.svelte-5t3h1c{max-width:36rem;color:var(--text);margin:0;line-height:1.6}.muted.svelte-5t3h1c{color:var(--ash);margin-top:.5rem}@media (width<=960px){.convert.svelte-5t3h1c{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.shelf.svelte-5t3h1c{box-shadow:none;border-bottom:0;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:1.25rem}.shelf.svelte-5t3h1c li:where(.svelte-5t3h1c){border-bottom:2px solid var(--rule-strong)}}@media (prefers-reduced-motion:reduce){.liquid.svelte-5t3h1c{transition:none}}