:root{--beer-50: #fbf3dd;--beer-100: #f6e4b4;--beer-200: #eccd78;--beer-300: #e2b74a;--beer-400: #d9a62c;--beer-500: #c08f1e;--beer-600: #9c7016;--foam: #f3eedd;--foam-dim: #e7dec4;--font-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 6px 24px rgba(0, 0, 0, .1);--shadow-glow: 0 10px 40px -12px rgba(217, 166, 44, .45);--ease: cubic-bezier(.22, 1, .36, 1);--maxw: 1120px;--gutter: clamp(1.15rem, 4vw, 2.5rem);--section-y: clamp(3.5rem, 9vw, 7rem)}:root,[data-theme=light]{--bg: #fbf7ee;--bg-elev: #ffffff;--bg-sunken: #f3ecdb;--surface: #ffffff;--surface-2: #f7f1e3;--border: #e7ddc7;--border-strong: #d8cbac;--text: #211d16;--text-soft: #5a5344;--text-mute: #8a8171;--accent: var(--beer-500);--accent-contrast: #2a2013;--on-accent: #211a0c;--hero-glow: rgba(217, 166, 44, .28);--header-bg: rgba(251, 247, 238, .78)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #17160f;--bg-elev: #201e16;--bg-sunken: #100f0a;--surface: #211f16;--surface-2: #2a271c;--border: #34311f;--border-strong: #46412a;--text: #f4efe2;--text-soft: #c8c1ad;--text-mute: #928b76;--accent: var(--beer-400);--accent-contrast: var(--foam);--on-accent: #211a0c;--hero-glow: rgba(217, 166, 44, .22);--header-bg: rgba(23, 22, 15, .72)}}[data-theme=dark]{--bg: #17160f;--bg-elev: #201e16;--bg-sunken: #100f0a;--surface: #211f16;--surface-2: #2a271c;--border: #34311f;--border-strong: #46412a;--text: #f4efe2;--text-soft: #c8c1ad;--text-mute: #928b76;--accent: var(--beer-400);--accent-contrast: var(--foam);--on-accent: #211a0c;--hero-glow: rgba(217, 166, 44, .22);--header-bg: rgba(23, 22, 15, .72)}:root{--good:#4f9a34;--good-ink:#356321;--bad:#c8503a;--bad-ink:#8f3323;--grid:rgba(33,29,22,.07);--grid-strong:rgba(33,29,22,.13);--area-top:rgba(192,143,30,.28);--area-bot:rgba(192,143,30,.02)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--good:#7fb85a;--good-ink:#c7e6ab;--bad:#e07a4e;--bad-ink:#f0b79c;--grid:rgba(244,239,226,.08);--grid-strong:rgba(244,239,226,.14);--area-top:rgba(217,166,44,.34);--area-bot:rgba(217,166,44,.02)}}:root[data-theme=dark]{--good:#7fb85a;--good-ink:#c7e6ab;--bad:#e07a4e;--bad-ink:#f0b79c;--grid:rgba(244,239,226,.08);--grid-strong:rgba(244,239,226,.14);--area-top:rgba(217,166,44,.34);--area-bot:rgba(217,166,44,.02)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.tnum{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-rows:auto 1fr;height:100dvh}.appbar{display:flex;align-items:center;gap:12px;padding:0 clamp(12px,2vw,20px);height:58px;background:var(--header-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand a.home{display:flex;align-items:center}.brand .logo{height:24px}.brand .sep{width:1px;height:20px;background:var(--border-strong)}.brand .tag{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--accent);letter-spacing:-.01em}.back-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px 0 9px;font-size:12.5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-soft)}.back-btn:hover{border-color:var(--border-strong);color:var(--text)}.preview-pill{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bad-ink);background:color-mix(in srgb,var(--bad) 16%,transparent);border:1px solid color-mix(in srgb,var(--bad) 40%,transparent);padding:3px 9px;border-radius:var(--radius-pill);white-space:nowrap}.spacer{flex:1}.ctrl{display:flex;align-items:center;height:36px;padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-soft);font-size:13px}.ctrl:hover{border-color:var(--border-strong)}select.ctrl{-webkit-appearance:none;appearance:none;padding-right:26px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-mute) 50%),linear-gradient(135deg,var(--text-mute) 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px;background-repeat:no-repeat}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-soft)}.icon-btn:hover{border-color:var(--border-strong);color:var(--text)}.body{display:grid;grid-template-columns:300px 1fr;min-height:0}.rail{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--bg-sunken)}.rail-head{padding:12px 12px 8px}.search{position:relative}.search input{width:100%;height:38px;padding:0 12px 0 34px;font:inherit;font-size:14px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm)}.search input::placeholder{color:var(--text-mute)}.search svg{position:absolute;left:11px;top:11px;color:var(--text-mute)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.filters .full{grid-column:1 / -1}.fsel{-webkit-appearance:none;appearance:none;width:100%;height:32px;padding:0 26px 0 10px;font:inherit;font-size:12.5px;background:var(--surface);color:var(--text-soft);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-mute) 50%),linear-gradient(135deg,var(--text-mute) 50%,transparent 50%);background-position:calc(100% - 15px) 13px,calc(100% - 10px) 13px;background-size:5px 5px;background-repeat:no-repeat}.fsel:hover{border-color:var(--border-strong)}.fsel.on{border-color:var(--accent);color:var(--text)}.rail-meta{padding:8px 4px 0;font-size:11px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em}.kegs{overflow-y:auto;padding:4px 8px 12px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin}.keg{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid transparent;text-align:left;width:100%;background:transparent;transition:background .12s var(--ease),border-color .12s var(--ease)}.keg:hover{background:color-mix(in srgb,var(--surface) 70%,transparent)}.keg.active{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.keg .kmain{flex:1;min-width:0}.keg .nm{font-weight:600;font-size:13.5px;color:var(--text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keg .mt{font-size:11px;color:var(--text-mute);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keg .pr{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text);white-space:nowrap;flex:none}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:5px}.dot.in{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 22%,transparent)}.dot.out{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 22%,transparent)}.stage{display:grid;grid-template-rows:auto 1fr auto;min-height:0;min-width:0}.keghead{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:16px clamp(14px,2.2vw,26px) 10px}.keghead .titles h2{font-size:clamp(1.3rem,2.4vw,1.9rem);color:var(--text)}.keghead .titles .meta{color:var(--text-soft);font-size:13px;margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);font-size:11.5px;color:var(--text-soft)}.keghead .titles .meta .chip.chip-diff{color:var(--on-accent);background:linear-gradient(160deg,var(--beer-200),var(--beer-300));border-color:var(--beer-400)}.price-now{margin-left:auto;text-align:right}.price-now .val{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1;color:var(--text)}.price-now .val .cur{color:var(--text-mute);font-size:.6em;font-weight:700}.price-now .delta{font-size:13px;margin-top:5px;font-weight:600;color:var(--text-soft)}.delta.up{color:var(--bad-ink)}.delta.down{color:var(--good-ink)}.badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-top:7px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill)}.badge.in{color:var(--good-ink);background:color-mix(in srgb,var(--good) 15%,transparent);border:1px solid color-mix(in srgb,var(--good) 35%,transparent)}.badge.out{color:var(--bad-ink);background:color-mix(in srgb,var(--bad) 15%,transparent);border:1px solid color-mix(in srgb,var(--bad) 38%,transparent)}.badge.deal{color:var(--on-accent);background:linear-gradient(160deg,var(--beer-300),var(--beer-400));border:1px solid var(--beer-500)}.chartwrap{position:relative;min-height:0;margin:0 clamp(10px,1.6vw,20px)}.chart{position:absolute;inset:0;width:100%;height:100%}.chart text{font-family:var(--font-body);fill:var(--text-mute)}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--text-mute);font-size:13px;padding:20px}.chart-empty strong{display:block;font-family:var(--font-display);color:var(--text-soft);font-size:16px;margin-bottom:4px}.tooltip,.dealpop{position:absolute;pointer-events:none;opacity:0;background:var(--surface);box-shadow:var(--shadow-md);transition:opacity .1s var(--ease);z-index:6}.tooltip{transform:translate(-50%,-118%);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 11px;font-size:12px;min-width:120px}.tooltip .tt-date{color:var(--text-mute);font-size:11px;margin-bottom:3px}.tooltip .tt-price{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text)}.tooltip .tt-stock{font-size:11px;margin-top:2px}.dealpop{transform:translate(-50%,-112%);width:230px;border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px 13px;font-size:12.5px}.dealpop.show{opacity:1}.dealpop .dp-t{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--text)}.dealpop .dp-badge{display:inline-block;margin:8px 0 6px;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--on-accent);background:linear-gradient(160deg,var(--beer-300),var(--beer-500));padding:5px 12px;border-radius:var(--radius-pill);box-shadow:var(--shadow-glow)}.dealpop img.dp-img{max-width:100%;border-radius:var(--radius-sm);margin:6px 0}.dealpop .dp-dates{color:var(--text-soft);font-size:11.5px}.dealpop .dp-note{color:var(--text-mute);font-size:11px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);line-height:1.45}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:12px clamp(14px,2.2vw,26px) clamp(14px,2vw,20px)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:11px 13px;min-width:0}.stat .k{font-size:11px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em}.stat .v{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--text);margin-top:3px;line-height:1.1}.stat .v .cur{color:var(--text-mute);font-size:.7em}.stat .foot{font-size:11px;color:var(--text-soft);margin-top:2px}.rail-toggle{display:none}@media(max-width:900px){.body{grid-template-columns:1fr}.rail{position:absolute;inset:58px 0 0;z-index:8;transform:translate(-100%);transition:transform .25s var(--ease);width:min(340px,86vw);box-shadow:var(--shadow-md)}.rail.open{transform:translate(0)}.rail-toggle{display:grid}.stats{grid-template-columns:repeat(3,1fr)}.brand .tag,.back-btn span{display:none}}@media(max-width:560px){.stats{grid-template-columns:repeat(2,1fr)}.price-now{margin-left:0;text-align:left;width:100%}.badges{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.draw{stroke-dashoffset:0!important}}.logo[data-astro-cid-tvrurpns]{display:block;width:auto;flex:none}.logo__word-ink[data-astro-cid-tvrurpns]{fill:var(--text)}.logo__lockup--dark[data-astro-cid-tvrurpns]{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .logo__lockup--light[data-astro-cid-tvrurpns]{display:none}:root:not([data-theme=light]) .logo__lockup--dark[data-astro-cid-tvrurpns]{display:inline}}[data-theme=dark] .logo__lockup--light[data-astro-cid-tvrurpns]{display:none}[data-theme=dark] .logo__lockup--dark[data-astro-cid-tvrurpns],[data-theme=light] .logo__lockup--light[data-astro-cid-tvrurpns]{display:inline}[data-theme=light] .logo__lockup--dark[data-astro-cid-tvrurpns]{display:none}