:root,.snippet[data-window=light]{--bg:#f4f3ef;--panel:#ece8e0;--card:#fff;--soft:#ece9e2;--ink:#141210;--muted:#5f5a52;--faint:#8a8378;--rule:#dcd7cd;--rule2:#e6e2da;--hover:#ebe8e1;--accent:#a5242e;--qual:#3d6584;--qual-line:#c9d6e2;--err:oklch(52% .19 25);--err-bg:oklch(94% .035 25);--err-line:oklch(94.5% .03 25);--on-err:#fff;--warn:oklch(58% .13 75);--sugg:oklch(50% .11 250);--ok:oklch(48% .1 155);--shadow:oklch(30% .02 60/.25);--scrim:oklch(20% .01 60/.35);--primary-bg:var(--ink);--primary-fg:var(--bg);--on-bg:#f9e2e4;--on-fg:#a5242e;--on-line:#d42e3b;--syn-punct:#a39c90;--syn-fmkey:#7a7064;--syn-fmval:#8a5a12;--syn-brewer:#a5242e;--syn-temp:#17795e;--syn-time:#9a6100;--syn-dur:#3f8c77;--syn-qual:#3d6584;--syn-action:#6b3fc4;--syn-amount:#17795e;--syn-kw:#b4471b;--syn-comment:#7d7366;--display:"Bricolage Grotesque", system-ui, sans-serif;--sans:"Bricolage Grotesque", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12110f;--panel:#0b0a08;--card:#1b1916;--soft:#201e1a;--ink:#f1ede5;--muted:#a39c90;--faint:#6e665b;--rule:#34302a;--rule2:#2a2622;--hover:#221f1b;--accent:#e16d76;--qual:#a9c3dd;--qual-line:#3a4b5c;--err:oklch(72% .16 25);--err-bg:oklch(28% .05 25);--err-line:oklch(24% .035 25);--on-err:oklch(18% 0 0);--warn:oklch(80% .12 80);--sugg:oklch(76% .09 250);--ok:oklch(78% .1 155);--shadow:oklch(0% 0 0/.5);--scrim:oklch(0% 0 0/.45);--primary-bg:var(--accent);--primary-fg:oklch(18% 0 0);--on-bg:#361f1e;--on-fg:#e16d76;--on-line:#d8434f;--syn-punct:#6e665b;--syn-fmkey:#9c9282;--syn-fmval:#e9d5a8;--syn-brewer:#dd5862;--syn-temp:#8fd8c0;--syn-time:#f5c451;--syn-dur:#6fb8a3;--syn-qual:#a9c3dd;--syn-action:#c9a8ff;--syn-amount:#8fd8c0;--syn-kw:#ff9c73;--syn-comment:#847a6d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark],.snippet[data-window=dark]{--bg:#12110f;--panel:#0b0a08;--card:#1b1916;--soft:#201e1a;--ink:#f1ede5;--muted:#a39c90;--faint:#6e665b;--rule:#34302a;--rule2:#2a2622;--hover:#221f1b;--accent:#e16d76;--qual:#a9c3dd;--qual-line:#3a4b5c;--err:oklch(72% .16 25);--err-bg:oklch(28% .05 25);--err-line:oklch(24% .035 25);--on-err:oklch(18% 0 0);--warn:oklch(80% .12 80);--sugg:oklch(76% .09 250);--ok:oklch(78% .1 155);--shadow:oklch(0% 0 0/.5);--scrim:oklch(0% 0 0/.45);--primary-bg:var(--accent);--primary-fg:oklch(18% 0 0);--on-bg:#361f1e;--on-fg:#e16d76;--on-line:#d8434f;--syn-punct:#6e665b;--syn-fmkey:#9c9282;--syn-fmval:#e9d5a8;--syn-brewer:#dd5862;--syn-temp:#8fd8c0;--syn-time:#f5c451;--syn-dur:#6fb8a3;--syn-qual:#a9c3dd;--syn-action:#c9a8ff;--syn-amount:#8fd8c0;--syn-kw:#ff9c73;--syn-comment:#847a6d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}button{font:inherit;color:inherit}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.label{font:500 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;display:flex}.label .mono{letter-spacing:0;font-size:12px}.app{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.topbar{border-bottom:1px solid var(--rule);flex:none;align-items:center;gap:20px;height:60px;padding:0 20px 0 24px;display:flex}.brand{color:var(--muted);align-items:baseline;gap:12px;font-size:15px;display:flex}.logo{font:800 24px var(--display);letter-spacing:-.03em;letter-spacing:-.01em;color:var(--ink)}.spacer{flex:1}@media (width<=1000px){.brand span{display:none}}.btn,.btn-ghost,.btn-primary{height:36px;font:500 14px var(--sans);cursor:pointer;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:flex}.btn{border:1px solid var(--rule);background:var(--card)}.caret{color:var(--muted);font-size:10px}.btn-ghost{color:var(--muted);background:0 0;border:0}.btn-ghost:hover{background:var(--hover);color:var(--ink)}.btn-primary{background:var(--primary-bg);color:var(--primary-fg);border:0;padding:0 18px}.theme-toggle{border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.theme-toggle span{border:1.5px solid var(--ink);background:linear-gradient(90deg, var(--ink) 50%, transparent 50%);border-radius:999px;width:14px;height:14px}.tabs,.mobile-actions,.mobile-only,.sheet-handle,.sheet-title{display:none}.panes{grid-template-columns:minmax(0, var(--code,1fr)) 1px minmax(0, var(--recipe,1fr));flex:1;min-height:0;display:grid}.gutter{z-index:2;background:var(--rule);cursor:col-resize;touch-action:none;outline:none;position:relative}.gutter:before{content:"";position:absolute;inset:0 -5px}.gutter:hover,.gutter:focus-visible,.gutter.dragging{background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.resizing,.resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}@media (width>=861px){.panes[data-layout=code],.panes[data-layout=recipe]{grid-template-columns:minmax(0,1fr)}.panes[data-layout=code] .recipe-pane,.panes[data-layout=code] .gutter,.panes[data-layout=recipe] .code-pane,.panes[data-layout=recipe] .gutter{display:none}}.topbar .layout button{min-width:0;height:30px;font-family:var(--sans)}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.code-pane{background:var(--panel)}.pane-head{border-bottom:1px solid var(--rule);flex:none;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 20px;display:flex}.pane-head #file{font-size:13px}.status{white-space:nowrap;--sev:var(--ok);color:var(--sev);align-items:center;gap:8px;font-size:13px;display:flex}.status:before{content:"";background:var(--sev);border-radius:999px;width:7px;height:7px}.status[data-severity=error]{--sev:var(--err)}.status[data-severity=warning]{--sev:var(--warn)}.status[data-severity=suggestion]{--sev:var(--sugg)}#editor{flex:1;min-height:0}#editor .cm-editor{height:100%;color:var(--ink);font:400 15px/24px var(--mono);background:0 0}#editor .cm-editor.cm-focused{outline:none}#editor .cm-scroller{font:inherit;line-height:24px}#editor .cm-content{caret-color:var(--ink);padding:18px 0}#editor .cm-line{padding:0 32px 0 8px}#editor .cm-cursor{border-left-color:var(--ink)}#editor .cm-gutters{color:var(--faint);background:0 0;border:0}#editor .cm-lineNumbers .cm-gutterElement{min-width:48px;padding:0 12px 0 20px;position:relative}#editor .cm-foldGutter{display:none}#editor .cm-activeLine,#editor .cm-activeLineGutter{background:0 0}#editor .cm-selectionBackground,#editor .cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground{background:color-mix(in oklch, var(--accent) 22%, transparent)!important}#editor .cm-errorLine{background:var(--err-line)}#editor .cm-gutterElement.sev-error{--sev:var(--err)}#editor .cm-gutterElement.sev-warning{--sev:var(--warn)}#editor .cm-gutterElement.sev-suggestion{--sev:var(--sugg)}#editor .cm-lineNumbers .cm-gutterElement[class*=sev-]{color:var(--sev)}#editor .cm-lineNumbers .cm-gutterElement[class*=sev-]:before{content:"";background:var(--sev);border-radius:999px;width:6px;height:6px;position:absolute;top:9px;left:8px}#editor .cm-lintRange{text-underline-offset:5px;background:0 0;padding-bottom:0;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}#editor .cm-lintRange-error{-webkit-text-decoration-color:var(--err);text-decoration-color:var(--err)}#editor .cm-lintRange-warning{-webkit-text-decoration-color:var(--warn);text-decoration-color:var(--warn)}#editor .cm-lintRange-info{-webkit-text-decoration-color:var(--sugg);text-decoration-color:var(--sugg)}#editor .cm-tooltip{background:var(--card);color:var(--ink);border:1px solid var(--rule);box-shadow:0 18px 40px -12px var(--shadow);font:14px/1.4 var(--sans);border-radius:6px}#editor .cm-tooltip-autocomplete ul li[aria-selected]{background:var(--ink);color:var(--bg)}#editor .cm-diagnostic{padding:8px 12px}.tok-brewer{color:var(--syn-brewer);font-weight:600}.tok-amount{color:var(--syn-amount)}.tok-temp{color:var(--syn-temp)}.tok-time{color:var(--syn-time)}.tok-dur{color:var(--syn-dur)}.tok-qual,.tok-grind{color:var(--syn-qual)}.tok-action{color:var(--syn-action)}.tok-kw{color:var(--syn-kw);font-weight:600}.tok-comment{color:var(--syn-comment);font-style:italic}.tok-punct{color:var(--syn-punct)}.tok-fmkey{color:var(--syn-fmkey)}.tok-fmval{color:var(--syn-fmval)}.tok-error{color:var(--err)}.keybar{z-index:30;background:var(--panel);border-top:1px solid var(--rule);gap:6px;padding:6px 8px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.keybar[hidden]{display:none}.keybar button{border:1px solid var(--rule);background:var(--card);min-width:36px;height:40px;color:var(--ink);font:500 16px var(--mono);border-radius:6px;flex:1 1 0}.problems{border-top:1px solid var(--rule);background:var(--bg);flex:none;max-height:260px;overflow:auto}.problems .label{height:40px;padding:0 20px}#problems{flex-direction:column;gap:4px;margin:0;padding:0 12px 12px;list-style:none;display:flex}#problems .empty{color:var(--muted);padding:0 8px 4px;font-size:14px}.problem{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:104px minmax(0,1fr) auto;align-items:baseline;gap:12px;width:100%;padding:10px;display:grid}.problem:hover{background:var(--hover)}.problem.error{--sev:var(--err);--shape:2px}.problem.warning{--sev:var(--warn);--shape:999px}.problem.suggestion{--sev:var(--sugg);--shape:0}.severity{font:600 12px var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--sev);align-items:center;gap:7px;display:flex}.shape{border-radius:var(--shape);background:var(--sev);flex:none;width:8px;height:8px}.problem .text{flex-direction:column;gap:3px;display:flex}.problem strong{font-size:15px;font-weight:600}.problem .fix{color:var(--muted);font-size:14px}.problem .fix:empty{display:none}.problem .where{color:var(--muted);white-space:nowrap;font-size:12px}.recipe-tools .tools{align-items:center;gap:10px;font-size:13px;display:flex}.dose{color:var(--muted);align-items:center;gap:8px;display:flex}.field{border:1px solid var(--rule);background:var(--card);height:30px;font:500 13px var(--mono);color:var(--muted);border-radius:4px;align-items:center;gap:4px;padding:0 10px;display:flex}.field input{text-align:right;width:44px;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;padding:0}.divider{background:var(--rule);width:1px;height:20px}.segmented{border:1px solid var(--rule);border-radius:5px;gap:2px;padding:2px;display:flex}.units{align-items:center;gap:6px;display:flex}.segmented button{min-width:40px;height:26px;color:var(--muted);font:500 13px var(--mono);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0 9px}.segmented button.on{background:var(--on-bg);color:var(--on-fg);box-shadow:inset 0 0 0 1px var(--on-line)}.segmented button:disabled{cursor:default;opacity:.5}.recipe-scroll{flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;padding:28px 32px 40px;display:flex;overflow:auto}.notes{flex-direction:column;gap:10px;width:100%;max-width:600px;display:flex}.notes:empty{display:none}.note{text-align:left;border-radius:4px;align-items:baseline;gap:10px;width:100%;padding:12px 16px;font-size:14px;line-height:1.45;display:flex}.note.error{background:var(--err-bg);color:var(--ink);cursor:pointer;border:0}.note.error:before{content:"";background:var(--err);border-radius:2px;flex:none;width:8px;height:8px}#recipe{width:100%;max-width:600px}.empty-recipe{text-align:center;max-width:420px;font:600 22px/1.3 var(--display);color:var(--muted);margin:0 auto;padding-top:80px}#recipe .brew-card,.card-shot .brew-card{--brew-bg:var(--card);--brew-ink:var(--ink);--brew-muted:var(--muted);--brew-faint:var(--faint);--brew-rule:var(--rule);--brew-rule-soft:var(--rule2);--brew-soft:var(--soft);--brew-accent:var(--accent);--brew-qual:var(--qual);--brew-qual-line:var(--qual-line);--brew-font-display:var(--display);--brew-font-body:var(--sans);--brew-font-mono:var(--mono)}.scrim{z-index:10;position:absolute;inset:0}.menu{z-index:20;background:var(--card);border:1px solid var(--rule);box-shadow:0 18px 40px -12px var(--shadow);border-radius:6px;flex-direction:column;padding:6px;display:flex;position:absolute;top:52px}.menu[hidden]{display:none}.examples-menu{width:340px;left:190px}.share-menu{width:360px;right:64px}.menu-list{max-height:min(70vh,560px);overflow:auto}.example{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:10px 12px;display:flex}.example:hover,.menu-item:hover{background:var(--hover)}.example strong{font-size:15px;font-weight:600}.example span{flex:none;font-size:13px}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;gap:6px;padding:14px;display:flex}.menu-item strong{font-size:15px;font-weight:600}.menu-item .muted{font-size:14px;line-height:1.4}.url{color:var(--muted);background:var(--soft);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;max-width:100%;padding:6px 8px;font-size:12px;overflow:hidden}.menu-rule{background:var(--rule2);height:1px;margin:2px 8px}.customize{height:30px;margin-left:-10px;padding:0 10px;font-size:13px}.customize:before{content:"";background:conic-gradient(var(--accent) 0 33%, var(--ink) 0 66%, var(--rule) 0);border-radius:999px;width:10px;height:10px}.customize-menu{gap:18px;width:340px;padding:18px}.scale-button{gap:6px;height:30px;padding:0 10px;font-size:13px}.scale-button:disabled{cursor:default;opacity:.5}.scale-button .muted{font-weight:400}.scale-menu{width:220px}.scale-list{flex-direction:column;display:flex}.scale-list button{text-align:left;font:500 14px var(--mono);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 12px}.scale-list button:hover{background:var(--hover)}.scale-list button.on{background:var(--on-bg);color:var(--on-fg)}.scale-custom{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 12px;font-size:14px;display:flex}.recipe-pane{container:recipe/inline-size}@media (width>=861px){@container recipe (width<=620px){.recipe-tools{gap:8px;padding:0 12px}.recipe-tools .tools{gap:8px}.scale-button .muted{display:none}.customize{gap:0;margin-left:0;font-size:0}.recipe-tools .segmented button{min-width:34px;padding:0 7px}}}.custom-section{flex-direction:column;gap:10px;display:flex}.theme-tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.theme-tiles button{border:1px solid var(--rule);background:linear-gradient(var(--tile-accent), var(--tile-accent)) 8px 10px / 16px 3px no-repeat, linear-gradient(var(--tile-ink), var(--tile-ink)) 8px 18px / 30px 6px no-repeat, var(--tile-bg);height:64px;color:var(--tile-ink);font:500 12px var(--sans);cursor:pointer;border-radius:6px;align-items:flex-end;padding:8px;display:flex}.theme-tiles button.on{outline:2px solid var(--ink);outline-offset:2px}.swatches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatches button,.swatch-custom{border:1px solid var(--rule);background:var(--swatch);cursor:pointer;border-radius:999px;width:30px;height:30px;padding:0;font-size:0;position:relative}.swatches button:first-child{background:linear-gradient(135deg, transparent 45%, var(--muted) 45% 55%, transparent 55%)}.swatches .on{outline:2px solid var(--ink);outline-offset:2px}.swatch-custom{background:var(--swatch,conic-gradient(red, yellow, lime, cyan, blue, magenta, red));overflow:hidden}.swatch-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.segmented.fonts button{flex:1;font-size:15px}#custom-layouts{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}#custom-layouts button{min-width:0}.custom-actions{gap:8px;display:flex}.custom-note{margin:0;font-size:13px;line-height:1.4}.open-file{cursor:pointer}.drop{z-index:40;border:2px dashed var(--accent);background:color-mix(in oklch, var(--bg) 85%, transparent);pointer-events:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.drop[hidden]{display:none}.drop span{font:600 26px var(--display)}.toast{z-index:30;background:var(--ink);width:max-content;max-width:calc(100% - 32px);color:var(--bg);box-shadow:0 12px 30px -10px var(--shadow);border-radius:4px;padding:12px 16px;font-size:14px;line-height:1.4;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.export{position:fixed;top:0;left:-10000px}.card-shot{--snippet-accent:var(--accent);background:linear-gradient(135deg, var(--snippet-accent), color-mix(in oklch, var(--snippet-accent) 55%, #000));transform-origin:0 0;width:max-content;padding:80px;display:inline-block}.card-shot.solid{background:var(--snippet-accent)}.card-shot.clear{background:0 0;padding:40px}.card-shot.bare{background:0 0;padding:0}.card-shot.framed{justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.card-shot.framed.bare{align-items:flex-start}.card-shot.framed .brew-card{flex:none}.card-shot.framed.bare .brew-card{transform-origin:top}.card-shot .brew-card{border:0;border-radius:0}.card-shot .brew-card:not([data-layout]){gap:0;width:1080px;padding:88px 88px 60px}.card-shot .brew-card[data-layout]{zoom:1.8;width:600px;margin:0}.card-shot .brew-card[data-layout=receipt]{width:440px;max-width:none}.card-shot:not(.bare) .brew-card{border-radius:20px;box-shadow:0 32px 80px -16px oklch(0% 0 0/.45)}.card-shot:not(.bare) .brew-card[data-layout]{border-radius:11px;box-shadow:0 18px 44px -9px oklch(0% 0 0/.45)}.card-shot.clear .brew-card{box-shadow:0 12px 32px -8px oklch(0% 0 0/.35),0 0 0 1px oklch(0% 0 0/.08)}.card-shot .brew-card:not([data-layout]) .brew-kicker{letter-spacing:.12em;font-size:24px}.card-shot .brew-card:not([data-layout]) .brew-head{gap:14px}.card-shot .brew-card:not([data-layout]) .brew-title{letter-spacing:-.02em;font-size:84px;line-height:1.02}.card-shot .brew-card:not([data-layout]) .brew-note{margin:10px 0 0;font-size:26px}.card-shot .brew-card:not([data-layout]) .brew-specs{border-top-width:2px;margin-top:48px}.card-shot .brew-card:not([data-layout]) .brew-spec{gap:10px;padding:22px 0 26px}.card-shot .brew-card:not([data-layout]) .brew-spec dt{letter-spacing:.1em;font-size:18px}.card-shot .brew-card:not([data-layout]) .brew-spec dd{font-size:58px}.card-shot .brew-card:not([data-layout]) .brew-extras{gap:10px 40px;margin-top:22px;font-size:24px}.card-shot .brew-card:not([data-layout]) .brew-prep{border-radius:6px;margin-top:28px;padding:18px 24px}.card-shot .brew-card:not([data-layout]) .brew-prep h3{font-size:27px}.card-shot .brew-card:not([data-layout]) .brew-prep li{font-size:24px}.card-shot .brew-card:not([data-layout]) .brew-steps{margin-top:16px}.card-shot .brew-card:not([data-layout]) .brew-step{grid-template-columns:110px minmax(0,1fr) 200px;gap:24px;padding:17px 0}.card-shot .brew-card:not([data-layout]) .brew-time{font-size:30px}.card-shot .brew-card:not([data-layout]) .brew-step-title{gap:12px;font-size:32px}.card-shot .brew-card:not([data-layout]) .brew-meta{gap:10px;font-size:23px}.card-shot .brew-card:not([data-layout]) .brew-chip{border-width:1.5px;padding:3px 14px;font-size:19px}.card-shot .brew-card:not([data-layout]) .brew-comment{font-size:24px}.card-shot .brew-card:not([data-layout]) .brew-water{gap:10px;padding-top:12px}.card-shot .brew-card:not([data-layout]) .brew-bar{height:10px}.card-shot .brew-card:not([data-layout]) .brew-bar-label{font-size:20px}.card-shot .brew-card:not([data-layout]) .brew-target{margin-top:26px;font-size:32px}.card-shot .brew-card:not([data-layout]) .brew-target-time{font-size:30px}.card-shot .brew-card:not([data-layout]) .brew-target-note{margin:8px 0 0;font-size:22px}.card-shot .brew-card:not([data-layout]) .brew-foot{font-size:36px}.card-shot .brew-card:not([data-layout])>:nth-last-child(2){margin-bottom:28px}@media (width<=860px){.desktop-only{display:none!important}.mobile-only{display:inline}.topbar{gap:8px;height:56px;padding:0 8px 0 16px}.brand{gap:8px;font-size:14px}.theme-toggle{border:0;width:44px;height:44px}.tabs{border-bottom:1px solid var(--rule);flex:none;padding:10px 16px;display:block}.segmented.wide{border-radius:6px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented.wide button{height:40px;font:500 15px var(--sans);border-radius:4px;justify-content:center;align-items:center;gap:8px;display:flex}.badge{background:var(--err);min-width:20px;height:20px;color:var(--on-err);font:600 12px/20px var(--mono);border-radius:999px;padding:0 6px}.badge[hidden]{display:none}.panes{display:block;overflow:auto}.gutter,.panes[data-tab=code] .recipe-pane,.panes[data-tab=recipe] .code-pane{display:none}.code-pane{background:0 0;border-right:0}.pane-head{border-bottom:0;height:auto;padding:8px 16px 4px}#editor{background:var(--panel);border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2)}#editor .cm-editor{height:auto;font-size:14px;line-height:23px}#editor .cm-content{padding:12px 0}#editor .cm-line{padding:0 16px 0 6px}#editor .cm-lineNumbers .cm-gutterElement{min-width:40px;padding:0 12px 0 14px}#editor .cm-lineNumbers .cm-gutterElement[class*=sev-]:before{top:8px;left:4px}.problems{border-top:0;max-height:none}.problem{grid-template-columns:minmax(0,1fr) auto;padding:12px 8px}.problem .text{grid-area:2/1/auto/-1}.recipe-tools{padding:14px 16px 0}.recipe-tools .tools{flex-wrap:wrap;justify-content:space-between;gap:12px 8px;width:100%}.recipe-tools .divider{display:none}.field{height:44px;font-size:15px}.segmented button{min-width:46px;height:40px;font-size:14px}.recipe-scroll{align-items:stretch;gap:12px;padding:14px 16px 28px}#recipe .brew-card{gap:18px;padding:22px 18px}.mobile-actions{border-top:1px solid var(--rule);background:var(--bg);flex:none;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 12px 14px;display:grid}.mobile-actions button{height:46px}.scrim{background:var(--scrim)}.menu{border:0;border-radius:14px 14px 0 0;gap:2px;width:auto;padding:10px 12px 20px;inset:auto 0 0}.sheet-handle{background:var(--rule);border-radius:999px;width:36px;height:4px;margin:0 auto 10px;display:block}.sheet-title{font:600 20px var(--display);padding:4px 12px 10px;display:block}.example{align-items:center;min-height:52px}.toast{bottom:84px}.customize-menu{gap:16px;width:auto;padding:10px 16px 24px;top:auto;left:0}.customize-menu .sheet-title{padding:4px 0 0}.recipe-tools{flex-direction:column;align-items:stretch;gap:10px}.customize{align-self:flex-start}.topbar{gap:12px;padding:0 12px 0 16px}.logo{font-size:20px}.tabs{border-bottom:0;flex:1;max-width:240px;margin-left:auto;padding:0}.tabs .segmented.wide button{min-width:0;height:34px;padding:0 8px;font-size:14px}.topbar .spacer{display:none}.code-pane{flex-direction:column;min-height:100%;display:flex}#editor{flex:1}.code-pane .pane-head{display:none}.problems{z-index:3;border-top:1px solid var(--rule);background:var(--bg);max-height:50vh;position:sticky;bottom:0}.problems .label{cursor:pointer;height:44px;padding:0 16px}.problems .label:after{content:"▲";font-size:10px}.problems.open .label:after{content:"▼"}#problems-status{letter-spacing:0;text-transform:none;margin-left:auto;font-size:13px;display:flex}#problems{display:none}.problems.open #problems{display:flex}.recipe-tools .customize{display:none}#sheet-units{display:block}.sheet-units .units{justify-content:space-between;padding:6px 6px 6px 12px}.menu-item.sheet-customize{display:flex}}.snippet{--snippet-accent:var(--accent);background:linear-gradient(135deg, var(--snippet-accent), color-mix(in oklch, var(--snippet-accent) 55%, #000));transform-origin:0 0;width:max-content;padding:56px;display:inline-block}.snippet.framed{justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.snippet.framed .snippet-window{max-width:var(--snippet-max);flex:none}.snippet.solid{background:var(--snippet-accent)}.snippet.clear{background:0 0;padding:32px}.snippet-window{background:var(--card);border-radius:12px;min-width:480px;max-width:960px;overflow:hidden;box-shadow:0 24px 60px -12px oklch(0% 0 0/.45)}.snippet.clear .snippet-window{box-shadow:0 12px 32px -8px oklch(0% 0 0/.35),0 0 0 1px oklch(0% 0 0/.08)}.snippet-bar{align-items:center;gap:8px;padding:16px 18px 0;display:flex}.snippet-bar i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.snippet-bar i:nth-child(2){background:#febc2e}.snippet-bar i:nth-child(3){background:#28c840}.snippet-bar span{text-align:center;font:500 13px var(--sans);color:var(--faint);flex:1;margin-right:44px}.snippet-code{font:15px/1.6 var(--mono);color:var(--ink);padding:28px}.snippet-bar+.snippet-code{padding-top:20px}.snippet-line{min-height:1.6em;display:flex}.snippet-num{text-align:right;color:var(--syn-punct);flex:none;margin-right:2ch}.snippet-text{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0}@media (width>=861px){.code-menu{right:64px}}.code-preview{background:var(--soft);border-radius:6px;justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.code-preview>.snippet,.code-preview>.card-shot{flex:none}.code-preview.clear{background:repeating-conic-gradient(var(--rule2) 0 25%, var(--card) 0 50%) 0 0 / 16px 16px}#code-backgrounds,#card-backgrounds{gap:8px}.segmented.fill button,.code-menu .custom-actions .btn-primary{flex:1}.brew-card{--brew-bg:oklch(99.5% .003 85);--brew-ink:oklch(23% .012 60);--brew-muted:oklch(47% .012 60);--brew-faint:oklch(68% .012 70);--brew-rule:oklch(87% .012 80);--brew-rule-soft:oklch(92% .01 80);--brew-soft:oklch(95.5% .01 85);--brew-accent:oklch(56% .15 38);--brew-qual:oklch(42% .1 155);--brew-qual-line:oklch(80% .04 155);--brew-font-display:"Newsreader", Georgia, serif;--brew-font-body:"Instrument Sans", system-ui, sans-serif;--brew-font-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--brew-radius:6px;box-sizing:border-box;background:var(--brew-bg);color:var(--brew-ink);border:1px solid var(--brew-rule);border-radius:var(--brew-radius);font:15px/1.45 var(--brew-font-body);flex-direction:column;gap:24px;padding:36px 36px 28px;display:flex;container-type:inline-size}.brew-card[data-theme=dark]{--brew-bg:oklch(22.5% 0 0);--brew-ink:oklch(94% 0 0);--brew-muted:oklch(70% 0 0);--brew-faint:oklch(50% 0 0);--brew-rule:oklch(31% 0 0);--brew-rule-soft:oklch(27% 0 0);--brew-soft:oklch(26% 0 0);--brew-accent:oklch(76% .13 45);--brew-qual:oklch(80% .1 155);--brew-qual-line:oklch(45% .06 155)}.brew-card *,.brew-card :before{box-sizing:border-box}.brew-head{flex-direction:column;gap:6px;display:flex}.brew-kicker{font:400 12px var(--brew-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brew-accent)}.brew-title{font:400 38px/1.1 var(--brew-font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.brew-note{font:italic 400 16px var(--brew-font-display);color:var(--brew-muted);margin:-10px 0 0}.brew-specs{border-top:1px solid var(--brew-ink);border-bottom:1px solid var(--brew-rule);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.brew-spec{flex-direction:column;gap:4px;padding:14px 0 16px;display:flex}.brew-spec dt{font:500 11px var(--brew-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--brew-muted)}.brew-spec dd{font:400 30px/1 var(--brew-font-display);font-variant-numeric:tabular-nums;margin:0}.brew-spec .brew-accent{color:var(--brew-accent)}.brew-extras{flex-wrap:wrap;gap:8px 28px;margin:-8px 0 0;font-size:14px;display:flex}.brew-extras>span{white-space:nowrap}.brew-extras strong{font-weight:600}.brew-muted{color:var(--brew-muted)}.brew-prep{background:var(--brew-soft);border-radius:calc(var(--brew-radius) - 2px);padding:16px 18px}.brew-prep h3{font:italic 400 17px var(--brew-font-display);margin:0 0 10px}.brew-prep ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.brew-prep li{padding-left:15px;position:relative}.brew-prep li:before{content:"";background:var(--brew-muted);border-radius:999px;width:5px;height:5px;position:absolute;top:.62em;left:0}.brew-prep .brew-comment{margin-left:4px}.brew-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.brew-step{border-bottom:1px solid var(--brew-rule-soft);grid-template-columns:60px minmax(0,1fr) 120px;align-items:start;gap:16px;padding:14px 0;display:grid}.brew-time{font:600 16px var(--brew-font-mono);font-variant-numeric:tabular-nums;padding-top:1px}.brew-untimed{color:var(--brew-muted)}.brew-body{flex-direction:column;gap:6px;display:flex}.brew-step-title{font-size:17px;font-weight:600}.brew-step-title .brew-comment{margin-left:6px;font-weight:400}.brew-meta{color:var(--brew-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.brew-chip{font:400 12px var(--brew-font-mono);border:1px solid var(--brew-qual-line);color:var(--brew-qual);border-radius:999px;padding:2px 8px}.brew-comment{font:italic 400 15px var(--brew-font-display);color:var(--brew-muted)}.brew-water{flex-direction:column;grid-column:3;gap:6px;padding-top:4px;display:flex}.brew-bar{background:var(--brew-rule-soft);border-radius:999px;height:6px;overflow:hidden}.brew-bar-fill{background:var(--brew-accent);height:100%}.brew-bar-label{font:400 12px var(--brew-font-mono);color:var(--brew-muted);text-align:right}.brew-target{font:italic 400 18px var(--brew-font-display);justify-content:space-between;align-items:baseline;margin:0;display:flex}.brew-target-time{font:600 16px var(--brew-font-mono);font-style:normal}.brew-target-note{font:italic 400 15px var(--brew-font-display);color:var(--brew-muted);margin:-16px 0 0}.brew-foot{border-top:1px solid var(--brew-rule);font:500 36px var(--brew-font-display);margin-top:auto;padding-top:24px}.brew-chart-box{margin:0;padding-top:22px}.brew-chart-plot{height:140px;position:relative}.brew-chart{width:100%;height:100%;display:block;overflow:visible}.brew-chart path{vector-effect:non-scaling-stroke}.brew-chart-area{fill:var(--brew-accent);fill-opacity:.14}.brew-chart-line{fill:none;stroke:var(--brew-accent);stroke-width:2.5px;stroke-linejoin:round}.brew-chart-axis{fill:none;stroke:var(--brew-ink);stroke-width:1px}.brew-chart-grid,.brew-chart-target{fill:none;stroke:var(--brew-rule);stroke-width:1px;stroke-dasharray:4 4}.brew-chart-dot{border:2.5px solid var(--brew-accent);background:var(--brew-bg);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute}.brew-chart-total{font:600 12px var(--brew-font-mono);margin-bottom:4px;position:absolute;bottom:100%;right:0}.brew-chart-ticks{height:1.6em;font:400 12px var(--brew-font-mono);color:var(--brew-muted);margin-top:6px;position:relative}.brew-chart-tick{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.brew-chart-tick[style="left:0%"]{transform:none}.brew-chart-end{color:var(--brew-ink);font-weight:600;right:0;transform:none}.brew-card:is([data-layout=minimal],[data-layout=poster],[data-layout=chart]) .brew-step{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:8px 0}.brew-card:is([data-layout=minimal],[data-layout=poster],[data-layout=chart]) .brew-water{display:none}.brew-card:is([data-layout=minimal],[data-layout=poster],[data-layout=chart]) .brew-body{flex-flow:wrap;align-items:baseline;gap:2px 10px}.brew-card:is([data-layout=minimal],[data-layout=poster],[data-layout=chart]) .brew-step-title{font-size:15px}.brew-card:is([data-layout=minimal],[data-layout=poster],[data-layout=chart]) .brew-time{padding-top:0;font-size:14px}.brew-card:is([data-layout=minimal],[data-layout=poster],[data-layout=chart]) .brew-meta{font-size:13px}.brew-card:is([data-layout=minimal],[data-layout=poster],[data-layout=chart]) .brew-chip{border:0;padding:0}.brew-card:is([data-layout=minimal],[data-layout=poster],[data-layout=chart]) .brew-comment{font-size:14px}.brew-card[data-layout=minimal]{gap:16px;padding:24px 24px 20px}.brew-card[data-layout=minimal] .brew-title{font-size:26px}.brew-card[data-layout=minimal] .brew-note{margin-top:-8px;font-size:14px}.brew-card[data-layout=minimal] .brew-specs{border:0;flex-wrap:wrap;gap:4px 28px;display:flex}.brew-card[data-layout=minimal] .brew-spec{flex-direction:row;align-items:baseline;gap:6px;padding:0}.brew-card[data-layout=minimal] .brew-spec dd{font-size:20px}.brew-card[data-layout=minimal] .brew-extras{margin-top:-6px;font-size:13px}.brew-card[data-layout=minimal] .brew-prep{background:0 0;padding:0}.brew-card[data-layout=minimal] .brew-prep h3{margin-bottom:4px;font-size:14px}.brew-card[data-layout=minimal] .brew-prep ul{gap:2px;font-size:14px}.brew-card[data-layout=minimal] .brew-steps{margin-top:-8px}.brew-card[data-layout=minimal] .brew-step:last-child{border-bottom:0}.brew-card[data-layout=minimal] .brew-target{font-size:15px}.brew-card[data-layout=minimal] .brew-target-note{margin-top:-14px;font-size:13px}.brew-card:is([data-layout=minimal],[data-layout=poster],[data-layout=chart]) .brew-foot{padding-top:12px;font-size:20px}.brew-card[data-layout=receipt]{border-radius:2px;gap:14px;max-width:440px;margin-inline:auto;padding:28px 26px 24px;font-size:13px}.brew-card[data-layout=receipt] *{font-family:var(--brew-font-mono)}.brew-card[data-layout=receipt] :is(.brew-head,.brew-note,.brew-foot){text-align:center}.brew-card[data-layout=receipt] .brew-kicker{color:var(--brew-muted)}.brew-card[data-layout=receipt] .brew-title{text-transform:uppercase;letter-spacing:.02em;font-size:20px;font-weight:600;line-height:1.25}.brew-card[data-layout=receipt] .brew-note{margin-top:-6px;font-size:12px}.brew-card[data-layout=receipt] :is(.brew-note,.brew-comment,.brew-prep h3,.brew-target,.brew-target-note){font-style:normal}.brew-card[data-layout=receipt] .brew-specs{border-top:1px dashed var(--brew-ink);border-bottom:1px dashed var(--brew-ink);grid-template-columns:minmax(0,1fr);padding:6px 0}.brew-card[data-layout=receipt] .brew-spec{border:0;flex-direction:row;justify-content:space-between;align-items:baseline;padding:2px 0}.brew-card[data-layout=receipt] .brew-spec dt{letter-spacing:.04em;color:var(--brew-ink);font-size:13px}.brew-card[data-layout=receipt] .brew-spec dd{font-size:13px;font-weight:600}.brew-card[data-layout=receipt] .brew-extras{justify-items:start;gap:2px;margin-top:-4px;font-size:12px;display:grid}.brew-card[data-layout=receipt] .brew-prep{border-bottom:1px dashed var(--brew-rule);background:0 0;border-radius:0;padding:0 0 12px}.brew-card[data-layout=receipt] .brew-prep h3{text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:12px}.brew-card[data-layout=receipt] .brew-prep ul{gap:2px}.brew-card[data-layout=receipt] .brew-prep li:before{content:"-";background:0 0;width:auto;height:auto;top:0}.brew-card[data-layout=receipt] .brew-steps{margin-top:-6px}.brew-card[data-layout=receipt] .brew-step{border-bottom:1px dashed var(--brew-rule);grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:6px 0}.brew-card[data-layout=receipt] .brew-time{padding-top:0;font-size:13px}.brew-card[data-layout=receipt] .brew-body{gap:2px}.brew-card[data-layout=receipt] .brew-step-title{font-size:13px}.brew-card[data-layout=receipt] .brew-meta,.brew-card[data-layout=receipt] .brew-comment{font-size:12px}.brew-card[data-layout=receipt] .brew-chip{border:0;padding:0;font-size:12px}.brew-card[data-layout=receipt] .brew-chip:before{content:"["}.brew-card[data-layout=receipt] .brew-chip:after{content:"]"}.brew-card[data-layout=receipt] .brew-water{grid-column:3;padding-top:0}.brew-card[data-layout=receipt] .brew-bar{display:none}.brew-card[data-layout=receipt] .brew-bar-label{color:var(--brew-ink);font-size:13px;display:block}.brew-card[data-layout=receipt] .brew-target{border-top:1px dashed var(--brew-ink);text-transform:uppercase;padding-top:6px;font-size:15px;font-weight:600}.brew-card[data-layout=receipt] .brew-target-time{font-size:15px}.brew-card[data-layout=receipt] .brew-target-note{margin-top:-10px;font-size:12px}.brew-card[data-layout=receipt] .brew-foot{letter-spacing:.3em;text-transform:uppercase;border-top:0;padding-top:10px;font-size:13px}.brew-barcode{color:var(--brew-ink);padding-top:4px;text-decoration:none;display:block}.brew-barcode svg{fill:currentColor;shape-rendering:crispedges;width:100%;height:52px;display:block}.brew-card[data-layout=poster]{gap:20px}.brew-card[data-layout=poster] .brew-kicker{font-size:14px}.brew-card[data-layout=poster] .brew-sep{display:none}.brew-card[data-layout=poster] .brew-brewer{font:400 min(120px, 19cqi) / .95 var(--brew-font-display);letter-spacing:-.03em;text-transform:none;overflow-wrap:anywhere;margin-bottom:6px;display:block}.brew-card[data-layout=poster] .brew-title{letter-spacing:-.02em;font-size:34px;line-height:1.05}.brew-card[data-layout=poster] .brew-spec dd{letter-spacing:-.02em;white-space:nowrap;font-size:min(44px,8cqi)}.brew-card[data-layout=poster] .brew-prep{padding:10px 14px;font-size:13px}.brew-card[data-layout=poster] .brew-prep h3{margin-bottom:4px;font-size:14px}.brew-card[data-layout=poster] .brew-prep ul{gap:2px}.brew-card[data-layout=poster] .brew-step{padding:5px 0}.brew-card[data-layout=chart] .brew-chart-box{margin-top:-4px}@container (width<=520px){.brew-specs{border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr))}.brew-spec{border-bottom:1px solid var(--brew-rule);padding:12px 0}.brew-spec dd{font-size:26px}.brew-title{font-size:28px}.brew-card[data-layout=poster] .brew-spec dd{font-size:30px}.brew-step{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px 0}.brew-water{grid-column:2}.brew-bar{height:4px}.brew-bar-label{display:none}}