*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e0b13;--bg-warm: #141019;--surface: #181523;--surface-raised: #211e2f;--primary: #6b58e0;--primary-dim: #3d2e99;--gold: #c4803a;--gold-pale: #d4aa60;--text: #ede8f4;--text-dim: #8e88a8;--text-faint: #504c68;--border: #272339;--rule: rgba(196, 128, 58, .2);--rule-strong: rgba(196, 128, 58, .42);--rule-violet: rgba(107, 88, 224, .3);--rule-violet-strong: rgba(107, 88, 224, .58);--success: #3dad67;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--s16: 64px;--s20: 80px;--s24: 96px;--s32: 128px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--measure: 64rem;--measure-narrow: 44rem;--accent-emphasis: 1}html{background:var(--bg);font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.osf{font-feature-settings:"onum" 1,"lnum" 0,"tnum" 0,"pnum" 1}.tnum{font-feature-settings:"tnum" 1,"lnum" 1;font-variant-numeric:tabular-nums lining-nums}.smcp{font-feature-settings:"smcp" 1;letter-spacing:.08em}.eyebrow{font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:inline-block}.eyebrow.dim{color:var(--text-dim)}.eyebrow.violet{color:var(--primary)}h1,h2,h3{font-family:Playfair Display,serif;font-weight:500;letter-spacing:-.005em;line-height:1.1}a{color:var(--gold);text-decoration:none;transition:color .16s ease}a:hover{color:color-mix(in srgb,var(--gold) 68%,white)}::selection{background:var(--primary-dim);color:var(--text)}.bn-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px) saturate(120%);border-bottom:1px solid var(--border)}.bn-header-inner{max-width:var(--measure);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s8)}@media(max-width:640px){.bn-header-inner{padding:var(--s3) var(--s5)}.bn-header{--top-paint-guard: 64px;top:calc(-1 * var(--top-paint-guard));margin-top:calc(-1 * var(--top-paint-guard));padding-top:var(--top-paint-guard);background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}.wordmark{display:flex;align-items:baseline;gap:.45em;font-family:Playfair Display,serif;font-size:1.18rem;font-weight:500;letter-spacing:.01em;color:var(--text)}.wordmark:hover{color:var(--text)}.wordmark .wm-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);transform:translateY(-.18em)}.bn-nav{display:flex;align-items:center;gap:var(--s8)}.bn-nav .nav-item{font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--text-dim);padding:0;position:relative;transition:color .16s ease}.bn-nav .nav-item:hover,.bn-nav .nav-item[aria-current=page]{color:var(--text)}.bn-nav .nav-item[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--primary);border-radius:2px}.bn-nav .nav-app{font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.04em;color:var(--gold);border:1px solid var(--rule-strong);border-radius:999px;padding:6px 14px}.bn-nav .nav-app:hover{border-color:var(--gold);color:color-mix(in srgb,var(--gold) 68%,white)}.bn-menu{display:none;position:relative}.bn-menu-toggle{list-style:none;cursor:pointer;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rule-strong);border-radius:var(--r-md);color:var(--text);-webkit-tap-highlight-color:transparent;transition:border-color .16s ease}.bn-menu-toggle:hover{border-color:var(--gold)}.bn-menu-toggle::-webkit-details-marker{display:none}.bn-menu-toggle .bars{position:relative;width:18px;height:12px}.bn-menu-toggle .bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.bn-menu-toggle .bars i:nth-child(1){top:0}.bn-menu-toggle .bars i:nth-child(2){top:5px}.bn-menu-toggle .bars i:nth-child(3){top:10px}.bn-menu[open] .bars i:nth-child(1){transform:translateY(5px) rotate(45deg)}.bn-menu[open] .bars i:nth-child(2){opacity:0}.bn-menu[open] .bars i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.bn-menu-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;display:flex;flex-direction:column;padding:var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 18px 44px #00000080;z-index:60}.bn-menu-panel a{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.01em;color:var(--text-dim);padding:var(--s3);border-radius:var(--r-sm);transition:color .14s ease,background .14s ease}.bn-menu-panel a:hover{color:var(--text);background:var(--surface-raised)}.bn-menu-panel a[aria-current=page]{color:var(--text)}.bn-menu-panel .menu-app{color:var(--gold);margin-top:var(--s1);border-top:1px solid var(--border);border-radius:0 0 var(--r-sm) var(--r-sm);padding-top:var(--s4)}@media(max-width:720px){.bn-nav{display:none}.bn-menu{display:block}}.bn-main{max-width:980px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-12)}.bn-main--bleed{max-width:none;margin:0;padding:0}.wrap{max-width:var(--measure);margin:0 auto;padding-left:var(--s8);padding-right:var(--s8)}.wrap-narrow{max-width:var(--measure-narrow);margin:0 auto;padding-left:var(--s8);padding-right:var(--s8)}@media(max-width:640px){.wrap,.wrap-narrow{padding-left:var(--s5);padding-right:var(--s5)}}.section-head{display:flex;align-items:baseline;gap:var(--s5);margin-bottom:var(--s8)}.section-head .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--rule-strong),transparent)}.section-head .count{font-family:DM Sans,sans-serif;font-size:.78rem;letter-spacing:.16em;color:var(--text-dim)}.btn{display:inline-flex;align-items:center;gap:var(--s2);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.01em;cursor:pointer;white-space:nowrap;padding:var(--s3) var(--s6);border-radius:999px;border:1px solid transparent;transition:all .16s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--primary) 86%,white);color:#fff}.btn-ghost{background:transparent;border-color:var(--rule-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.glyph{display:inline-block;vertical-align:middle;fill:currentColor}.bn-pagehead{margin-bottom:var(--space-8)}.bn-pagehead h1{font-size:clamp(2rem,5vw,2.75rem);margin-bottom:var(--space-2)}.bn-pagehead .lede{color:var(--text-dim);font-size:1.05rem}.cocktail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s4)}.cocktail-grid.dense{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:var(--s3)}.cocktail-grid.roomy{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--s6)}.cocktail-detail{max-width:720px;margin:0 auto}.cocktail-detail .header{border-bottom:1px solid var(--rule);padding-bottom:var(--space-6);margin-bottom:var(--space-6)}.cocktail-detail .meta{display:flex;gap:var(--space-4);font-size:.85rem;color:var(--text-dim);margin-top:var(--space-3);flex-wrap:wrap}.cocktail-detail .meta span:before{content:"·";margin-right:var(--space-4);color:var(--text-faint)}.cocktail-detail .meta span:first-child:before{content:none;margin:0}.cocktail-detail h1{font-size:clamp(2.25rem,6vw,3.25rem)}.cocktail-detail section{margin-bottom:var(--space-8)}.cocktail-detail h2{font-size:1.1rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:var(--space-3);font-family:DM Sans,sans-serif;font-weight:500}.ingredients-list{list-style:none}.ingredients-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:var(--space-4)}.ingredients-list li:last-child{border-bottom:none}.ingredients-list .name{color:var(--text)}.ingredients-list .amount{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.instructions{color:var(--text);line-height:1.75;white-space:pre-line}.tasting-notes{color:var(--text);line-height:1.75;font-style:italic}.citation{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-12);padding-top:var(--space-4);border-top:1px solid var(--rule);font-size:.75rem;letter-spacing:.06em;color:var(--text-dim)}.citation-text{margin:0;line-height:1.6}.citation-src{display:inline-flex;align-items:center;gap:4px;color:var(--gold-pale);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--gold-pale) 40%,transparent)}.citation-src:hover{color:var(--gold)}.page-head{padding:var(--s24) 0 var(--s10)}.page-head .eyebrow{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s6)}.page-head .eyebrow:before{content:"";flex:none;width:28px;height:1px;background:var(--rule-strong)}@media(max-width:640px){.page-head{padding-top:var(--s16)}}.page-head h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1;letter-spacing:-.025em;margin-bottom:var(--s5);max-width:18ch}.page-head h1 .it{font-style:italic;font-weight:400}.page-head .lede{font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--text-dim);max-width:52ch;line-height:1.55}.reading a[href^=http]:after{content:"↗︎";margin-left:.12em;font-size:.82em;vertical-align:.06em}.ledger{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.ledger-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--s3);padding:var(--s6) var(--s8);border-bottom:1px solid var(--border);background:var(--bg-warm)}.ledger-head h2{font-size:1.6rem}.ledger-head .total{font-family:DM Sans,sans-serif;font-size:.82rem;color:var(--text-dim);letter-spacing:.04em}.ledger-head .total b{color:var(--gold);font-weight:600}.ledger-row{display:grid;grid-template-columns:5.5rem 1fr auto;align-items:center;gap:var(--s5);padding:var(--s5) var(--s8);border-bottom:1px solid var(--border);cursor:pointer;transition:background .16s ease;text-align:left;color:inherit;text-decoration:none}.ledger-row:last-child{border-bottom:0}.ledger-row:hover{background:var(--surface-raised)}.ledger-row .num{font-family:Playfair Display,serif;font-size:2.1rem;font-weight:500;color:var(--text);font-variant-numeric:lining-nums;line-height:1}.ledger-row .num.step{color:var(--primary);opacity:.9}.ledger-row .lr-body{display:flex;flex-direction:column;min-width:0}.ledger-row .lr-name{display:inline-flex;align-items:center;gap:var(--s2);font-family:Playfair Display,serif;font-size:1.2rem;color:var(--text);margin-bottom:2px}.ledger-row .lr-name svg{color:var(--gold);opacity:.8}.ledger-row .lr-desc{font-size:.86rem;color:var(--text-dim);line-height:1.5}.ledger-row .lr-go{color:var(--text-dim);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px;transition:color .16s;white-space:nowrap}.ledger-row:hover .lr-go{color:var(--gold)}@media(max-width:600px){.ledger-row{grid-template-columns:3.5rem 1fr;padding:var(--s4) var(--s5);gap:var(--s4)}.ledger-row .num{font-size:1.6rem}.ledger-row .lr-go{display:none}.ledger-head{padding:var(--s5)}}.na-band{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s4);padding:var(--s5) var(--s8);background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--r-lg);text-decoration:none;color:inherit;transition:border-color .16s ease,transform .16s ease}.na-band:hover{border-color:var(--rule-strong);transform:translateY(-2px)}.na-band .na-band-mark{display:inline-flex;color:var(--gold);flex-shrink:0}.na-band .na-band-body{display:flex;flex-direction:column;gap:3px;flex:1 1 16rem;min-width:0}.na-band .na-band-name{font-family:Playfair Display,serif;font-size:1.2rem;color:var(--text)}.na-band .na-band-count{color:var(--text-dim);font-variant-numeric:lining-nums}.na-band .na-band-desc{font-size:.86rem;color:var(--text-dim);line-height:1.5}.na-band .na-band-go{margin-left:auto;color:var(--text-dim);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:color .16s ease}.na-band:hover .na-band-go{color:var(--gold)}@media(max-width:600px){.na-band{padding:var(--s4) var(--s5)}.na-band .na-band-go{display:none}}.ob-band{background:var(--bg-warm);border-top:1px solid var(--rule-violet);border-bottom:1px solid var(--rule-violet)}.empty-state{text-align:center;padding:var(--s24) var(--s8)}.empty-state .es-glyph{color:var(--text-faint);margin-bottom:var(--s5);opacity:.7;display:flex;justify-content:center}.empty-state h3{font-size:1.8rem;margin-bottom:var(--s3)}.empty-state p{color:var(--text-dim);max-width:36ch;margin:0 auto var(--s6);line-height:1.6}.lib-search{position:relative;display:block;width:100%}.lib-search input{width:100%;padding:var(--s3) var(--s3) var(--s3) var(--s10);background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;color:var(--text);font-family:DM Sans,sans-serif;font-size:.92rem}.lib-search input::placeholder{color:var(--text-dim)}.lib-search input:focus{border-color:var(--rule-violet-strong)}.lib-search .si{position:absolute;left:var(--s4);top:50%;transform:translateY(-50%);display:inline-flex;color:var(--text-faint);pointer-events:none}.filter-row{display:flex;align-items:center;gap:var(--s2);overflow-x:auto;scrollbar-width:thin;padding-bottom:10px;-webkit-overflow-scrolling:touch}.filter-row::-webkit-scrollbar{height:6px}.filter-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.fdiv{flex:none;width:1px;align-self:stretch;min-height:22px;background:var(--border);margin:0 var(--s2)}.chip{flex:none;padding:6px 14px;background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;font-family:DM Sans,sans-serif;font-size:.78rem;color:var(--text-dim);cursor:pointer;transition:all .14s ease;letter-spacing:.02em;white-space:nowrap}.chip:hover{border-color:var(--rule-violet);color:var(--text)}.chip[data-on=true]{background:var(--primary);border-color:var(--primary);color:#fff}.chip.cat{display:inline-flex;align-items:center;gap:7px}.chip.cat .cglyph{display:inline-flex;color:var(--gold)}.chip.cat[data-on=true] .cglyph{color:#fff}.lib-count{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s5);gap:var(--s4);flex-wrap:wrap}.lib-count .lc-text{color:var(--text-dim);font-size:.88rem}.lib-count .lc-text b{color:var(--text);font-weight:600}.lib-count .clear{background:none;border:0;color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:.82rem;cursor:pointer;letter-spacing:.02em;transition:color .16s ease}.lib-count .clear:hover{color:var(--text)}.state-page{min-height:64vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--s16) var(--s8)}.state-page .sp-glyph{color:var(--gold);opacity:calc(.85 * var(--accent-emphasis));margin-bottom:var(--s8)}.state-page .eyebrow{margin-bottom:var(--s5)}.state-page h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;margin-bottom:var(--s5);max-width:18ch}.state-page h1 .it{font-style:italic;font-weight:400;color:var(--gold)}.state-page p{color:var(--text-dim);font-size:1.05rem;max-width:40ch;margin-bottom:var(--s8);line-height:1.6}.state-actions{display:flex;gap:var(--s3);flex-wrap:wrap;justify-content:center}.bn-footer{border-top:1px solid var(--border);background:var(--bg-warm);margin-top:var(--s32)}.bn-footer-inner{max-width:var(--measure);margin:0 auto;padding:var(--s16) var(--s8) var(--s12);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--s10)}@media(max-width:720px){.bn-footer-inner{grid-template-columns:1fr;gap:var(--s8)}}.bn-footer .f-mark{display:flex;align-items:baseline;gap:.4em;font-family:Playfair Display,serif;font-size:1.3rem;color:var(--text);margin-bottom:var(--s3)}.bn-footer .f-mark .wm-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);transform:translateY(-.18em)}.bn-footer .f-blurb{color:var(--text-dim);font-size:.9rem;max-width:30ch;line-height:1.6}.bn-footer .f-col-head{font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--s4)}.bn-footer .f-links{display:flex;flex-direction:column;gap:var(--s2)}.bn-footer .f-links a{color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:.9rem;transition:color .16s ease}.bn-footer .f-links a:hover{color:var(--gold)}.bn-footer .f-legal{grid-column:1 / -1;border-top:1px solid var(--border);margin-top:var(--s6);padding-top:var(--s6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s4);color:var(--text-dim);font-size:.8rem}.bn-footer .f-legal a{color:var(--text-dim)}.bn-footer .f-legal a:hover{color:var(--gold)}.bn-footer .app-store-badge{display:inline-block;opacity:.85;transition:opacity .16s ease}.bn-footer .app-store-badge:hover{opacity:1}