@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-vietnamese-700-normal-BLYPkJbo.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-700-normal-CHrFuVHU.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-ext-700-normal-fBkt-7fi.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-700-normal-BXpPFNFj.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-vietnamese-800-normal-RJtJa6zl.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-800-normal-DJ4hCX8l.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-ext-800-normal-BimIDUhy.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-800-normal-CkoBqIJM.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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2)format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-vietnamese-600-normal-P4BtCUdw.woff2)format("woff2"),url(/assets/public-sans-vietnamese-600-normal-CcnAzmUX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-ext-600-normal-DchWdWJ_.woff2)format("woff2"),url(/assets/public-sans-latin-ext-600-normal-DfkbVac2.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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2)format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.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{--line:color-mix(in srgb, var(--ink) 14%, transparent);--line-strong:color-mix(in srgb, var(--ink) 32%, transparent);--action-wash:color-mix(in srgb, var(--action) 12%, transparent);--danger-wash:color-mix(in srgb, var(--danger) 10%, transparent);--foam:#f6f2e9}*,:before,:after{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:var(--font-body);font-size:var(--text-16);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}h1{font-size:var(--text-44)}h2{font-size:var(--text-26)}h3{font-size:var(--text-20)}p{max-width:68ch;margin:0}a{color:var(--action);text-underline-offset:.2em}:focus-visible{outline:2px solid var(--action);outline-offset:2px}[role=alert]{border-left:3px solid var(--danger);background:var(--danger-wash);border-radius:0 var(--radius-control) var(--radius-control) 0;padding:.6rem .9rem}.muted{color:var(--muted)}.badge{background:var(--danger);color:#fff;text-align:center;border-radius:1em;min-width:1.4em;padding:0 .4em;font-size:.8em;font-weight:700;display:inline-block}button,.button{font:inherit;border-radius:var(--radius-control);border:1px solid var(--line-strong);min-height:2.5rem;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.45rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}button[type=submit],button.primary,.button.primary{background:var(--action);border-color:var(--action);color:var(--on-action)}button.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:0 0}button:disabled{opacity:.5;cursor:not-allowed}label{font-weight:700;font-size:var(--text-14);align-content:start;gap:.25rem;display:grid}:is(label:has(>input[type=checkbox]),label:has(>input[type=radio])){font-weight:400;font-size:var(--text-16);align-items:center;gap:.5rem;display:flex}input,select,textarea{font:inherit;font-weight:400;font-size:var(--text-16);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-control);max-width:100%;min-height:2.5rem;padding:.45rem .65rem}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;min-height:0;accent-color:var(--action)}textarea{width:100%;min-height:6rem}fieldset{border:1px solid var(--line);border-radius:var(--radius-panel);gap:.75rem;margin:0;padding:1rem 1.25rem;display:grid}legend{font-family:var(--font-display);font-weight:700;font-size:var(--text-20);padding:0 .35rem}main form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);flex-wrap:wrap;align-items:end;gap:1rem 1.25rem;padding:1.25rem 1.5rem;display:flex}main form>h2,main form>p,main form>fieldset,main form>[role=alert]{flex-basis:100%}main form label{grid-template-columns:minmax(0,1fr);min-width:min(14rem,100%);max-width:100%}main form label:has(>textarea){flex-basis:100%}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);overflow-x:auto}table{border-collapse:collapse;width:100%}caption{font-family:var(--font-display);font-weight:700;font-size:var(--text-20);text-align:left;padding:1rem 1rem .25rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:.6rem 1rem}th{white-space:normal;font-size:var(--text-14);color:var(--muted);font-weight:700}tbody tr:last-child td{border-bottom:none}td button{min-height:2rem;font-size:var(--text-14);padding:.2rem .6rem}.num{text-align:right}td.wrap,td .beer,td .beer-cell{white-space:normal}td.wrap{min-width:7rem}td .beer,td .beer-cell{min-width:10rem}td.actions{white-space:normal}td.actions button{margin-block:.15rem}.cell-note{white-space:normal;font-size:var(--text-14);color:var(--danger);margin-top:.2rem;font-weight:700;display:block}.negative{color:var(--danger);font-weight:700}#root{min-height:100vh}.shell{grid-template-columns:15rem minmax(0,1fr);min-height:100vh;display:grid}.shell>*{min-width:0}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;display:flex}.nav-bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-toggle{display:none}.nav-panel{flex-direction:column;flex:1;gap:1.5rem;display:flex}.brand{font-family:var(--font-display);font-weight:800;font-size:var(--text-34);letter-spacing:-.035em;color:var(--ink);white-space:nowrap;padding:0 .5rem;line-height:1;text-decoration:none}.wordmark{align-items:baseline;display:inline-flex}.wordmark-o{color:var(--coaster);margin:0 .02em}.wordmark-o svg{width:.74em;height:.74em;display:block;transform:translateY(.04em)}.nav-group{gap:.1rem;display:grid}.nav-title{font-family:var(--font-display);color:var(--muted);margin-bottom:.15rem;padding:0 .5rem;font-weight:700}.nav-group a{border-radius:var(--radius-control);color:var(--ink);align-items:center;gap:.4rem;padding:.35rem .5rem;text-decoration:none;display:flex}.nav-group a:hover{background:var(--action-wash)}.nav-group a[aria-current=page]{background:var(--action-wash);color:var(--action);box-shadow:inset 3px 0 0 var(--action);font-weight:700}.who{font-size:var(--text-14);color:var(--muted);justify-items:start;gap:.5rem;margin-top:auto;padding:0 .5rem;display:grid}main{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.5rem;max-width:76rem;padding:2.5rem clamp(1rem,4vw,3rem);display:grid}main>section{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.25rem;display:grid}.toolbar{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.plain{border-top:2px solid var(--line-strong);grid-template-columns:minmax(0,1fr);gap:1rem;padding-top:1rem;display:grid}.glass{flex:none;display:block}.glass .rim{fill:none;stroke:var(--ink);stroke-opacity:.55;stroke-width:1.5px}.glass .foam{fill:var(--foam)}.glass.unknown .rim{stroke-dasharray:3 3}.beer{align-items:center;gap:.6rem;display:flex}.beer a{color:var(--ink);font-weight:700;text-decoration:none}.beer a:hover{color:var(--action)}.colour{font-family:var(--font-display);font-weight:700;font-size:var(--text-26);justify-items:center;gap:.35rem;line-height:1;display:grid}.facts{font-size:var(--text-20);flex-wrap:wrap;gap:.25rem 1.25rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.sizing-result{grid-template-columns:auto minmax(0,1fr);gap:.25rem 1rem;margin:0;display:grid}.sizing-result dt{color:var(--muted)}.sizing-result dd{margin:0}.steps{gap:.6rem;margin:0;padding-left:1.75rem;display:grid}.steps li::marker{font-family:var(--font-display);color:var(--action);font-weight:700}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.brew-sheet{gap:1.5rem;display:grid}.sheet-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:1.5rem;display:grid}.values{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.gauges{flex-wrap:wrap;gap:1rem clamp(.75rem,3vw,1.5rem);margin:0;padding:0;list-style:none;display:flex}.gauge{text-align:center;font-size:var(--text-14);align-content:start;justify-items:center;display:grid}.gauge svg{grid-area:1/1;width:clamp(3.5rem,15vw,5.25rem);height:auto}.gauge svg+.gauge-value{grid-area:1/1;align-self:center;font-size:clamp(.95rem,4vw,1.25rem)}.gauge-value{font-family:var(--font-display);font-weight:800;font-size:var(--text-20);line-height:1}.gauge>.gauge-value:first-child{min-height:clamp(3.5rem,15vw,5.25rem);font-size:var(--text-26);align-items:center;display:grid}.gauge>.muted{max-width:clamp(3.5rem,15vw,5.25rem);font-size:.75rem;line-height:1.2}.gauge-label{color:var(--muted);letter-spacing:.06em;font-weight:600}.ring-track,.ring-fill{fill:none;stroke-width:6px}.ring-track{stroke:var(--line)}.ring-fill{stroke:var(--ink)}.blocks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.block{border:2px solid var(--ink);border-radius:var(--radius-panel);break-inside:avoid;gap:.75rem;padding:1rem 1.25rem;display:grid}.big,.mid{font-family:var(--font-display);font-weight:800;line-height:1}.big{font-size:clamp(2.25rem,7vw,3.25rem)}.mid{font-size:var(--text-26)}.mash-steps{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.waters{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding-top:.75rem;display:grid}.waters dt{color:var(--muted);font-size:var(--text-14)}.waters dd{margin:0}.boil-line{border-bottom:4px solid var(--ink);height:2.25rem;margin:0 1rem;position:relative}.boil-mark{font-weight:700;font-size:var(--text-14);justify-items:center;display:grid;position:absolute;bottom:-.55rem;transform:translate(-50%)}.boil-mark:after{content:"";background:var(--ink);border-radius:50%;width:.9rem;height:.9rem}.additions{gap:.35rem;margin:0;padding-left:1.25rem;font-weight:600;display:grid}.ferment-chart{width:100%;height:auto;display:block}.ferment-chart .grid{stroke:var(--line)}.ferment-chart .tick{fill:var(--muted);font-size:12px}.ferment-chart .value{fill:var(--ink);font-size:13px;font-weight:700}.ferment-chart .level{stroke:var(--ink);stroke-width:3px}.ferment-chart .level.free{stroke-dasharray:6 5}.ferment-chart .today line{stroke:var(--action);stroke-width:2px;stroke-dasharray:4 4}.ferment-chart .today text{fill:var(--action);font-size:12px;font-weight:700}.ferment-chart .join{stroke:var(--ink);stroke-width:1.5px}.priming{align-items:center;gap:1rem;display:flex}.disc{background:var(--ink);width:5rem;height:5rem;color:var(--surface);font-family:var(--font-display);font-weight:800;font-size:var(--text-16);border-radius:50%;flex:none;place-items:center;display:grid}.progress{margin:0;padding:0 0 .25rem;list-style:none;display:flex;overflow-x:auto}.progress li{font-size:var(--text-14);color:var(--muted);flex:1 0 6.5rem;align-content:start;gap:.15rem;padding:1.35rem .5rem 0 0;display:grid;position:relative}.progress li:before{content:"";background:var(--line-strong);height:2px;position:absolute;top:.4rem;left:0;right:0}.progress li:after{content:"";background:var(--page);border:2px solid var(--line-strong);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:0;left:0}.progress li.done,.progress li.current{color:var(--ink)}.progress li.done:before,.progress li.done:after{background:var(--action);border-color:var(--action)}.progress li.current{font-weight:700}.progress li.current:after{border:3px solid var(--action)}.progress .when{color:var(--muted);font-size:.75rem;font-weight:400}.next{background:var(--action-wash);border-radius:var(--radius-panel);gap:1rem;padding:1.25rem 1.5rem;display:grid}.fermentation-today{flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;display:flex}.fermentation-today strong{font-family:var(--font-display);font-size:var(--text-26)}main form.inline{background:0 0;border:none;padding:0}.narrow{max-width:28rem}.brew-mode{z-index:50;background:var(--page);align-content:start;gap:1.5rem;padding:clamp(1rem,4vw,2.5rem);display:grid;position:fixed;inset:0;overflow-y:auto}.brew-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brew-head h1{font-size:var(--text-26)}.brew-notices{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.brew-notices li{font-size:var(--text-20);border-left-color:var(--action);background:var(--action-wash);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brew-running{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.brew-running li{border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;font-weight:600;display:flex}.brew-running-clock{font-family:var(--font-display);font-size:var(--text-26);margin-left:auto;font-weight:700}.brew-now{border:2px solid var(--action);border-radius:var(--radius-panel);background:var(--surface);gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid}.brew-label{font-size:var(--text-14);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.brew-big{font-size:clamp(1.75rem, 6vw, var(--text-44))}.brew-mid{font-size:var(--text-20);font-weight:600}.brew-lines{font-size:var(--text-20);gap:.25rem;margin:0;padding-left:1.25rem;font-weight:600;display:grid}.brew-timer{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.brew-clock{font-family:var(--font-display);font-size:clamp(3rem,14vw,6rem);font-weight:700;line-height:1}.brew-done{min-height:3.25rem;font-size:var(--text-20);justify-self:start;padding-inline:2rem}.brew-notes{border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--surface);padding:.75rem 1.25rem}.brew-notes summary{font-family:var(--font-display);font-size:var(--text-20);cursor:pointer;font-weight:700}.brew-notes p{white-space:pre-line;font-size:var(--text-20);margin-top:.5rem}.brew-steps ol{gap:.35rem;margin:.5rem 0 0;padding-left:1.5rem;display:grid}.brew-steps li[aria-current=step]{font-weight:700}@media screen and (width<=1024px){.shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.sidebar{z-index:10;border-right:none;border-bottom:1px solid var(--line);gap:0;padding:.5rem 1rem;position:sticky;top:0}.nav-toggle{display:inline-flex}.nav-panel{max-height:calc(100dvh - 4rem);padding-block:1rem .5rem;display:none;overflow-y:auto}.nav-panel.open{display:flex}.nav-group a{padding-block:.6rem}.who{margin-top:0}}@media (width<=760px){h1{font-size:var(--text-34)}.sheet-top,.blocks{grid-template-columns:1fr}}@media screen and (width<=760px){main{padding:1.25rem 1rem}main form{padding:1rem}.toolbar label,.toolbar select{min-width:0;max-width:100%}.table-wrap table:not(.stack) tr>:first-child{z-index:1;background:var(--surface);max-width:45vw;box-shadow:1px 0 0 var(--line);white-space:normal;position:sticky;left:0}table.stack thead{display:none}table.stack tr{border-bottom:1px solid var(--line);padding-block:.5rem;display:block}table.stack tbody tr:last-child{border-bottom:none}table.stack td{text-align:right;white-space:normal;border-bottom:none;justify-content:space-between;align-items:baseline;gap:1rem;padding:.3rem 1rem;display:flex}table.stack td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:var(--text-14);text-align:left;font-weight:700}table.stack td .beer-cell{text-align:left}}@media (pointer:coarse){button,.button,td button,input:not([type=checkbox],[type=radio]),select{min-height:2.75rem}input[type=checkbox],input[type=radio]{width:1.5rem;height:1.5rem}}@media print{:root{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;--ink:#000!important;--page:#fff!important;--surface:#fff!important;--muted:#333!important}.sidebar,.no-print,.next,.progress,main form,main button{display:none!important}.shell{display:block}main{max-width:none;padding:0}main>section,.brew-sheet{display:block}main>section>*+*,.brew-sheet>*+*{margin-top:1.25rem}h1,h2,h3,.page-head{break-after:avoid}.sheet-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.blocks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.table-wrap{border-color:#000;overflow:visible}th,td{padding:.4rem .6rem}td{white-space:normal}td.num{white-space:nowrap}.block,.table-wrap{break-inside:avoid}}tr.group th{font-family:var(--font-display);font-size:var(--text-16);color:var(--muted);padding-top:1rem;padding-bottom:.25rem}[role=dialog]{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-panel);flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}[role=dialog]>p{flex-basis:100%}.beer-tile{background:var(--surface);border-radius:var(--radius-panel);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.5rem;padding:1.25rem 1.5rem;display:grid}.beer-tile-body{gap:.35rem;display:grid}.beer-tile-body h2{font-size:var(--text-34)}.deadline{font-weight:700}.attention{background:var(--surface);border-radius:var(--radius-panel);gap:.4rem;padding:1rem 1.5rem 1rem 2.5rem;display:grid}.notice{background:var(--surface);border-radius:var(--radius-panel);gap:.35rem;padding:1rem 1.5rem;display:grid}.notice-text{white-space:pre-line}.reservations{gap:1rem;display:grid}.reservation{background:var(--surface);border-radius:var(--radius-panel);gap:.35rem;padding:1rem 1.5rem;display:grid}.reservation-head{align-items:center;gap:1rem;display:flex}.beer-cell{align-items:center;gap:.5rem;display:flex}.pre-reserve{gap:.6rem;margin-top:.5rem;display:grid}.pre-reserve input{max-width:10rem}.flag{color:var(--danger);background:var(--danger-wash);white-space:nowrap;border-radius:999px;padding:.1rem .6rem}.empty{text-align:center;justify-items:center;gap:.75rem;padding:2rem 1rem;display:grid}th button.sort{all:unset;cursor:pointer;font:inherit;color:inherit}th button.sort:focus-visible{outline:2px solid var(--action);outline-offset:2px}th[aria-sort=ascending],th[aria-sort=descending]{color:var(--ink)}.mug-rating{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mugs{gap:.1rem;display:flex}.mug-button{border:none;min-width:2.5rem;min-height:2.5rem;padding:.25rem}.mug path{fill:none;stroke:var(--muted);stroke-width:2px;stroke-linejoin:round}.mug.filled .mug-body{fill:var(--action);stroke:var(--action)}.mug.filled .mug-handle{stroke:var(--action)}.mugs-shown{vertical-align:middle;gap:.05rem;display:inline-flex}.rating-cell{align-items:center;gap:.5rem;display:inline-flex}button.link{min-height:0;font-weight:inherit;color:var(--action);text-underline-offset:.2em;border:0;padding:0;text-decoration:underline}.views{display:inline-flex}.views button{border-radius:0}.views button:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.views button:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0;margin-left:-1px}.views button[aria-pressed=true]{background:var(--action);border-color:var(--action);color:var(--on-action)}.choose{margin-top:2rem}.choose-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);margin:1rem 0 0;padding:0;list-style:none}.choose-list li+li{border-top:1px solid var(--line)}.choose-beer{all:unset;box-sizing:border-box;cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:3rem;padding:.5rem 1rem;display:flex}.choose-beer:focus-visible{outline:2px solid var(--action);outline-offset:-2px}.rate-beer{padding:0 1rem 1rem}