@font-face{font-family:Bowlby One SC;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bowlby-one-sc-latin-ext-400-normal-DCwUCejp.woff2)format("woff2"),url(/assets/bowlby-one-sc-latin-ext-400-normal-DdIIB6VC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bowlby One SC;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bowlby-one-sc-latin-400-normal-CBAuFTm8.woff2)format("woff2"),url(/assets/bowlby-one-sc-latin-400-normal-DTrcXfXA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-paper:oklch(97.5% .008 200);--color-paper-dot:oklch(72% .02 200);--color-ink:oklch(18% .02 230);--color-teal:oklch(45% .09 200);--color-teal-deep:oklch(32% .07 200);--color-aqua:oklch(79% .105 200);--color-red:oklch(53% .205 28);--color-yellow:oklch(84% .16 95);--color-coffee:oklch(36% .08 50);--font-display:"Bowlby One SC", Impact, sans-serif;--font-body:"Atkinson Hyperlegible", Arial, sans-serif;--text-xs:.8rem;--text-sm:.925rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-display-sm:3rem;--text-masthead:clamp(2.05rem, 10vw, 4.4rem);--text-recipe-result:clamp(1.6rem, 8vw, 2.1rem);--text-timer-heading:clamp(1.8rem, 9vw, 3.5rem);--text-timer-clock:clamp(4.5rem, 26vw, 9rem);--text-compact-unit:.72rem;--text-narrow-masthead:1.82rem;--text-narrow-result:1.45rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-control:10px;--radius-control-inner:7px;--radius-panel:14px;--radius-pill:999px;--stroke-medium:2px;--stroke-heavy:3px;--shadow-ink-sm:3px 3px 0 var(--color-ink);--shadow-ink:4px 4px 0 var(--color-ink);--shadow-pressed:1px 1px 0 var(--color-ink);--ease-out:cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box}html{background:var(--color-teal-deep);min-width:320px;color:var(--color-ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility}body{background-color:var(--color-paper);background-image:radial-gradient(circle, var(--color-paper-dot) 0 .7px, transparent .8px);background-size:7px 7px;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input[type=range],input[type=radio],input[type=checkbox]{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--color-paper);outline-offset:2px;box-shadow:0 0 0 6px var(--color-ink)}button:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.58}a{color:inherit;text-underline-offset:3px;font-weight:700;text-decoration-thickness:2px}.skip-link{z-index:30;border:3px solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-paper);box-shadow:var(--shadow-ink-sm);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 24px))}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(100%,1180px);min-height:100vh;padding:max(var(--space-md), env(safe-area-inset-top)) max(var(--space-sm), env(safe-area-inset-right)) max(var(--space-xl), env(safe-area-inset-bottom)) max(var(--space-sm), env(safe-area-inset-left));margin-inline:auto}.masthead{align-items:center;gap:var(--space-sm);min-height:150px;padding:0 var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(122px,42%);display:grid;position:relative}.masthead__text{z-index:1;min-width:0;position:relative}.masthead h1,.mini-wordmark{color:var(--color-red);font-family:var(--font-display);font-size:var(--text-masthead);letter-spacing:-.025em;text-shadow:3px 3px 0 var(--color-ink), 6px 6px 0 var(--color-yellow);text-wrap:balance;margin:0;font-weight:400;line-height:.9}.masthead h1 span{display:block}.masthead img{object-fit:contain;object-position:right bottom;width:min(100%,280px);max-height:184px;filter:drop-shadow(3px 3px 0 var(--color-ink));place-self:flex-end end}.comic-layout{gap:var(--stroke-heavy);margin-top:var(--space-sm);border:var(--stroke-heavy) solid var(--color-ink);border-radius:var(--radius-panel);background:var(--color-ink);box-shadow:var(--shadow-ink);display:grid;overflow:hidden}.comic-panel{padding:var(--space-md);position:relative;overflow:hidden}.comic-panel:after{content:"";opacity:.055;pointer-events:none;background-image:radial-gradient(circle,currentColor 0 .65px,#0000 .75px);background-size:6px 6px;position:absolute;inset:0}.comic-panel>*{z-index:1;position:relative}.comic-panel--pick{background:var(--color-teal);color:var(--color-paper)}.comic-panel--tune{background:var(--color-aqua)}.comic-panel--brew{background:var(--color-yellow)}.panel-heading{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.panel-heading>span{min-width:1em;color:var(--color-paper);font-family:var(--font-display);font-size:var(--text-display-sm);text-shadow:3px 3px 0 var(--color-ink);line-height:.8}.comic-panel--tune .panel-heading>span,.comic-panel--brew .panel-heading>span{color:var(--color-red);text-shadow:3px 3px 0 var(--color-ink), 5px 5px 0 var(--color-paper)}.panel-heading h2{font-family:var(--font-display);font-size:var(--text-display-sm);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-weight:400;line-height:.95}.pick-fields{gap:var(--space-sm);display:grid}.recipe-context{gap:var(--space-xs) var(--space-sm);margin:0 2px var(--space-xs);font-size:var(--text-sm);font-weight:700;line-height:1.35;display:grid}.recipe-context__actions{align-items:center;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;min-height:44px;display:flex}.recipe-context a{min-height:44px;color:var(--color-paper);align-items:center;display:inline-flex}.recipe-context__badge{border:2px solid var(--color-ink);background:var(--color-yellow);color:var(--color-ink);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;line-height:1;transform:rotate(-1deg)}.recipe-context button{border:2px solid var(--color-paper);border-radius:var(--radius-control-inner);min-height:44px;color:var(--color-paper);font-size:var(--text-xs);text-underline-offset:2px;background:0 0;padding:2px 7px;font-weight:700;text-decoration:underline}.tune-controls{gap:var(--space-md);display:grid}.select-field,.field-label,.roast-field legend,.range-field label{gap:var(--space-xs);font-size:var(--text-sm);font-weight:700;display:grid}.select-field select{border:var(--stroke-medium) solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-paper);width:100%;min-height:52px;color:var(--color-ink);box-shadow:var(--shadow-ink-sm);padding:10px 42px 10px 12px;font-weight:700}.roast-field{margin:var(--space-md) 0 0;border:0;padding:0}.roast-options{gap:var(--space-sm);margin-top:var(--space-xs);grid-template-columns:repeat(3,1fr);display:grid}.roast-options label{min-width:0}.roast-options input{opacity:0;pointer-events:none;position:absolute}.roast-options span,.batch-presets button{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper);min-height:44px;color:var(--color-ink);font-size:var(--text-sm);text-transform:capitalize;place-items:center;padding:8px;font-weight:700;display:grid}.roast-options input:checked+span{background:var(--color-yellow);box-shadow:inset 0 0 0 2px var(--color-ink)}.roast-options input:focus-visible+span{outline:3px solid var(--color-paper);outline-offset:2px;box-shadow:0 0 0 6px var(--color-ink)}.batch-presets{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.batch-presets button{border-radius:var(--radius-control);box-shadow:2px 2px 0 var(--color-ink);text-transform:none}.batch-presets button[aria-pressed=true]{background:var(--color-teal);color:var(--color-paper);box-shadow:none;transform:translate(2px,2px)}.stepper{gap:var(--space-xs);display:grid}.stepper__control{border:var(--stroke-medium) solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-paper);min-height:54px;box-shadow:var(--shadow-ink-sm);grid-template-columns:48px minmax(0,1fr) 48px;display:grid}.stepper__control>button{background:var(--color-yellow);min-width:44px;color:var(--color-ink);font-size:var(--text-xl);border:0;font-weight:700;line-height:1}.stepper__control>button:first-child{border-inline-end:2px solid var(--color-ink);border-radius:var(--radius-control-inner) 0 0 var(--radius-control-inner)}.stepper__control>button:last-child{border-inline-start:2px solid var(--color-ink);border-radius:0 var(--radius-control-inner) var(--radius-control-inner) 0}.stepper__value{justify-content:center;align-items:center;gap:var(--space-xs);min-width:0;padding-inline:var(--space-sm);display:flex}.stepper__input-sizer{min-width:1ch;max-width:100%;font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:700;line-height:1;display:inline-grid}.stepper__input-sizer:after{content:attr(data-value);visibility:hidden;white-space:pre;grid-area:1/1;min-width:1ch}.stepper__value input{width:0;min-width:100%;color:var(--color-ink);appearance:textfield;font:inherit;font-variant-numeric:inherit;text-align:right;background:0 0;border:0;outline:0;grid-area:1/1;padding:0}.stepper__value--prefixed{gap:0}.stepper__value--prefixed input{text-align:left}.stepper__prefix{color:var(--color-ink);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.stepper__suffix{font-size:var(--text-sm);font-weight:700;line-height:1}.stepper__value:focus-within{outline:3px solid var(--color-paper);outline-offset:2px;box-shadow:0 0 0 6px var(--color-ink)}.stepper__value input:focus-visible{box-shadow:none}.stepper__value input::-webkit-inner-spin-button{appearance:none;margin:0}.stepper__value input::-webkit-outer-spin-button{appearance:none;margin:0}.stepper__value span{white-space:nowrap}.range-field{gap:var(--space-sm);display:grid}.range-field__label,.range-field__ends{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.range-field__value{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-yellow);font-size:var(--text-lg);font-variant-numeric:tabular-nums;padding:4px 10px;font-weight:700;transform:rotate(1deg)}.comic-range{align-items:center;height:48px;display:grid;position:relative}.comic-range__track{border:var(--stroke-medium) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper);height:14px;box-shadow:3px 3px 0 var(--color-ink);position:absolute;left:14px;right:14px;overflow:hidden}.comic-range__fill{width:var(--range-progress);background:var(--color-teal-deep);position:absolute;inset:0 auto 0 0}.comic-range__ticks{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 10px}.comic-range__ticks i{background:var(--color-ink);opacity:.55;width:2px;height:6px}.comic-range input[type=range]{z-index:1;appearance:none;background:0 0;width:100%;height:48px;margin:0;position:relative}.comic-range input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;height:14px}.comic-range input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-ink);background:var(--color-yellow);width:28px;height:28px;box-shadow:2px 2px 0 var(--color-ink);border-radius:50%;margin-top:-7px}.comic-range input[type=range]::-moz-range-track{background:0 0;border:0;height:14px}.comic-range input[type=range]::-moz-range-progress{background:0 0;height:14px}.comic-range input[type=range]::-moz-range-thumb{border:3px solid var(--color-ink);background:var(--color-yellow);width:24px;height:24px;box-shadow:2px 2px 0 var(--color-ink);border-radius:50%}.range-field__ends{font-size:var(--text-xs);font-weight:700}.range-field__summary{font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center;margin:-2px 0 0;font-weight:700}.recipe-results{gap:var(--stroke-medium);border:var(--stroke-medium) solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-ink);box-shadow:var(--shadow-ink-sm);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.recipe-results>div{background:var(--color-paper);min-width:0;min-height:100px;color:var(--color-ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.recipe-results span{width:100%;min-height:42px;padding:var(--space-sm) var(--space-xs);font-size:var(--text-xs);text-transform:uppercase;place-items:center;font-weight:700;line-height:1.1;display:grid}.recipe-results strong{width:100%;max-width:100%;min-height:58px;padding:var(--space-sm) var(--space-xs);background:var(--color-coffee);color:var(--color-paper);font-family:var(--font-display);font-size:var(--text-recipe-result);font-variant-numeric:tabular-nums;letter-spacing:-.03em;justify-content:center;align-items:baseline;margin:0;font-weight:400;line-height:.9;display:flex}.recipe-results small{color:var(--color-paper);font-family:var(--font-body);font-size:var(--text-sm);margin-left:2px;font-weight:700}.capacity-warning{margin-top:var(--space-md);padding:var(--space-md);border:var(--stroke-medium) solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-red);color:var(--color-paper)}.capacity-warning strong,.capacity-warning p{margin:0;display:block}.capacity-warning p{margin-top:var(--space-xs);line-height:1.45}.capacity-warning button{min-height:44px;margin-top:var(--space-sm);border:2px solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);padding:8px 12px;font-weight:700}.brew-actions{gap:var(--space-md);margin-top:var(--space-md);display:grid}.brew-actions img{object-fit:contain;object-position:bottom center;width:min(100%,210px);height:auto;max-height:175px;filter:drop-shadow(3px 3px 0 var(--color-ink));justify-self:center}.brew-actions>div{gap:var(--space-xs);width:100%;display:grid}.brew-actions .primary-action{width:100%}.primary-action,.secondary-action,.back-button{border:var(--stroke-medium) solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-red);min-height:52px;color:var(--color-paper);box-shadow:var(--shadow-ink);font-size:var(--text-md);letter-spacing:.02em;padding:12px 18px;font-weight:700}.primary-action:active,.secondary-action:active,.back-button:active{box-shadow:var(--shadow-pressed);transform:translate(3px,3px)}.text-action{min-height:44px;color:var(--color-ink);text-underline-offset:3px;background:0 0;border:0;justify-self:center;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.copy-status{min-height:1.35em;font-size:var(--text-sm);text-align:center;margin:0;font-weight:700}.timer-view{min-height:100dvh;padding:max(var(--space-md), env(safe-area-inset-top)) max(var(--space-sm), env(safe-area-inset-right)) max(var(--space-md), env(safe-area-inset-bottom)) max(var(--space-sm), env(safe-area-inset-left));background:var(--color-teal);color:var(--color-paper)}.timer-view--ice{background:var(--color-aqua);color:var(--color-ink)}.timer-view--release,.timer-view--complete{background:var(--color-yellow);color:var(--color-ink)}.timer-header{align-items:center;gap:var(--space-sm);grid-template-columns:auto minmax(0,1fr) auto;width:min(100%,980px);margin-inline:auto;display:grid}.timer-header .back-button{background:var(--color-paper);min-height:44px;color:var(--color-ink);box-shadow:var(--shadow-ink-sm);font-size:var(--text-sm);justify-self:start;padding:8px 10px}.mini-wordmark{color:var(--color-paper);text-align:center;text-shadow:2px 2px 0 var(--color-ink);white-space:nowrap;font-size:clamp(1rem,3vw,1.55rem);line-height:.9}.timer-view--ice .mini-wordmark,.timer-view--release .mini-wordmark,.timer-view--complete .mini-wordmark{color:var(--color-ink);text-shadow:none}.cue-toggle{min-height:44px;font-size:var(--text-sm);justify-self:end;align-items:center;gap:6px;font-weight:700;display:flex}.cue-toggle input{width:22px;height:22px;accent-color:var(--color-red)}.timer-main{gap:var(--space-md);width:min(100%,980px);margin:var(--space-lg) auto 0;display:grid}.timer-stage,.timer-recipe{border:var(--stroke-heavy) solid var(--color-ink);border-radius:var(--radius-panel);box-shadow:var(--shadow-ink)}.timer-stage{min-height:calc(100dvh - 224px);padding:var(--space-lg) var(--space-md);background:var(--color-paper);color:var(--color-ink);text-align:center;align-content:center;display:grid}.comic-kicker{margin:0 0 var(--space-sm);border:2px solid var(--color-ink);background:var(--color-red);color:var(--color-paper);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;font-weight:700;display:inline-block;transform:rotate(-1.5deg)}.timer-stage h1{max-width:18ch;font-family:var(--font-display);font-size:var(--text-timer-heading);letter-spacing:-.025em;text-wrap:balance;margin:0 auto;font-weight:400;line-height:1}.timer-clock{color:var(--color-red);font-family:var(--font-display);font-size:var(--text-timer-clock);font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-shadow:3px 3px 0 var(--color-ink), 6px 6px 0 var(--color-yellow);margin:clamp(24px,6vh,48px) 0;line-height:.8}.timer-instruction{width:min(100%,560px);font-size:var(--text-md);margin-inline:auto;line-height:1.5}.timer-instruction p,.timer-instruction ol{margin:0}.timer-instruction ol{gap:var(--space-sm);text-align:left;padding-left:1.4em;display:grid}.timer-actions{justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.timer-actions .secondary-action{background:var(--color-aqua);color:var(--color-ink)}.timer-recipe{align-items:end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-yellow);color:var(--color-ink);grid-template-columns:92px 1fr;display:grid}.timer-recipe img{object-fit:contain;width:min(122%,150px);max-height:110px;filter:drop-shadow(2px 2px 0 var(--color-ink));justify-self:center}.timer-recipe dl{gap:var(--space-xs);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.timer-recipe dl div{text-align:center}.timer-recipe dt{font-size:var(--text-xs);text-transform:uppercase;font-weight:700}.timer-recipe dd{font-size:var(--text-base);font-variant-numeric:tabular-nums;white-space:nowrap;margin:2px 0 0;font-weight:700}@media (hover:hover) and (pointer:fine){button:not(:disabled),select{transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out), filter .14s var(--ease-out)}.primary-action:hover,.secondary-action:hover,.back-button:hover,.select-field select:hover,.batch-presets button:hover,.stepper__control>button:hover,.capacity-warning button:hover{filter:saturate(1.08);box-shadow:5px 5px 0 var(--color-ink);transform:translate(-1px,-1px)}}@media (width>=680px){.app-shell{padding-inline:var(--space-lg)}.masthead{min-height:184px;padding:0 var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(210px,30%)}.comic-layout{grid-template-columns:minmax(260px,.86fr) minmax(340px,1.14fr);grid-template-areas:"pick tune""brew brew";align-items:stretch}.comic-panel{padding:var(--space-lg)}.comic-panel--pick{grid-area:pick}.comic-panel--tune{grid-area:tune}.comic-panel--brew{grid-area:brew}.recipe-results{gap:var(--stroke-medium)}.timer-main{grid-template-columns:minmax(0,1fr) 220px}.timer-stage{min-height:calc(100dvh - 118px);padding:var(--space-xl)}.timer-recipe{padding:var(--space-md);grid-template-columns:1fr;align-content:end}.timer-recipe img{width:min(100%,210px);max-height:190px}.timer-recipe dl{gap:var(--space-md);grid-template-columns:1fr}}@media (width>=900px){.brew-actions{grid-template-columns:190px minmax(320px,1fr);align-items:end;width:min(100%,720px);margin-inline:auto}.brew-actions img{justify-self:end;width:100%;max-width:190px;max-height:none}}@media (width>=1020px){.comic-layout{grid-template-columns:minmax(260px,.82fr) minmax(340px,1.08fr) minmax(360px,1.1fr);grid-template-areas:"pick tune brew"}.comic-panel--brew{flex-direction:column;display:flex}.brew-actions{gap:var(--space-md);width:100%;padding-top:var(--space-lg);grid-template-columns:minmax(140px,1fr) minmax(0,1fr);align-items:center;margin-top:auto}.brew-actions img{justify-self:end;width:100%;max-width:160px;max-height:none}.recipe-results small{font-size:var(--text-compact-unit)}}@media (width<=379px){.masthead h1{font-size:var(--text-narrow-masthead)}.masthead img{width:118%}.recipe-results strong{font-size:var(--text-narrow-result)}.recipe-results>div{min-height:118px}.brew-actions .primary-action{font-size:var(--text-sm);letter-spacing:0;white-space:nowrap;padding-inline:8px}}@media (width<=599px){.timer-header{grid-template-columns:1fr auto}.mini-wordmark{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}