:root{--color-primary: #144c7b;--color-primary-strong: #0e3659;--color-primary-soft: #e8f0f8;--color-sidebar: #0e3659;--color-sidebar-strong: #0a2843;--color-sidebar-text: #dfe7ef;--color-sidebar-muted: #7ea3c4;--color-sidebar-faint: #5a7a99;--color-sidebar-border: #1d4670;--color-bg: #f7f2f2;--color-surface: #ffffff;--color-surface-alt: #f0eaea;--color-text: #1c1c1e;--color-text-muted: #6b6b72;--color-text-faint: #a0a0a8;--color-border: #ddd8d8;--color-border-strong: #bfbbbb;--font-body: "DM Sans Variable", "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-md: 6px;--sidebar-width: 240px;--content-pad-x: var(--space-8);--content-pad-x-lg: 56px}[data-theme=dark]{--color-primary: #5a8fb3;--color-primary-strong: #7aa9c9;--color-primary-soft: #16323f;--color-sidebar: #0a1218;--color-sidebar-strong: #05090c;--color-sidebar-text: #e8eef2;--color-sidebar-muted: #7a8a93;--color-sidebar-faint: #4a5a63;--color-sidebar-border: #1e2c34;--color-bg: #0c1419;--color-surface: #16222a;--color-surface-alt: #1e2e38;--color-text: #e8eef2;--color-text-muted: #7a8a93;--color-text-faint: #4a5a63;--color-border: #26343e;--color-border-strong: #3a4e5a}@media(prefers-reduced-motion:no-preference){body{transition:background-color .2s ease,color .2s ease}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}ul,ol{list-style:none}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}@media(min-width:900px){.app-shell{flex-direction:row}.app-main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}}@media(max-width:899px){.app-main{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}.content{flex:1;padding:var(--space-8) var(--content-pad-x) var(--space-16);width:100%;max-width:1200px}@media(min-width:900px){.content{padding:var(--space-10) var(--content-pad-x-lg) var(--space-20)}}.site-sidebar{display:none}@media(min-width:900px){.site-sidebar{display:flex;flex-direction:column;gap:var(--space-8);position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-sidebar);color:var(--color-sidebar-text);border-right:1px solid var(--color-sidebar-border);padding:var(--space-8) var(--space-6);z-index:50}}.site-sidebar__brand{display:flex;flex-direction:column;gap:2px}.site-sidebar__brand-row{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:700;letter-spacing:-.01em;color:#fff}.site-sidebar__brand-dot{width:8px;height:8px;border-radius:50%;background:#5a8fc0;flex-shrink:0}.site-sidebar__brand-tag{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-sidebar-muted);margin-left:16px}.site-sidebar__group{display:flex;flex-direction:column;gap:var(--space-2)}.site-sidebar__group-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-sidebar-muted);margin-bottom:var(--space-1)}.site-sidebar__link{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);margin-left:calc(-1 * var(--space-3));border-left:2px solid transparent;color:#bfd1e2;font-size:.875rem;font-weight:500;transition:color .16s ease,border-left-color .16s ease,background-color .16s ease}.site-sidebar__link:hover,.site-sidebar__link:focus-visible{color:#fff;outline:none;background:var(--color-sidebar-strong)}.site-sidebar__link[aria-current=page]{color:#fff;font-weight:600;border-left-color:#fff}.site-sidebar__link-count{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-sidebar-muted)}.site-sidebar__footer{margin-top:auto;border-top:1px solid var(--color-sidebar-border);padding-top:var(--space-4);font-size:.75rem;color:var(--color-sidebar-muted);line-height:1.5}.site-sidebar__footer-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase}.site-sidebar__footer-value{color:var(--color-sidebar-text);margin-top:2px}.site-sidebar__footer-link{display:block;margin-top:var(--space-2);font-size:.75rem;color:var(--color-sidebar-muted);transition:color .16s ease}.site-sidebar__footer-link:hover{color:#fff}.theme-switch{display:inline-flex;align-items:center;gap:2px;margin-top:var(--space-4);padding:2px;border:1px solid var(--color-sidebar-border);border-radius:var(--radius-md)}.theme-switch__opt{flex:1;padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-sidebar-muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;transition:color .16s ease,background-color .16s ease}.theme-switch__opt:hover{color:var(--color-sidebar-text)}.theme-switch__opt:focus-visible{outline:none;color:#fff;box-shadow:inset 0 0 0 1px var(--color-sidebar-faint)}.theme-switch__opt[aria-checked=true]{background:#ffffff1a;color:#fff}.theme-toggle-m{display:none;position:fixed;top:var(--space-4);right:var(--space-4);width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-md);z-index:90;transition:color .16s ease,border-color .16s ease}@media(max-width:899px){.theme-toggle-m{display:flex}}.theme-toggle-m:hover,.theme-toggle-m:focus-visible{color:var(--color-primary);border-color:var(--color-primary);outline:none}.theme-toggle-m__sun{display:none}.theme-toggle-m__moon,[data-theme=dark] .theme-toggle-m__sun{display:block}[data-theme=dark] .theme-toggle-m__moon{display:none}.app-bar{display:flex;align-items:stretch;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-sidebar);border-top:1px solid var(--color-sidebar-border);z-index:100}@media(min-width:900px){.app-bar{display:none}}.app-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 var(--space-1);background:none;border:none;color:var(--color-sidebar-muted);font-size:.625rem;letter-spacing:.04em;font-family:var(--font-body);font-weight:500;transition:color .16s ease;cursor:pointer;text-decoration:none;position:relative}.app-bar__item:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:transparent;transition:background-color .16s ease;border-radius:0 0 2px 2px}.app-bar__item:hover,.app-bar__item:focus-visible{color:var(--color-sidebar-text);outline:none}.app-bar__item[aria-current=page]{color:#fff}.app-bar__item[aria-current=page]:after{background:#5a8fc0}.ingredients-sheet{display:flex;position:fixed;bottom:calc(56px + env(safe-area-inset-bottom));left:0;right:0;background:var(--color-sidebar-strong);border-top:1px solid var(--color-sidebar-border);z-index:99;transform:translateY(100%);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}@media(min-width:900px){.ingredients-sheet{display:none!important}}.ingredients-sheet.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.ingredients-sheet__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-3) var(--space-2);color:var(--color-sidebar-muted);font-size:.8125rem;font-weight:500;text-align:center;border-right:1px solid var(--color-sidebar-border);transition:color .16s ease,background-color .16s ease}.ingredients-sheet__link:last-child{border-right:none}.ingredients-sheet__link:hover,.ingredients-sheet__link:focus-visible{color:var(--color-sidebar-text);background:#ffffff0d;outline:none}.ingredients-sheet__link[aria-current=page]{color:#fff}.ingredients-sheet__count{font-family:var(--font-mono);font-size:.625rem;color:var(--color-sidebar-faint)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-6) var(--content-pad-x) var(--space-4);margin-top:var(--space-16);font-size:.75rem;color:var(--color-text-faint)}@media(min-width:900px){.site-footer{padding-left:var(--content-pad-x-lg);padding-right:var(--content-pad-x-lg)}}.site-footer__inner{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width:768px){.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:baseline}}.site-footer__copy{font-family:var(--font-mono);letter-spacing:.04em}.site-footer__links{display:flex;gap:var(--space-5)}.site-footer__link{font-family:var(--font-mono);color:var(--color-text-muted);transition:color .16s ease}.site-footer__link:hover,.site-footer__link:focus-visible{color:var(--color-primary);outline:none}.page-key{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);font-weight:500;margin-bottom:var(--space-2)}.page-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.025em;color:var(--color-text);line-height:1.1;margin-bottom:var(--space-2)}.page-desc{font-size:.9375rem;color:var(--color-text-muted);max-width:56ch;margin-bottom:var(--space-8)}.page-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-header-row__meta{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)}@media(max-width:899px){.page-header-row{padding-right:2.75rem}}.brew-row{display:block;padding:var(--space-5) var(--space-3) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border);border-left:2px solid transparent;margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3));transition:background-color .16s ease,border-left-color .16s ease;cursor:pointer;color:inherit;text-decoration:none}.brew-row:hover,.brew-row:focus-visible{background-color:var(--color-surface-alt);border-left-color:var(--color-primary);outline:none}.brew-row[data-hidden=true]{display:none}.brew-row__name-block{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-1)}.brew-row__name{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);line-height:1.3}.brew-row__style-code{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-weight:500}.brew-row__progress{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.brew-row__progress-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.brew-row__style-name{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.02em;color:var(--color-text-faint);margin-bottom:var(--space-2);display:block}.brew-row__brewer-badge{display:block;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;color:var(--color-text-faint);font-weight:400;opacity:.7;margin-top:2px}.brew-row__note{font-size:.8125rem;color:var(--color-text-muted);font-style:italic;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:60ch}.brew-row__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted)}.brew-row__meta-label{color:var(--color-text-faint);margin-right:var(--space-1);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.brew-row__ingredients,.brew-row__stats,.brew-row__date-col{display:none}@media(min-width:900px){.brew-row{display:grid;grid-template-columns:1fr 200px 200px 110px;gap:var(--space-6);align-items:start}.brew-row__ingredients{display:flex;flex-direction:column;gap:2px;font-size:.8125rem;color:var(--color-text-muted);line-height:1.55;padding-top:2px}.brew-row__yeast{color:var(--color-text-faint);font-style:italic;font-size:.75rem}.brew-row__stats{display:flex;flex-direction:column;gap:2px;text-align:right;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);padding-top:2px}.brew-row__stat-label{color:var(--color-text-faint);margin-right:var(--space-1);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.brew-row__stat-abv{color:var(--color-text)}.brew-row__date-col{display:block;text-align:right;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);padding-top:2px}.brew-row__meta{display:none}}.brew-row-header{display:none;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-3);margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3));font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint);font-weight:500;border-bottom:1px solid var(--color-border)}@media(min-width:900px){.brew-row-header{display:grid;grid-template-columns:1fr 200px 200px 110px;gap:var(--space-6)}.brew-row-header__right{text-align:right}}.brew-filter{margin-bottom:var(--space-6)}.brew-filter__inner{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:600px){.brew-filter__inner{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.brew-filter__inner{grid-template-columns:repeat(3,1fr)}}.brew-filter__search,.brew-filter__select{font-family:var(--font-body);font-size:.875rem;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;box-shadow:0 1px 3px #0000000f;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.brew-filter__search{grid-column:1 / -1}.brew-filter__search:hover,.brew-filter__select:hover{border-color:var(--color-border-strong)}.brew-filter__search:focus,.brew-filter__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #144c7b1f}.brew-filter__select{appearance:none;cursor:pointer;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0a0a8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.brew-listing__empty{padding:var(--space-10) 0;color:var(--color-text-muted);font-size:.875rem}.ingredient-list{border-top:1px solid var(--color-border);margin-bottom:var(--space-16)}.ingredient-item{border-bottom:1px solid var(--color-border)}.ingredient-link{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-3) var(--space-3);margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3));border-left:2px solid transparent;transition:background-color .16s ease,border-left-color .16s ease}.ingredient-link:hover,.ingredient-link:focus-visible{background-color:var(--color-surface-alt);border-left-color:var(--color-primary);outline:none}.ingredient-name{font-size:.9375rem;font-weight:500;color:var(--color-text)}.ingredient-count{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-faint)}.content a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary) 45%,transparent);text-underline-offset:2px;transition:text-decoration-color .16s ease}.content a:not([class]):hover,.content a:not([class]):focus-visible{text-decoration-color:var(--color-primary);outline:none}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-5) 0}.table-scroll table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.55;color:var(--color-text)}.table-scroll th{text-align:left;vertical-align:bottom;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-strong);white-space:nowrap}.table-scroll td{padding:var(--space-2) var(--space-3);vertical-align:top;border-bottom:1px solid var(--color-border)}.table-scroll tbody tr:last-child td{border-bottom:none}@media(max-width:639px){.table-scroll table{min-width:34rem}}.skip-link{position:absolute;top:-100%;left:var(--space-3);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;font-family:var(--font-mono);font-size:.8125rem;border-radius:var(--radius-sm);text-decoration:none;transition:top .1s ease}.skip-link:focus{top:var(--space-2);outline:2px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:DM Sans Variable;font-style:italic;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-opsz-italic.DNX9AbKj.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Sans Variable;font-style:italic;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-opsz-italic.C8i6y2Ft.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.back-to-top[data-astro-cid-5hce7sga]{position:fixed;bottom:var(--space-5);right:var(--space-5);width:2.5rem;height:2.5rem;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(var(--space-2));pointer-events:none;transition:opacity .2s ease,transform .2s ease,color .16s ease,border-color .16s ease;z-index:90}@media(max-width:899px){.back-to-top[data-astro-cid-5hce7sga]{bottom:calc(56px + env(safe-area-inset-bottom) + var(--space-4));right:var(--space-4)}}.back-to-top[data-astro-cid-5hce7sga].is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top[data-astro-cid-5hce7sga]:hover,.back-to-top[data-astro-cid-5hce7sga]:focus-visible{color:var(--color-primary);border-color:var(--color-primary);outline:none}@media(prefers-reduced-motion:reduce){.back-to-top[data-astro-cid-5hce7sga]{transition:opacity .2s ease;transform:none}.back-to-top[data-astro-cid-5hce7sga].is-visible{transform:none}}