.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}@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-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}}:root{--bg:#f4f3ef;--surf:#fff;--ink:#141210;--mute:#5f5a52;--line:#dcd7cd;--soft:#ece9e2;--acc:#d42e3b;--acc-ink:#a5242e;--acc-tint:#f9e2e4;--on-acc:#fff;--inv-bg:#141210;--inv-ink:#f4f3ef;--inv-line:#141210;--panel:#ece8e0;--c-border:#dcd6ca;--c-plain:#2a2520;--c-gutter:#b0a898;--c-file:#6e665b;--c-label:#7d7366;--c-brewer:var(--acc-ink);--c-punct:#a39c90;--c-fmkey:#7a7064;--c-fmval:#8a5a12;--c-time:#9a6100;--c-amount:#17795e;--c-temp:#17795e;--c-dur:#3f8c77;--c-action:#6b3fc4;--c-kw:#b4471b;--c-qual:#3d6584;--c-grind:#3d6584;--c-comment:#7d7366;--c-err:#c8336a;--c-err-text:#a3204f;--c-err-bg:#c8336a1a;--chip:#3d6584;--chip-line:#c9d6e2;--display:"Bricolage Grotesque", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;color-scheme:light}:root[data-theme=dark]{--bg:#12110f;--surf:#1b1916;--ink:#f1ede5;--mute:#a39c90;--line:#34302a;--soft:#201e1a;--acc:#d8434f;--acc-ink:#e16d76;--acc-tint:#361f1e;--inv-bg:#221f1b;--inv-ink:#f1ede5;--inv-line:#3a352e;--panel:#0b0a08;--c-border:#2b2620;--c-plain:#e9e3d8;--c-gutter:#5c544a;--c-file:#a39886;--c-label:#8a8073;--c-brewer:#dd5862;--c-punct:#6e665b;--c-fmkey:#9c9282;--c-fmval:#e9d5a8;--c-time:#f5c451;--c-amount:#8fd8c0;--c-temp:#8fd8c0;--c-dur:#6fb8a3;--c-action:#c9a8ff;--c-kw:#ff9c73;--c-qual:#a9c3dd;--c-grind:#a9c3dd;--c-comment:#847a6d;--c-err:#ff5c93;--c-err-text:#ffc1d6;--c-err-bg:#ff5c931f;--chip:#a9c3dd;--chip-line:#3a4b5c;color-scheme:dark}*,:before,:after{box-sizing:border-box}body.home{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--display);-webkit-font-smoothing:antialiased;margin:0}.home a{color:inherit;text-decoration:none}.home a:hover{color:var(--acc-ink)}.home h1,.home h2,.home h3{margin:0;font-weight:700}.home :focus-visible{outline:2px solid var(--acc);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1200px;margin:0 auto;padding-inline:40px}.button{height:52px;font:600 17px var(--display);cursor:pointer;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;display:inline-flex}.button-small{height:44px;padding:0 18px;font-size:15px}.home .button-accent{background:var(--acc);color:var(--on-acc)}.home .button-accent:hover{color:var(--on-acc);filter:brightness(1.08)}.home .button-ink{background:var(--inv-bg);color:var(--inv-ink);border-color:var(--inv-line)}.home .button-ink:hover{color:var(--inv-ink)}.button-outline{border-color:var(--ink)}.home .button-outline-light{border-color:var(--inv-ink);color:var(--inv-ink)}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}:root[data-theme=dark] .icon-moon,:root:not([data-theme=dark]) .icon-sun,:root[data-theme=dark] .if-light,:root:not([data-theme=dark]) .if-dark,#menu-button[aria-expanded=true] .icon-burger,#menu-button[aria-expanded=false] .icon-close{display:none}.topbar{border-bottom:1px solid var(--line)}.nav{justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.wordmark{letter-spacing:-.03em;font-size:24px;font-weight:800}.nav-links{align-items:center;gap:28px;font-size:15px;font-weight:500;display:flex}.nav-links .button{height:40px;padding:0 16px;font-size:15px}.llms-link{align-items:center;gap:6px;display:inline-flex}.llms-tag{font:13px var(--mono);border:1px solid var(--line);border-radius:6px;padding:3px 7px}.narrow-only{display:none}.menu{flex-direction:column;padding-bottom:16px;font-size:18px;font-weight:500;display:flex}.menu[hidden]{display:none}.menu>a:not(.button),.menu>button{border:0;border-top:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;padding:12px 0}.menu .button{margin-top:8px}.hero{grid-template:"text demo""cta demo""chips demo"1fr/minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:56px;padding-top:72px;padding-bottom:96px;display:grid}.hero-text{grid-area:text;padding-top:40px}.hero-cta{flex-wrap:wrap;grid-area:cta;gap:12px;margin-top:36px;display:flex}.hero-chips{font:13px var(--mono);color:var(--mute);flex-wrap:wrap;grid-area:chips;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.hero-chips li{border:1px solid var(--line);border-radius:6px;padding:6px 10px}.hero-demo{grid-area:demo;min-width:0}.kicker{font:14px var(--mono);color:var(--mute);align-items:center;gap:10px;margin:0 0 28px;display:inline-flex}.dot{background:var(--acc);border-radius:999px;width:8px;height:8px}.hero h1{letter-spacing:-.045em;font-size:60px;line-height:.98}.home h1 em,.closing h2 em{font-family:var(--mono);letter-spacing:-.06em;color:var(--acc-ink);font-style:italic;font-weight:500}.lead{max-width:620px;color:var(--mute);margin:32px 0 0;font-size:21px;line-height:1.5}.tabs{border:1px solid var(--line);border-radius:999px;gap:4px;width:max-content;margin-bottom:16px;padding:4px;display:none}.tabs button{height:36px;color:var(--ink);font:600 14px var(--display);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px}.tabs button[aria-selected=true]{background:var(--acc-tint);color:var(--acc-ink)}.stage{grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;display:grid}.stage-code{grid-area:1/1/auto/9}.stage-card{z-index:1;grid-area:1/6/auto/13;margin-top:64px;position:relative}.stage-hint{color:var(--mute);grid-area:2/6/auto/13;margin:20px 0 0;font-size:15px}.home .stage-hint a{color:var(--acc-ink);font-weight:600}.demo-label{font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}.demo-label-end{text-align:right}.lifted .brew-card{box-shadow:0 24px 48px -12px #14121038,0 2px 6px #14121014}.card-empty{border:1px solid var(--line);background:var(--surf);min-height:320px;font:13px var(--mono);color:var(--mute);text-align:center;border-radius:18px;justify-content:center;align-items:center;padding:24px;display:flex}.panel{background:var(--panel);box-shadow:inset 0 0 0 1px var(--c-border);color:var(--c-plain);border-radius:18px;overflow:hidden}.panel-pad{border-radius:12px;padding:22px}.panel-head{border-bottom:1px solid var(--c-border);font:13px var(--mono);color:var(--c-file);align-items:center;gap:8px;padding:14px 20px;display:flex}.panel-head-split{justify-content:space-between}.panel-head-split>span:first-child{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.editable{color:var(--c-kw)}.code{font:13px/24px var(--mono);padding:18px 0 22px;overflow-x:auto}#hero-code{min-height:300px}.code-tight,.panel-pad.code{padding:16px 0}.ln{white-space:pre;display:flex}.ln-n{box-sizing:content-box;text-align:right;width:28px;color:var(--c-gutter);user-select:none;flex:none;padding-right:14px}.ln-error{background:var(--c-err-bg)}.ln-error .ln-n{color:var(--c-err)}.caret{vertical-align:-4px;background:var(--c-brewer);width:2px;height:18px;margin:0 -1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.tok-brewer{color:var(--c-brewer);font-weight:700}.tok-time{color:var(--c-time)}.tok-amount{color:var(--c-amount)}.tok-temp{color:var(--c-temp)}.tok-dur{color:var(--c-dur)}.tok-action{color:var(--c-action)}.tok-kw{color:var(--c-kw);font-weight:600}.tok-qual{color:var(--c-qual)}.tok-grind{color:var(--c-grind)}.tok-comment{color:var(--c-comment);font-style:italic}.tok-punct{color:var(--c-punct)}.tok-fmkey{color:var(--c-fmkey)}.tok-fmval{color:var(--c-fmval)}.tok-error{text-decoration:underline wavy var(--c-err);text-underline-offset:4px}.band{border-top:1px solid var(--line);padding:96px 0}.eyebrow{font:13px var(--mono);color:var(--acc-ink);margin:0 0 16px}.band .wrap>h2,.band-head h2{letter-spacing:-.035em;max-width:760px;margin-bottom:48px;font-size:52px;line-height:1.02}.band-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.band-head h2{margin-bottom:0}.band-lead{color:var(--mute);margin:16px 0 0;font-size:19px}.band-actions{flex-wrap:wrap;gap:10px;display:flex}.args{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.arg{background:var(--surf);border:1px solid var(--line);border-radius:18px;flex-direction:column;grid-column:span 2;gap:20px;padding:28px;display:flex}.arg-wide{grid-column:span 3}.arg h3{letter-spacing:-.02em;margin-bottom:6px;font-size:26px}.arg p{color:var(--mute);margin:0;font-size:17px}.arg>.panel,.arg-foot{margin-top:auto}.jot{min-height:58px;font-family:var(--mono);flex-wrap:wrap;gap:18px;display:flex}.jot-part{flex-direction:column;gap:8px;display:flex}.jot-part>span:first-child{white-space:pre;font-size:22px}.jot-label{font:12px var(--mono);color:var(--c-label)}.header-line{font:22px var(--mono);white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;overflow:hidden}.fade{animation:.35s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.segmented{gap:6px;margin-bottom:12px;display:flex}.segmented button{border:1px solid var(--line);height:44px;color:var(--ink);font:600 15px var(--mono);cursor:pointer;background:0 0;border-radius:10px;flex:1}.segmented button[aria-pressed=true],.chips button[aria-pressed=true]{border-color:var(--acc);background:var(--acc-tint);color:var(--acc-ink)}.unit-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.unit-values div{background:var(--soft);border-radius:12px;padding:14px 12px}.unit-values dt{color:var(--mute);font-size:12px}.unit-values dd{font:600 18px var(--mono);white-space:nowrap;margin:4px 0 0}.errors{border-radius:12px;margin-top:auto}.error-message{border-top:1px solid var(--c-border);font:12px/18px var(--mono);color:var(--c-err-text);gap:10px;padding:12px 18px;display:flex}.error-message span:first-child{color:var(--c-err);flex:none}.brewers{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.brewers li{border:1px solid var(--line);background:var(--surf);border-radius:16px;flex-direction:column;gap:18px;padding:22px;font-size:18px;font-weight:600;display:flex}.brewers svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;width:44px;height:44px}.home .brewers .brewers-more{background:0 0;border-style:dashed;gap:10px}.plus{font:28px var(--mono);color:var(--acc-ink)}.more-note{color:var(--mute);font-size:14px;font-weight:400;line-height:1.4}.chips{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.chips button{border:1px solid var(--line);background:var(--surf);min-height:44px;color:var(--ink);font:650 15px var(--display);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;display:inline-flex}.chips button span{font:11px var(--mono);opacity:.75}.workbench{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.editor-scroll{overflow-x:auto}.editor{width:max-content;min-width:100%;display:grid}.editor>.code,.editor>textarea{grid-area:1/1;margin:0;overflow:hidden}.editor>textarea{resize:none;white-space:pre;color:#0000;width:100%;height:100%;caret-color:var(--c-brewer);font:13px/24px var(--mono);background:0 0;border:0;outline:none;padding:18px 20px 22px 42px}.editor>textarea::selection{background:#7f7f7f4d}.editor>.code{padding-right:20px}.problems{border-top:1px solid var(--c-border);font:13px/20px var(--mono);margin:0;padding:14px 20px;list-style:none}.problem{gap:10px;display:flex}.problem-pos{flex:none}.problem-error{color:var(--c-err-text)}.problem-error .problem-pos{color:var(--c-err)}.problem-warning,.problem-suggestion{color:var(--c-label)}.problem-ok{color:var(--c-amount)}.dev{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.dev-card{background:var(--surf);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:16px;padding:28px;display:flex}.dev-card h3{letter-spacing:-.02em;font-size:22px}.dev-card p{color:var(--mute);margin:0;font-size:16px}.home .dev-card>a{color:var(--acc-ink);font-weight:600}.snippet{font:13px/22px var(--mono);margin:auto 0 0;overflow-x:auto}.dev-card-ink{background:var(--inv-bg);color:var(--inv-ink);border-color:var(--inv-line)}.home .dev-card-ink p{color:var(--inv-ink);opacity:.75}.copy{border:1px solid #7f7f7f66;border-radius:12px;align-items:center;gap:8px;margin-top:auto;padding:6px 6px 6px 16px;display:flex}.copy code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:14px var(--mono);flex:1;overflow:hidden}.closing{background:var(--inv-bg);color:var(--inv-ink);border-top:1px solid var(--inv-line);padding:120px 0}.closing h2{letter-spacing:-.045em;max-width:900px;margin-bottom:36px;font-size:72px;line-height:.98}.home .closing h2 em{color:var(--acc)}.closing .hero-cta{margin-top:0}.footer{color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:40px;padding-bottom:56px;font-size:15px;display:flex}.footer-brand{align-items:baseline;gap:10px;display:flex}.footer .wordmark{color:var(--ink);font-size:18px}.version{font:13px var(--mono)}.footer nav{flex-wrap:wrap;gap:24px;display:flex}.home .brew-card{--brew-bg:var(--surf);--brew-ink:var(--ink);--brew-muted:var(--mute);--brew-faint:var(--mute);--brew-rule:var(--line);--brew-rule-soft:var(--soft);--brew-soft:var(--soft);--brew-accent:var(--acc-ink);--brew-qual:var(--chip);--brew-qual-line:var(--chip-line);--brew-font-display:var(--display);--brew-font-body:var(--display);--brew-font-mono:var(--mono);--brew-radius:18px;padding:28px}.home .brew-title{letter-spacing:-.025em;font-size:30px;font-weight:700}.home .brew-spec dd{font-size:22px;font-weight:600}@media (width<=1000px){.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"text""cta""chips""demo"}.hero-text{padding-top:0}.hero-demo{margin-top:56px}.args .arg{grid-column:span 3}.brewers{grid-template-columns:repeat(4,minmax(0,1fr))}.dev{grid-template-columns:minmax(0,1fr)}.closing h2{font-size:56px}}@media (width<=760px){.wrap{padding-inline:16px}.wide-only{display:none!important}.narrow-only{display:inline-flex}.nav-links{gap:8px}.hero{grid-template-areas:"text""demo""cta""chips";padding-top:40px;padding-bottom:64px}.hero h1{font-size:44px}.hero-demo{margin-top:32px}#hero-code{min-height:0}.tabs{display:flex}.demo-label{display:none}.stage-code,.stage-card,.stage-hint{grid-column:1/-1;margin-top:0}.stage[data-view=code] .stage-card,.stage[data-view=recipe] .stage-code{display:none}.band{padding:64px 0}.band .wrap>h2,.band-head h2{font-size:36px}.args .arg{grid-column:span 6}.brewers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brewers li{overflow-wrap:anywhere;gap:12px;padding:16px 14px;font-size:15px}.brewers svg{width:36px;height:36px}.home .brewers .brewers-more{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;display:grid}.brewers-more .plus{grid-row:span 2}.jot-part>span:first-child,.header-line{font-size:17px}.arg .panel-pad{padding:18px}.workbench{grid-template-columns:minmax(0,1fr)}.closing{padding:80px 0}.closing h2{font-size:40px}}@media (prefers-reduced-motion:reduce){.fade,.caret{animation:none}}