@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)}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{min-width:min(14rem,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}.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{align-content:start;gap:1.5rem;max-width:76rem;padding:2.5rem clamp(1rem,4vw,3rem);display:grid}main>section{align-content:start;gap:1.25rem;display:grid}.toolbar{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.plain{border-top:2px solid var(--line-strong);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)}.sheet-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem;display:grid}.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}.sheet-body{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:1.5rem;display:grid}.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}main form.inline{background:0 0;border:none;padding:0}.narrow{max-width:28rem}@media (width<=760px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:1rem;padding:.75rem 1rem;overflow-x:auto}.nav-group{gap:.25rem;display:flex}.nav-title{display:none}.nav-group a{white-space:nowrap}.who{align-items:center;margin:0;display:flex}.who p{display:none}h1{font-size:var(--text-34)}.sheet-head{grid-template-columns:auto minmax(0,1fr)}.sheet-head>:last-child{grid-column:1/-1}.sheet-body{grid-template-columns:1fr}}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}.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}