:root{--bg-0: #0b0f09;--bg-1: #131a10;--bg-2: #1b2417;--bg-3: #24301e;--line: #33421f;--line-soft: #26331a;--ink: #eef3df;--ink-dim: #aebd95;--ink-faint: #7b8a6a;--amber: #d9a441;--amber-soft: #8a5a1e;--green: #8bac0f;--green-soft: #4f7a28;--danger: #c0563a;--copper: #b8703a;--font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--fs-xs: .72rem;--fs-sm: .82rem;--fs-md: .95rem;--fs-lg: 1.1rem;--fs-xl: 1.35rem;--fs-2xl: 1.9rem;--fs-3xl: 2.6rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 72px;--radius: 4px;--radius-lg: 8px;--shadow: 0 8px 30px rgba(0, 0, 0, .5);--measure: 68ch}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-0);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);line-height:1.65;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.link{color:var(--amber);text-decoration:underline;text-underline-offset:3px;padding:0}.back{margin-top:var(--s3);font-family:var(--font-mono);font-size:var(--fs-sm)}h1,h2,h3,h4{font-family:var(--font-mono);line-height:1.2;margin:0 0 var(--s3);letter-spacing:-.01em}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.06em;color:var(--amber)}p{margin:0 0 var(--s3)}em{font-style:normal}.dim{color:var(--ink-dim)}.caption{font-size:var(--fs-sm);color:var(--ink-dim);max-width:var(--measure)}.lede{font-size:var(--fs-lg);color:var(--ink-dim);max-width:var(--measure);line-height:1.6}.note{font-size:var(--fs-sm);color:var(--ink-dim);max-width:var(--measure);border-left:2px solid var(--amber-soft);padding:var(--s2) var(--s4);background:var(--bg-1);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:var(--s6)}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--s5);padding:var(--s2) var(--s5);background:#0b0f09eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-size:var(--fs-lg);letter-spacing:.02em}.brand span{color:var(--amber);font-weight:700}.topbar nav{display:flex;gap:var(--s1);margin-left:auto;flex-wrap:wrap}.nav{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-dim);padding:var(--s2) var(--s3);border-radius:var(--radius);border:1px solid transparent}.nav:hover{color:var(--ink);background:var(--bg-2)}.nav.on{color:var(--bg-0);background:var(--amber);border-color:var(--amber);font-weight:700}.nav-badge{display:inline-block;margin-left:var(--s2);background:var(--bg-0);color:var(--amber);border:1px solid var(--line);border-radius:999px;padding:0 6px;font-size:var(--fs-xs);font-weight:700;line-height:1.4}.topsearch{position:relative;flex:1 1 240px;max-width:480px;margin-left:var(--s4)}.topsearch .searchbox input{padding:var(--s2) 42px var(--s2) var(--s3)}.topsearch .searchbox input:focus{border-color:var(--green-soft)}.search-pop{position:absolute;top:calc(100% + var(--s2));left:0;right:0;z-index:40;max-height:min(70vh,540px);display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.search-results{overflow-y:auto;overscroll-behavior:contain;padding:var(--s2)}.search-results::-webkit-scrollbar{width:9px}.search-results::-webkit-scrollbar-thumb{background:var(--line);border:2px solid transparent;background-clip:content-box;border-radius:999px}.search-group{display:flex;flex-direction:column;padding-bottom:var(--s2)}.search-group+.search-group{border-top:1px solid var(--line-soft);padding-top:var(--s1)}.search-group-title{display:block;padding:var(--s2) var(--s2) var(--s1);font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--amber)}.search-hit{display:flex;align-items:baseline;gap:var(--s2);width:100%;text-align:left;padding:var(--s2) var(--s2);border-radius:var(--radius)}.search-hit:hover,.search-hit:focus-visible{background:var(--bg-2)}.search-hit .hit-name{font-size:var(--fs-sm);color:var(--ink)}.search-hit .hit-sub{margin-left:auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-faint)}.search-empty{padding:var(--s2);margin:0;font-size:var(--fs-sm)}.search-all{flex:none;display:block;width:100%;text-align:left;padding:var(--s3) var(--s4);border-top:1px solid var(--line);background:var(--bg-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--amber)}.search-all:hover{color:var(--ink);background:var(--bg-3)}@media(max-width:900px){.topbar{flex-wrap:wrap;gap:var(--s2) var(--s3)}.topsearch{order:1;flex-basis:100%;max-width:none;margin-left:0}.topbar nav{order:2;margin-left:0}}.main{flex:1;padding:var(--s5);max-width:1560px;margin:0 auto;width:100%}.footer{display:flex;gap:var(--s4);flex-wrap:wrap;justify-content:space-between;padding:var(--s5);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-faint)}.footer span{max-width:60ch}.layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--s5);align-items:start}.layout.single{grid-template-columns:minmax(0,1fr)}@media(max-width:1080px){.layout{grid-template-columns:1fr}}.sidebar{position:sticky;top:64px;max-height:calc(100vh - 80px);overflow:auto;overscroll-behavior:contain;padding-right:var(--s2)}@media(max-width:1080px){.sidebar{position:static;max-height:none}}.sidebar,.chips.scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent;scrollbar-gutter:stable}.sidebar::-webkit-scrollbar,.chips.scroll::-webkit-scrollbar{width:9px;height:9px}.sidebar::-webkit-scrollbar-track,.chips.scroll::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.chips.scroll::-webkit-scrollbar-thumb{background:var(--line);border:2px solid transparent;background-clip:content-box;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover,.chips.scroll::-webkit-scrollbar-thumb:hover{background:var(--green-soft);background-clip:content-box}.intro{margin-bottom:var(--s5);max-width:var(--measure)}.intro h1{margin-bottom:var(--s3)}.empty{padding:var(--s8) var(--s5);text-align:center;max-width:60ch;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--s3)}.empty .big{padding:var(--s2) var(--s4);font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--amber);color:var(--bg-0);border-radius:var(--radius);font-weight:700}.filters{display:flex;flex-direction:column;gap:var(--s4)}.filter-block{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s3) var(--s4) var(--s4)}.filter-title{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--amber);margin:0 0 var(--s3)}.filter-title .badge{background:var(--amber);color:var(--bg-0);border-radius:999px;padding:0 6px;font-size:var(--fs-xs)}.filter-hint{font-size:var(--fs-xs);color:var(--ink-faint);margin:0 0 var(--s3);line-height:1.5}.searchbox{position:relative}.searchbox input{width:100%;font:inherit;font-size:var(--fs-sm);padding:var(--s3) 46px var(--s3) var(--s3);background:var(--bg-0);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}.searchbox input::placeholder{color:var(--ink-faint)}.searchbox kbd{position:absolute;right:var(--s3);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-faint);border:1px solid var(--line);border-radius:3px;padding:0 6px}.searchbox-count{display:block;margin-top:var(--s2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-faint)}.chips{display:flex;flex-wrap:wrap;gap:var(--s1)}.chips.scroll{max-height:168px;overflow-y:auto;overflow-x:hidden;padding-right:var(--s2);mask-image:linear-gradient(to bottom,transparent 0,#000 6px,#000 calc(100% - 6px),transparent 100%)}.chip{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-size:var(--fs-xs);padding:3px var(--s3);border-radius:999px;border:1px solid var(--line);color:var(--ink-dim);background:var(--bg-2)}.chip em{color:var(--ink-faint);font-size:.9em}.chip:hover{border-color:var(--green-soft);color:var(--ink)}.chip.on{background:var(--green-soft);border-color:var(--green);color:var(--bg-0);font-weight:700}.chip.on em{color:#0000008c}.ms{display:flex;flex-direction:column;gap:var(--s2)}.ms-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;font:inherit;font-size:var(--fs-sm);text-align:left;padding:var(--s2) var(--s3);background:var(--bg-0);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}.ms-trigger:hover{border-color:var(--green-soft)}.ms-trigger.open{border-color:var(--green)}.ms-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-caret{flex:none;color:var(--ink-faint);font-size:.8em;transition:transform .12s ease}.ms-trigger.open .ms-caret{transform:rotate(180deg)}.ms-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-0);overflow:hidden}.ms-search{padding:var(--s2)}.ms-search input{padding-right:var(--s3)}.ms-actions{display:flex;align-items:center;gap:var(--s1);padding:0 var(--s2) var(--s2);border-bottom:1px solid var(--line-soft)}.ms-actions .mini:disabled{opacity:.45;cursor:default}.ms-count{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-xs)}.ms-list{max-height:220px;overflow-y:auto;overscroll-behavior:contain;padding:var(--s1)}.ms-option{display:flex;align-items:center;gap:var(--s2);width:100%;text-align:left;padding:var(--s1) var(--s2);border-radius:var(--radius);border:none;background:none;font-size:var(--fs-sm);color:var(--ink-dim)}.ms-option:hover{background:var(--bg-2);color:var(--ink)}.ms-option.on{color:var(--ink)}.ms-check{flex:none;width:1.1em;text-align:center;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--green)}.ms-label{flex:1;min-width:0}.ms-option.on .ms-label{font-weight:700}.ms-badge{flex:none;font-family:var(--font-mono);font-size:var(--fs-xs);font-style:normal;color:var(--ink-faint);background:var(--bg-2);border-radius:999px;padding:0 6px}.ms-option.on .ms-badge{color:var(--bg-0);background:var(--green-soft)}.ms-empty{padding:var(--s2);margin:0;font-size:var(--fs-sm)}.dual-field{margin-bottom:var(--s3)}.dual-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-xs)}.dual-label{color:var(--ink-dim)}.dual-value{color:var(--amber)}.dual{position:relative;height:24px}.dual .track,.dual .sel{position:absolute;top:10px;height:4px;border-radius:2px}.dual .track{left:0;right:0;background:var(--bg-3)}.dual .sel{background:var(--amber)}.dual input[type=range]{position:absolute;inset:0;width:100%;height:24px;margin:0;-webkit-appearance:none;appearance:none;background:none;pointer-events:none}.dual input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--amber);border:2px solid var(--bg-0);cursor:grab}.dual input[type=range]::-moz-range-thumb{pointer-events:auto;width:12px;height:12px;border-radius:50%;background:var(--amber);border:2px solid var(--bg-0);cursor:grab}.select{width:100%;font:inherit;font-size:var(--fs-sm);padding:var(--s2) var(--s3);background:var(--bg-0);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}.mini{font-family:var(--font-mono);font-size:var(--fs-xs);padding:3px var(--s3);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-dim);background:var(--bg-2)}.mini:hover{color:var(--ink);border-color:var(--green-soft)}.active-filters{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin-bottom:var(--s4);font-size:var(--fs-sm)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:var(--s4)}.bcard{display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .12s,transform .12s}.bcard:hover{border-color:var(--green-soft);transform:translateY(-2px)}.bcard-main{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);text-align:left;flex:1}.bcard-text{min-width:0;display:flex;flex-direction:column;gap:2px}.bcard-text h3{font-size:var(--fs-lg);margin:0;color:var(--ink);text-transform:none;letter-spacing:0}.bcard-style{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--amber);margin:0;display:flex;align-items:baseline;gap:var(--s2)}.bcard-meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-dim);margin:var(--s1) 0 0}.bcard-cat{font-size:var(--fs-xs);color:var(--ink-faint);margin:0}.bjcp-code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--amber);border:1px solid var(--line);border-radius:4px;padding:0 5px}.detail{max-width:1180px;margin:0 auto}.detail-head{display:flex;gap:var(--s5);align-items:flex-start;padding-top:var(--s4);border-top:4px solid var(--amber);margin-bottom:var(--s5)}.detail-title h1{font-size:var(--fs-3xl);margin:0}.detail-style{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--amber);margin:0 0 var(--s2);display:flex;align-items:baseline;gap:var(--s2)}.detail-origin{color:var(--ink-dim);margin:var(--s1) 0 var(--s3)}.detail-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.style-family{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--amber)}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s4);margin-bottom:var(--s6)}.bigspec{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s3) var(--s4)}.bigspec-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);flex-wrap:wrap}.bigspec-label{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.bigspec-value{font-family:var(--font-mono);font-size:var(--fs-xl);color:var(--amber)}.bigspec-note{font-size:var(--fs-xs);color:var(--ink-faint);margin:var(--s2) 0 0}.blurb-wrap{margin-bottom:var(--s6)}.blurb{font-size:var(--fs-lg);color:var(--ink-dim);line-height:1.75;border-left:2px solid var(--line);padding-left:var(--s4)}.prose{max-width:var(--measure);margin-bottom:var(--s6)}.prose h2{font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.08em;color:var(--amber)}.prose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s5);margin-top:var(--s4)}.prose-grid h3{font-size:var(--fs-xs)}.prose-grid p{font-size:var(--fs-md);line-height:1.65}.fact{background:var(--bg-1);border-left:2px solid var(--amber-soft);padding:var(--s3) var(--s4);border-radius:0 var(--radius) var(--radius) 0;font-size:var(--fs-md);color:var(--ink-dim)}.siblings{margin-bottom:var(--s6)}.guide{max-width:1100px;margin:0 auto}.guide-head{margin-bottom:var(--s6)}.guide-head h1{font-size:var(--fs-3xl)}.guide-count{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-dim);margin-bottom:var(--s3)}.guide-count b{color:var(--amber);font-size:var(--fs-lg)}.style-index{display:flex;flex-wrap:wrap;gap:var(--s1);margin:var(--s5) 0 var(--s6)}.bjcp-list{display:flex;flex-direction:column;gap:var(--s6)}.bjcp-category{scroll-margin-top:72px;padding-top:var(--s4);border-top:1px solid var(--line)}.bjcp-category>header{display:flex;gap:var(--s3);align-items:baseline;flex-wrap:wrap;margin-bottom:var(--s4)}.bjcp-category h3{font-size:var(--fs-lg);margin:0;color:var(--ink);text-transform:none;letter-spacing:0}.bjcp-cat-id{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--bg-0);background:var(--amber);border-radius:4px;padding:1px 6px}.bjcp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s3)}.bjcp-style{display:flex;flex-direction:column;align-items:flex-start;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s4);scroll-margin-top:72px}.bjcp-style>header{display:flex;gap:var(--s2);align-items:baseline;flex-wrap:wrap}.bjcp-style h4{font-size:var(--fs-md);margin:0}.bjcp-meta{display:flex;flex-wrap:wrap;gap:0 var(--s3);margin:var(--s2) 0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-faint)}.bjcp-style p{font-size:var(--fs-sm);color:var(--ink-dim);margin:0;line-height:1.6}.bjcp-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}.bjcp-actions .bjcp-more{margin-top:0}.compare-toggle:disabled{opacity:.45;cursor:not-allowed}.bjcp-have{display:flex;flex-direction:column;gap:var(--s2);width:100%;margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line-soft)}.style-beers{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s1)}.style-beer{display:grid;grid-template-columns:34px auto;gap:0 var(--s2);align-items:center;padding:var(--s2) var(--s3);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);font-size:var(--fs-sm);text-align:left}.style-beer:hover{border-color:var(--green-soft)}.style-beer .dim{grid-column:2;font-size:var(--fs-xs);font-family:var(--font-mono)}.filters-toggle{display:none;width:100%;margin-bottom:var(--s3);padding:var(--s3) var(--s4);text-align:left;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg)}.filters-toggle .badge{background:var(--amber);color:var(--bg-0);border-radius:999px;padding:0 7px;margin-left:var(--s2);font-size:var(--fs-xs)}@media(max-width:1080px){.filters-toggle{display:block}.sidebar.closed .filters{display:none}}.compare{max-width:1100px;margin:0 auto}.compare-toolbar{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between;margin-bottom:var(--s5)}.compare-controls{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.select.inline{width:auto}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.chart-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s4) var(--s5);margin-bottom:var(--s5)}.chart-card h3{margin-bottom:var(--s3)}.range-block{margin-top:var(--s4)}.range-block h4{font-family:var(--font-mono);font-size:var(--fs-sm);margin:0 0 var(--s2);color:var(--ink)}.range-block h4 .dim{font-size:var(--fs-xs);margin-left:var(--s2)}.chart text{font-family:var(--font-mono)}.chart-tick{font-size:10px;fill:var(--ink-faint)}.chart-label{font-size:11px}.range-chart{position:relative}.chart-tip{position:absolute;pointer-events:none;z-index:6;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s2) var(--s3);box-shadow:var(--shadow);white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-xs)}.chart-tip-name{color:var(--ink);font-weight:700}.chart-tip-val{color:var(--amber)}.radar{position:relative}.radar-axis{font-size:12px;fill:var(--ink);font-weight:700}.radar-scale{font-size:9px;fill:var(--ink-faint)}.radar-legend{display:flex;flex-wrap:wrap;gap:var(--s1);margin:var(--s2) 0 var(--s3)}.radar-legend .chip{cursor:pointer}.radar-caption{font-size:var(--fs-sm);color:var(--ink-dim);margin:0;max-width:var(--measure)}.compare-tables{display:flex;flex-direction:column;gap:var(--s3)}.table-scroll{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--fs-sm)}.compare-table th,.compare-table td{text-align:left;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line-soft);white-space:nowrap}.compare-table thead th{color:var(--ink-dim);font-weight:700;border-bottom:1px solid var(--line)}.compare-table thead th .dot{display:inline-block;margin-right:var(--s2);vertical-align:-1px}.compare-metric{color:var(--ink-faint)}.compare-table td{color:var(--ink)}.srm-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:var(--s2);vertical-align:-2px;border:1px solid rgba(255,255,255,.15)}.table-tech{margin-top:var(--s2)}.table-tech summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--amber)}.table-tech summary:hover{color:var(--ink)}.table-tech .table-scroll{margin-top:var(--s3)}@media(max-width:560px){.chart-card{padding:var(--s3)}.compare-toolbar{flex-direction:column;align-items:flex-start}}