.cocktail-bar{--bar-brass:#c9a25c;--bar-brass-soft:#c9a25c2e;--bar-brass-glow:#c9a25c59;--bar-mirror:linear-gradient(180deg,#b8c7d617 0%,#b8c7d608 55%,transparent 100%);flex-direction:column;gap:3rem;padding-top:2rem;padding-bottom:4rem;display:flex}[data-theme=light] .cocktail-bar{--bar-brass:#8a6a2f;--bar-brass-soft:#8a6a2f24;--bar-brass-glow:#8a6a2f47;--bar-mirror:linear-gradient(180deg,#ffffff8c 0%,#fff3 55%,transparent 100%)}.cocktail-bar:before{z-index:-1;content:"";background:radial-gradient(70% 45% at 30% 8%,#7896c824,#0000 70%),radial-gradient(120% 90% at 50% 110%,#00000073,#0000 60%),linear-gradient(#0a0f21 0%,#0d1226 55%,#090d1c 100%);position:fixed;top:0;bottom:0;left:0;right:0}[data-theme=light] .cocktail-bar:before{background:radial-gradient(70% 45% at 30% 8%,#d6b98c40,#0000 70%),linear-gradient(#f4ecdd 0%,#ecdfc8 60%,#e6d6ba 100%)}@media only screen and (min-width:992px){.cocktail-bar{padding-top:3rem}}.cocktail-bar__hero{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.cocktail-bar__intro{flex-direction:column;gap:.5rem;max-width:34rem;display:flex}.cocktail-bar__subtitle{color:var(--color-text-secondary);font-size:1rem;line-height:1.625}@media only screen and (min-width:768px){.cocktail-bar__subtitle{font-size:1.125rem}}.cocktail-bar__barometer{flex-direction:column;flex-shrink:0;align-items:center;width:84px;display:flex}@media only screen and (min-width:768px){.cocktail-bar__barometer{width:132px}}.cocktail-bar__barometer-glass{width:60px;height:72px}@media only screen and (min-width:768px){.cocktail-bar__barometer-glass{width:92px;height:110px}}.cocktail-bar__barometer-line{fill:none;stroke:var(--color-text-secondary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px}.cocktail-bar__barometer-rim{opacity:.7;stroke-width:1.5px}.cocktail-bar__barometer-shine{opacity:.35;fill:none;stroke:var(--color-text-primary);stroke-linecap:round;stroke-width:1.5px}.cocktail-bar__barometer-liquid{fill:var(--bar-brass);fill-opacity:.9;transition:y .5s,height .5s}.cocktail-bar__barometer-surface{fill:#fff;fill-opacity:.35;transition:cy .5s}.cocktail-bar__barometer-count{font-family:var(--font-heading,Cormorant Garamond,Georgia,serif);font-variant-numeric:lining-nums;color:var(--color-text-primary);font-size:1.5rem;font-weight:600;line-height:1}@media only screen and (min-width:768px){.cocktail-bar__barometer-count{font-size:1.875rem}}.cocktail-bar__barometer-total{color:var(--color-text-tertiary);font-size:.7em}.cocktail-bar__barometer-label{text-align:center;max-width:132px;color:var(--color-text-tertiary);margin-top:.25rem;font-size:.75rem;line-height:1.3;display:none}@media only screen and (min-width:768px){.cocktail-bar__barometer-label{display:block}}.cocktail-bar__shelf{flex-direction:column;gap:1.5rem;display:flex}.cocktail-bar__backbar{background:var(--bar-mirror);border-radius:1rem 1rem 0 0;padding:1.5rem .5rem 0;position:relative}@media only screen and (min-width:768px){.cocktail-bar__backbar{padding:2rem 1.5rem 0}}.cocktail-bar__bottles{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1rem .25rem;display:flex}@media only screen and (min-width:768px){.cocktail-bar__bottles{gap:1rem}}.cocktail-bar__bottle-button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;width:64px;padding:.25rem 0 0;display:flex}.cocktail-bar__bottle-button:focus-visible{outline:2px solid var(--color-interactive-default);outline-offset:2px}@media only screen and (min-width:768px){.cocktail-bar__bottle-button{width:88px}}.cocktail-bar__bottle{height:56px}@media only screen and (min-width:768px){.cocktail-bar__bottle{height:76px}}.cocktail-bar__bottle{transition:filter .3s ease-in-out,transform .3s ease-in-out}.cocktail-bar__bottle-button.is-lit .cocktail-bar__bottle{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--bottle-color)55%,transparent));transform:translateY(-3px)}.cocktail-bar__bottle--round{height:40px}@media only screen and (min-width:768px){.cocktail-bar__bottle--round{height:60px}}.cocktail-bar__bottle-body{fill:var(--bottle-color);fill-opacity:.14;stroke:var(--color-border-strong);stroke-width:1px;transition:fill-opacity .3s ease-in-out,stroke .3s ease-in-out}.cocktail-bar__bottle-button.is-lit .cocktail-bar__bottle-body{fill-opacity:.95;stroke:color-mix(in srgb,var(--bottle-color)70%,#fff)}:is(.cocktail-bar__bottle-button:hover .cocktail-bar__bottle-body,.cocktail-bar__bottle-button:focus-visible .cocktail-bar__bottle-body){fill-opacity:.4}:is(.cocktail-bar__bottle-button.is-lit:hover .cocktail-bar__bottle-body,.cocktail-bar__bottle-button.is-lit:focus-visible .cocktail-bar__bottle-body){fill-opacity:1}.cocktail-bar__bottle-shine{opacity:0;fill:#fff;transition:opacity .3s ease-in-out}.cocktail-bar__bottle-button.is-lit .cocktail-bar__bottle-shine{opacity:.3}.cocktail-bar__bottle-label{-webkit-line-clamp:2;text-align:center;color:var(--color-text-tertiary);-webkit-box-orient:vertical;font-size:.6875rem;line-height:1.3;transition:color .3s ease-in-out;display:-webkit-box;overflow:hidden}.cocktail-bar__bottle-button.is-lit .cocktail-bar__bottle-label{color:var(--color-text-primary)}.cocktail-bar__rail{background:linear-gradient(90deg,transparent,var(--color-border-strong)12%,var(--color-border-strong)88%,transparent);border-radius:.25rem;height:4px;margin-top:.5rem;transition:background .5s ease-in-out,box-shadow .5s ease-in-out;box-shadow:0 8px 14px -8px #00000080}.cocktail-bar__backbar.is-lit .cocktail-bar__rail{background:linear-gradient(90deg,transparent,var(--bar-brass)12%,var(--bar-brass)88%,transparent);box-shadow:0 8px 18px -6px var(--bar-brass-glow)}.cocktail-bar__shelf-hint{text-align:center;color:var(--color-text-tertiary);font-size:.875rem}@media only screen and (min-width:768px){.cocktail-bar__shelf-hint{text-align:left}}.cocktail-bar__pantry{flex-direction:column;gap:1rem;display:flex}.cocktail-bar__group{flex-direction:column;gap:.5rem;display:flex}@media only screen and (min-width:768px){.cocktail-bar__group{flex-direction:row;align-items:baseline;gap:1.5rem}}.cocktail-bar__group-title{font-family:var(--font-heading,Cormorant Garamond,Georgia,serif);color:var(--color-text-secondary);flex-shrink:0;font-size:1.25rem;font-weight:600;line-height:1.3}@media only screen and (min-width:768px){.cocktail-bar__group-title{width:9rem}}.cocktail-bar__chips{flex-wrap:wrap;gap:.25rem;display:flex}.cocktail-bar__chip{border:1px solid var(--color-border-default);min-height:40px;color:var(--color-text-primary);cursor:pointer;touch-action:manipulation;background-color:#0000;border-radius:9999px;padding:.25rem 1rem;font-size:.875rem;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out}:is(.cocktail-bar__chip:hover,.cocktail-bar__chip:active,.cocktail-bar__chip:focus-visible){border-color:var(--color-interactive-default)}.cocktail-bar__chip:focus-visible{outline:2px solid var(--color-interactive-default);outline-offset:2px}.cocktail-bar__chip.is-owned{color:var(--color-text-inverse);background-color:var(--color-interactive-default);border-color:var(--color-interactive-default)}.cocktail-bar__shelf-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding-top:.5rem;display:flex}.cocktail-bar__mix{border:1px solid var(--bar-brass);min-height:44px;color:var(--color-text-inverse);background-color:var(--bar-brass);cursor:pointer;touch-action:manipulation;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out;display:inline-flex}:is(.cocktail-bar__mix:hover,.cocktail-bar__mix:active,.cocktail-bar__mix:focus-visible){box-shadow:0 0 22px var(--bar-brass-glow)}.cocktail-bar__mix:focus-visible{outline:2px solid var(--color-interactive-default);outline-offset:2px}.cocktail-bar__mix:disabled{color:var(--color-text-tertiary);box-shadow:none;cursor:not-allowed;border-color:var(--color-border-default);background-color:#0000}.cocktail-bar__mix.is-shaking{animation:.35s ease-in-out infinite cocktail-shake}@keyframes cocktail-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)translate(-2px)}75%{transform:rotate(4deg)translate(2px)}}.cocktail-bar__clear{color:var(--color-text-tertiary);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:underline;transition:color .3s ease-in-out}:is(.cocktail-bar__clear:hover,.cocktail-bar__clear:active,.cocktail-bar__clear:focus-visible){color:var(--color-danger)}.cocktail-bar__menu{flex-direction:column;gap:2rem;display:flex}.cocktail-bar__filters{border-bottom:1px solid var(--color-border-default);flex-direction:column;gap:.5rem;padding-bottom:.5rem;display:flex}.cocktail-bar__tabs{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.cocktail-bar__tab{color:var(--color-text-secondary);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-bottom:2px solid #0000;padding:.25rem 0;font-size:.875rem;font-weight:500;transition:color .3s ease-in-out,border-color .3s ease-in-out}:is(.cocktail-bar__tab:hover,.cocktail-bar__tab:active,.cocktail-bar__tab:focus-visible){color:var(--color-text-primary)}.cocktail-bar__tab:focus-visible{outline:2px solid var(--color-interactive-default);outline-offset:2px}.cocktail-bar__tab.is-active{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}.cocktail-bar__tabs--spirits .cocktail-bar__tab{font-weight:400}.cocktail-bar__section{flex-direction:column;gap:1rem;display:flex}.cocktail-bar__section-title{text-wrap:balance;font-size:clamp(1.5rem,2vw + .75rem,2.25rem);font-weight:600}.cocktail-bar__section--ready .cocktail-bar__section-title{color:var(--bar-brass)}.cocktail-bar__list{grid-template-columns:1fr;gap:0 3rem;margin:0;padding:0;list-style:none;display:grid}@media only screen and (min-width:992px){.cocktail-bar__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.cocktail-bar__item{border-bottom:1px solid var(--color-border-default);flex-direction:column;display:flex}.cocktail-bar__section--ready .cocktail-bar__item{border-bottom-color:var(--bar-brass-soft)}.cocktail-bar__item-link{color:inherit;border-radius:.5rem;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"visual body""visual serve";align-items:center;gap:.25rem 1rem;padding:1rem .25rem;text-decoration:none;transition:background-color .3s ease-in-out;display:grid}:is(.cocktail-bar__item-link:hover,.cocktail-bar__item-link:active,.cocktail-bar__item-link:focus-visible){background-color:var(--color-bg-subtle)}.cocktail-bar__item-link:focus-visible{outline:2px solid var(--color-interactive-default);outline-offset:2px;outline-offset:-2px}@media only screen and (min-width:768px){.cocktail-bar__item-link{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"visual body serve"}}.cocktail-bar__item-visual{border:1px solid var(--color-border-default);width:56px;height:56px;color:var(--color-text-tertiary);background-color:var(--color-bg-subtle);border-radius:9999px;grid-area:visual;justify-content:center;align-items:center;display:flex;overflow:hidden}.cocktail-bar__section--ready .cocktail-bar__item-visual{color:var(--bar-brass);border-color:var(--bar-brass-soft)}.cocktail-bar__item-photo{object-fit:cover;width:100%;height:100%}.cocktail-bar__item-body{flex-direction:column;grid-area:body;gap:2px;min-width:0;display:flex}.cocktail-bar__item-name{font-family:var(--font-heading,Cormorant Garamond,Georgia,serif);color:var(--color-text-primary);font-size:1.5rem;font-weight:600;line-height:1.15}.cocktail-bar__item-ingredients{color:var(--color-text-secondary);font-size:.875rem;line-height:1.3}.cocktail-bar__ingredient.is-missing{color:var(--color-text-tertiary);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.cocktail-bar__item-serve{color:var(--color-text-tertiary);grid-area:serve;font-size:.75rem}@media only screen and (min-width:768px){.cocktail-bar__item-serve{text-align:right;max-width:9rem;font-size:.875rem}}.cocktail-bar__item-missing{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:0 .25rem 1rem calc(56px + 1.25rem);font-size:.875rem;display:flex}.cocktail-bar__add-missing{border:1px solid var(--bar-brass-soft);min-height:32px;color:var(--bar-brass);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:9999px;align-items:center;gap:.25rem;padding:2px .5rem;font-size:.75rem;font-weight:500;transition:border-color .3s ease-in-out,background-color .3s ease-in-out;display:inline-flex}:is(.cocktail-bar__add-missing:hover,.cocktail-bar__add-missing:active,.cocktail-bar__add-missing:focus-visible){background-color:var(--bar-brass-soft);border-color:var(--bar-brass)}.cocktail-bar__add-missing:focus-visible{outline:2px solid var(--color-interactive-default);outline-offset:2px}.cocktail-bar__add-missing:disabled{opacity:.6;cursor:wait}.cocktail-bar__empty{color:var(--color-text-secondary)}.cocktail-bar__mix-result{flex-direction:column;gap:1rem;display:flex}.cocktail-bar__mix-result>.button{align-self:flex-end}