:root{--bg: #ffffff;--text: #1f2328;--muted: #5b6168;--border: #d0d7de;--panel: #f6f8fa;--green-100: #eaf9ec;--blue-100: #e5f0ff;--purple-100: #e9e5ff;--pink-100: #fde1ea;--orange-100: #fdefe1;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--radius: .5rem;--shadow: 0 1px 2px rgba(0, 0, 0, .04)}html{font-size:100%}body{background:var(--bg);color:var(--text)}h1,h2,h3,h4{margin:var(--s-2) 0}.page{max-width:960px;width:100%;margin-inline:auto}.container{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5);align-items:start}@media(min-width:48rem){.container{grid-template-columns:min-content 1fr}}.sectionContents{background:var(--panel);box-shadow:var(--shadow);border-radius:var(--radius);padding:var(--s-2) var(--s-4)}#summary{position:sticky;top:0;max-block-size:40vh;max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);z-index:1}.row{display:grid;grid-template-columns:min(10rem) min-content max-content;gap:var(--s-3);align-items:center;margin:var(--s-2) 0}.row label{color:var(--muted)}.summary-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.summary-actions{display:flex;gap:var(--s-2)}.save-popover{max-width:250px}.save-popover p{margin:0 0 var(--s-3) 0;font-size:.9rem;line-height:1.4}.popover-actions{display:flex;flex-direction:column;gap:var(--s-2)}.popover-actions .btn{justify-content:flex-start;width:100%}.share-link-box{margin-top:var(--s-1);overflow:hidden}.share-link{display:flex;align-items:center;gap:.5ch;font-size:.8rem;color:#0969da;text-decoration:none;word-break:break-all}.share-link:hover{text-decoration:underline}.share-link span{flex-shrink:0}.copy-feedback{font-size:.8rem;color:#1a7f37;padding-left:.8rem;margin-top:-.2rem}.btn{display:inline-flex;align-items:center;gap:.5ch;padding:.4rem .8rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);text-decoration:none;cursor:pointer;font:inherit;font-size:.9rem;transition:background-color .2s}.btn:hover{background:var(--bg)}.btn span{font-size:1.1em}input[type=number]{appearance:textfield;text-align:right;width:6ch;padding:.3rem;min-height:1.8rem;border:1px solid var(--border);border-radius:.375rem;background:var(--bg);color:var(--text)}.tableContainer{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:var(--s-3)}#summary table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--border);padding:var(--s-2) var(--s-3);text-align:center;white-space:nowrap}.colish{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;column-gap:.5ch}.colish .n{text-align:right}.colish .sym{text-align:center;width:1.25ch}.colish .placeholder{grid-column:1 / -1;text-align:center}.stepCard{padding:var(--s-3);border-radius:var(--radius);margin-bottom:var(--s-3)}.stepCard--mashIn{background:var(--green-100)}.stepCard--infusion{background:var(--purple-100)}.stepCard--lauter{background:var(--orange-100)}.stepCard--sparge{background:var(--blue-100)}.stepHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.stepHeader h3{margin:0}.stepHeader .stepActions button{inline-size:1.9rem;block-size:1.8rem;cursor:pointer}.toolbox{margin-top:var(--s-4);display:flex;flex-wrap:nowrap;gap:var(--s-2)}.toolbox .toolBtn{flex:1 1 0;min-width:0;min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer;font-size:1em}.toolbox .toolBtn--infusion{background:var(--purple-100)}.toolbox .toolBtn--lauter{background:var(--orange-100)}.toolbox .toolBtn--sparge{background:var(--blue-100)}div.calcOutput{margin:var(--s-2) 0;font-size:.95em}.calcOutput div{margin:var(--s-1) 0}.stepCard .status{font-size:.95em;color:var(--muted)}.stepCard .status p{margin:var(--s-1) 0}.alert-box{background-color:var(--pink-100);color:#d1242f;padding:var(--s-2) var(--s-3);border-radius:var(--radius);margin-top:var(--s-3);font-size:.9em;display:flex;align-items:center;gap:var(--s-2)}.alert-icon{color:#d1242f;font-size:1.3em}.alert-box .alert-icon{font-size:1.8em}.strike-water-cell{display:flex;align-items:center;justify-content:space-between}.footer{margin-top:var(--s-6);padding:var(--s-4) 0;text-align:center;font-size:.9rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:var(--s-3);color:var(--muted)}.footer .bluesky-logo{height:1.2rem;width:auto;display:block}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{text-decoration:underline}@media print{h1,article,.toolbox,.stepActions,.summary-actions,.tipWrap{display:none!important}.footer{display:none!important}.page{max-width:none;margin:0}.container{display:flex;flex-direction:column}#summary{order:-1;position:static;max-block-size:none;max-height:none;overflow-y:visible;break-after:page}.sidebar{width:100%}.sectionContents{box-shadow:none;border:1px solid #ccc}th,td{border:1px solid #000}.stepCard{border:1px solid #ccc;break-inside:avoid}input{border:none!important;padding:0!important;background:transparent!important}.row{margin:0!important;padding:0!important}}.tipWrap.svelte-ui1mx9{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.tip.svelte-ui1mx9{inline-size:1.25rem;block-size:1.25rem;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font:inherit;font-size:.8rem;font-weight:400;line-height:1;display:inline-grid;place-items:center;margin-inline-start:.4rem;cursor:pointer;vertical-align:middle}.tip.svelte-ui1mx9:focus-visible{outline:2px solid #7aa7ff;outline-offset:2px}.tooltip.svelte-ui1mx9{position:absolute;left:0;transform:translateY(.25rem) scale(.98);transition:opacity .2s ease,transform .2s ease;opacity:0;pointer-events:none;visibility:hidden;background:var(--muted);color:#fff;border-radius:.375rem;box-shadow:0 6px 18px #00000026;padding:.5rem .6rem;display:block;width:max-content;z-index:10;white-space:normal;word-break:normal;overflow-wrap:normal;font-size:1rem;font-weight:400}.tooltip[data-placement=bottom].svelte-ui1mx9{top:100%}.tooltip[data-placement=top].svelte-ui1mx9{bottom:100%;transform:translateY(-.25rem) scale(.98)}.tooltip.svelte-ui1mx9:after{content:"";position:absolute;left:10px;border-width:6px;border-style:solid}.tooltip[data-placement=bottom].svelte-ui1mx9:after{top:-6px;border-color:transparent transparent var(--text) transparent}.tooltip[data-placement=top].svelte-ui1mx9:after{bottom:-6px;border-color:var(--text) transparent transparent transparent}.tip.svelte-ui1mx9:hover+.tooltip:where(.svelte-ui1mx9),.tip.svelte-ui1mx9:focus-visible+.tooltip:where(.svelte-ui1mx9){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.tip[aria-expanded=true].svelte-ui1mx9+.tooltip:where(.svelte-ui1mx9){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.popWrap.svelte-15eaqul{position:relative;display:inline-flex;align-items:center}.popover.svelte-15eaqul{position:absolute;left:50%;transform:translate(-50%) translateY(.5rem);background:var(--bg);color:var(--text);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 6px 18px #00000026;padding:var(--s-3);display:block;width:max-content;z-index:20;white-space:normal}.popover[data-align=right].svelte-15eaqul{left:auto;right:0;transform:translateY(.5rem)}.popover[data-placement=bottom].svelte-15eaqul{top:100%}.popover[data-placement=top].svelte-15eaqul{bottom:100%;transform:translate(-50%) translateY(-.5rem)}.popover[data-placement=top][data-align=right].svelte-15eaqul{transform:translateY(-.5rem)}.popover.svelte-15eaqul:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:6px;border-style:solid}.popover[data-align=right].svelte-15eaqul:after{left:auto;right:1rem;transform:none}.popover[data-placement=bottom].svelte-15eaqul:before{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:7px;border-style:solid;top:-14px;border-color:transparent transparent var(--border) transparent}.popover[data-placement=bottom][data-align=right].svelte-15eaqul:before{left:auto;right:calc(1rem - 1px);transform:none}.popover[data-placement=top].svelte-15eaqul:before{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:7px;border-style:solid;bottom:-14px;border-color:var(--border) transparent transparent transparent}.popover[data-placement=top][data-align=right].svelte-15eaqul:before{left:auto;right:calc(1rem - 1px);transform:none}.popover[data-placement=bottom].svelte-15eaqul:after{top:-12px;border-color:transparent transparent var(--bg) transparent}.popover[data-placement=top].svelte-15eaqul:after{bottom:-12px;border-color:var(--bg) transparent transparent transparent}.expand.svelte-1ogb0r5{margin-block:var(--s-3);border:1px solid var(--border);border-radius:var(--radius);overflow:clip;background:var(--panel)}.expand-control.svelte-1ogb0r5{display:flex;align-items:center;gap:var(--s-3);width:100%;text-align:left;padding:var(--s-3) var(--s-4);background:transparent;border:0;cursor:pointer;line-height:1.2}.expand-control.svelte-1ogb0r5:hover{background:color-mix(in oklab,var(--panel),var(--border) 12%)}.expand-control.svelte-1ogb0r5 .chev:where(.svelte-1ogb0r5){inline-size:1rem;block-size:1rem;flex:0 0 auto;transition:transform .15s ease;transform-origin:50% 50%}.expand-control[aria-expanded=true].svelte-1ogb0r5 .chev:where(.svelte-1ogb0r5){transform:rotate(90deg)}.expand-contents.svelte-1ogb0r5{padding:var(--s-3) var(--s-4)}