:root{--bg: #171009;--bg-hero: #241a11;--bg-raised: #221810;--bg-raised-hover: #281c11;--bg-card: #241a11;--bg-panel: #22180f;--bg-menu: #1d140b;--bg-footer: #120c06;--bg-header: rgba(20, 13, 7, .92);--chalk-bg: #20241f;--chalk-frame: #4a3220;--chalk-ink: #f4ecdc;--chalk-green: #8fa08a;--chalk-soft: #b9c4ae;--ink: #f2e8d5;--ink-soft: #d8c9ab;--ink-warm: #e6dac0;--ink-muted: #b9a685;--ink-dim: #978569;--ink-faint: #8f7d5e;--gold: #c9974b;--on-gold: #1d1408;--glass-foam: #f5ecd8;--line-gold-15: rgba(201, 151, 75, .15);--line-gold-20: rgba(201, 151, 75, .2);--line-gold-25: rgba(201, 151, 75, .25);--line-gold-30: rgba(201, 151, 75, .3);--line-gold-35: rgba(201, 151, 75, .35);--line-gold-40: rgba(201, 151, 75, .4);--line-gold-50: rgba(201, 151, 75, .5);--line-gold-65: rgba(201, 151, 75, .65);--line-ink-40: rgba(242, 232, 213, .4);--line-ink-50: rgba(242, 232, 213, .5);--line-chalk-15: rgba(244, 236, 220, .15);--font-serif: "Cormorant Garamond", serif;--font-sans: "Work Sans", sans-serif;--font-hand: "Caveat", cursive;--content-max: 1200px;--hero-gap: 32px;--hero-h1-measure: 14ch}html[lang=en]{--hero-h1-measure: 13ch}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg)}body{color:var(--ink);font-family:var(--font-sans);font-weight:300;min-height:100vh;min-height:100dvh;overflow-wrap:break-word}@keyframes bh-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.container{max-width:var(--content-max);margin:0 auto;padding-left:20px;padding-right:20px}.page-hero{position:relative;overflow:hidden;min-height:42vh;display:flex;align-items:flex-end;background:var(--bg-hero)}.page-hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}.page-hero .hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#17100940,#1710098c 55%,#171009e0)}.page-hero .hero-inner{position:relative;width:100%;max-width:var(--content-max);margin:0 auto;padding:56px 20px 36px}.page-hero .hero-kicker{font-family:var(--font-hand);font-size:1.625rem;color:var(--gold);margin:0 0 6px}.page-hero h1{font-size:clamp(2.25rem,7vw,3.75rem);margin-bottom:14px}.page-hero .hero-intro{font-size:1.0625rem;line-height:1.7;color:var(--ink-soft);max-width:56ch;margin:0;min-height:5.1em}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;z-index:200;display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;background:var(--bg-menu);border:1px solid var(--line-gold-65);border-radius:3px;color:var(--gold);font-family:var(--font-sans);font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:12px}main:focus{outline:none}.kicker{font-family:var(--font-hand);font-size:1.625rem;color:var(--gold);margin:0 0 6px}.btn-gold{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);border:none;color:var(--on-gold);border-radius:3px;font-family:var(--font-sans);font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.btn-outline{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line-ink-50);color:var(--ink);border-radius:3px;font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.h-serif{font-family:var(--font-serif);font-weight:600;margin:0}.rating{display:inline-flex;align-items:center;gap:3px}.rating[role=slider]{cursor:pointer;outline:none}.rating[role=slider]:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}.rating .g{position:relative;width:24px;height:24px;flex-shrink:0}.rating.rating-static .g{width:18px;height:18px}.rating .g-base-wrap,.rating .g-fill{position:absolute;inset:0}.rating .g-fill{overflow:hidden;width:0}.rating .g-base-wrap svg,.rating .g-fill svg{width:24px;height:24px;display:block}.rating.rating-static .g-base-wrap svg,.rating.rating-static .g-fill svg{width:18px;height:18px}.rating .g-base path{fill:none;stroke:var(--gold);stroke-width:1.3;opacity:.35}.rating .g-base line{stroke:var(--gold);stroke-width:1;opacity:.25}.rating .g-solid path{fill:var(--gold)}.rating .g-solid line{stroke:#00000047;stroke-width:1}.rating-num{margin-left:8px;font-family:var(--font-hand);font-size:1.25rem;color:var(--gold);min-width:2ch}.rating.rating-static .rating-num{font-size:1rem;margin-left:6px}.rating-empty{color:var(--ink-dim)}.acct .acct-inner{max-width:780px;margin:0 auto;padding:40px 20px 72px}.acct .acct-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.acct .acct-kicker{font-family:var(--font-hand);font-size:1.5rem;color:var(--gold);margin:0}.acct .acct-name{font-size:clamp(1.875rem,6vw,2.75rem);line-height:1.05}.acct .acct-logout{flex-shrink:0;border:1px solid var(--line-ink-40);background:none;color:var(--ink-muted);border-radius:3px;padding:10px 16px;font-family:inherit;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;min-height:44px}.acct .card{background:var(--bg-raised);border:1px solid var(--line-gold-25);border-radius:6px;padding:24px 22px;margin-bottom:22px}.acct .card h2{font-size:clamp(1.375rem,4vw,1.75rem);margin-bottom:6px}.acct .card-lead{font-size:.9375rem;color:var(--ink-muted);line-height:1.6;margin:0 0 20px;max-width:60ch}.acct .slot,.acct .single-add{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.acct .slot{padding:10px 0;border-bottom:1px dotted var(--line-gold-20)}.acct .slot:last-child{border-bottom:0}.acct .slot-nr{font-family:var(--font-hand);font-size:1.25rem;color:var(--ink-dim);width:20px;flex-shrink:0}.acct .box-slots{margin-bottom:20px}.acct .slot-tap{flex:1;min-width:180px;background-color:var(--bg-panel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c9974b' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;appearance:none;-webkit-appearance:none;color-scheme:dark;border:1px solid var(--line-gold-25);border-radius:4px;padding:11px 36px 11px 12px;color:var(--ink);font-family:inherit;font-size:.9375rem;min-height:46px}.acct .slot-tap:focus{outline:none;border-color:var(--gold)}.acct .single-add{margin-top:4px}.acct .btn-add{border:0;cursor:pointer;font-family:inherit;background:var(--gold);color:#201607;border-radius:3px;padding:12px 20px;font-size:.875rem;letter-spacing:.05em;min-height:46px;font-weight:600}.acct .history{margin-top:8px}.acct .history>h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:16px;border-bottom:2px solid var(--line-gold-40);padding-bottom:8px}.acct .history-empty{color:var(--ink-muted);font-size:1rem;line-height:1.6}.acct .hist-card{background:var(--bg-raised);border:1px solid var(--line-gold-20);border-radius:5px;padding:16px 18px;margin-bottom:14px}.acct .hist-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.acct .hist-tag{font-family:var(--font-hand);font-size:1.1875rem;color:var(--gold)}.acct .hist-date{font-size:.8125rem;color:var(--ink-dim)}.acct .hist-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px dotted var(--line-gold-20)}.acct .hist-row:first-child{border-top:0}.acct .hist-beer{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.acct .hist-nr{font-family:var(--font-hand);font-size:1.0625rem;color:var(--ink-dim)}.acct .hist-name{font-family:var(--font-serif);font-weight:600;font-size:1.0625rem;color:var(--ink)}.acct .hist-style{font-size:.75rem;color:var(--ink-muted)}.acct .hist-remove{flex-shrink:0;border:0;background:none;color:var(--ink-dim);font-size:.9375rem;cursor:pointer;padding:6px 8px;min-height:40px;border-radius:3px}.acct .hist-remove:hover{color:#e6a79f}.acct .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--gold);color:#201607;font-weight:600;font-size:.875rem;padding:12px 22px;border-radius:30px;box-shadow:0 8px 24px #0006;z-index:50}@media(max-width:560px){.acct .hist-row{flex-wrap:wrap}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}