@import"https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:wght@400;700&family=Averia+Sans+Libre:wght@400;700&display=swap";:root{font-family:Averia Sans Libre,Arial,sans-serif;color:#383533;background:#f7f3f1;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #b6adaa;background:transparent;border-radius:30px;padding:7px 14px}button[aria-pressed=true]{background:#434040;color:#f7f3f1;border-color:#434040}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #438aa5;outline-offset:4px}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:"Averia Serif Libre",Georgia,serif;font-weight:400}main,.masthead,footer{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.masthead{height:72px;display:flex;align-items:center;border-bottom:1px solid #c7beb8}.support-menu{position:relative;margin-left:auto}.support-menu>button{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:14px}.support-links{position:absolute;top:calc(100% + 10px);right:0;z-index:10;width:244px;padding:6px;display:grid;gap:2px;background:#f7f3f1;border:1px solid #b6adaa;border-radius:5px;box-shadow:0 6px 20px #38353329}.support-links a{display:grid;gap:2px;padding:10px 12px;border-radius:4px;text-decoration:none}.support-links a:hover{background:#eae5e3}.support-links strong{font-family:"Averia Serif Libre",Georgia,serif;font-weight:400;font-size:16px}.support-links small{font-size:12px;color:#70655e}.wordmark{font-family:Georgia,serif;font-weight:700;letter-spacing:-1px;font-size:25px;text-decoration:none}.wordmark span{font-weight:400}.intro{padding:35px 0 28px}.intro h1{font-size:clamp(34px,4.3vw,56px);line-height:1.1;letter-spacing:-1px}.cocktail-search{padding:19px 23px;background:#eae5e3;border:1px solid #cfc6c0;border-radius:5px}.cocktail-search label{display:block;font-size:15px;margin-bottom:10px}.search-field{display:flex;align-items:center;gap:12px;border-bottom:1px solid #b6adaa}.search-field>span{font:27px Georgia,serif}.search-field input{width:100%;background:transparent;border:0;padding:6px 0 10px;font-size:19px}.search-results{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;max-height:150px;overflow-y:auto}.search-results button{font-size:13px;padding:5px 12px}.search-results small{width:100%}.explorer{padding:23px 0}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #bfb4ad}.view-selection{display:flex;gap:8px;flex-wrap:wrap}.ingredient-search{display:flex;align-items:center;gap:12px;position:relative}.ingredient-search label{font-size:13px;white-space:nowrap}.ingredient-search input{width:240px;padding:9px 12px;border:1px solid #b6adaa;background:transparent;border-radius:5px}.label-results{position:absolute;right:0;top:calc(100% + 6px);z-index:2;background:#eae5e3;border:1px solid #b6adaa;padding:10px;max-height:220px;overflow:auto;width:320px;display:flex;flex-wrap:wrap;gap:6px;box-shadow:0 4px 12px #38353315}.label-results button{font-size:13px}.chart-instructions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;font-size:13px;color:#70655e}.chart-instructions button{font-size:12px}.chord-wrap{max-width:1060px;margin:-18px auto}.chord-wrap svg{display:block;width:100%;height:auto;overflow:visible}.chord-edge{cursor:pointer}.chord-node{cursor:pointer;outline:none}.chord-node text,.category-arc text{fill:#514a45;paint-order:stroke;stroke:#f7f3f1;stroke-width:4px;stroke-linejoin:round}.chord-node:focus text,.chord-node.is-active text{font-weight:700;fill:#171514}.chord-node:focus path:first-of-type{stroke:#333;stroke-width:14}.category-arc{cursor:pointer;outline:none}.category-arc:focus-visible .category-band{stroke:#383533;stroke-width:18}.category-bars-caption{display:none}.partner-ranking{margin:8px 0 24px}.partner-ranking h3{font-size:19px}.tab-intro{margin-bottom:20px}.tab-intro h2{font-size:28px;margin-bottom:10px}.tab-intro p{color:#70655e;line-height:1.5;max-width:62ch}.cocktail-explorer{padding-bottom:32px}.cocktail-explorer>h2{font-size:28px;margin-bottom:10px}.cocktail-explorer>p{color:#70655e;line-height:1.5;max-width:62ch;margin-bottom:20px}.partner-ranking ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 20px;max-height:320px;overflow-y:auto}.partner-ranking-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.partner-ranking-head h3{margin-bottom:0}.partner-ranking li{display:flex;align-items:center;gap:6px;border-bottom:1px solid #e0d9d4}.partner-both{flex:none;border:0;padding:6px 10px;font-size:11px;color:#70655e;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.partner-ranking>ol>li>button:first-child{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:4px;padding:8px 6px;font-size:14px;text-align:left}.partner-rank{min-width:20px;font-size:12px;color:#857a73}.partner-dot{width:9px;height:9px;border-radius:50%;flex:none}.partner-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-ranking strong{font-weight:400;font-size:13px;color:#70655e}.connection-detail{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #c7beb8;border-radius:5px;font-size:14px}.connection-detail button{border:0;padding:3px 9px}.recipe{max-width:650px;margin:24px auto;border-top:1px solid #c7beb8;padding-top:24px}.recipe h3{font-size:26px}.recipe .muted{font-size:13px;color:#70655e;margin-top:9px}.recipe ul{list-style:none;padding:0;font-size:15px}.recipe li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d3cac4;padding:8px 0}.recipe li span:last-child{color:#70655e;text-align:right}.recipe>p:last-child{font-size:15px;line-height:1.6}footer{border-top:1px solid #bfb6b1;padding-top:20px;padding-bottom:24px;font-size:12px;color:#70655e}@media(max-width:760px){main,.masthead,footer{padding-left:20px;padding-right:20px}.masthead{height:60px}.intro{padding:27px 0 23px}.intro h1{font-size:36px}.cocktail-search{padding:16px}.search-field input{font-size:16px}.chart-toolbar{align-items:flex-start;flex-direction:column;gap:16px}.ingredient-search{width:100%;flex-wrap:wrap;gap:7px}.ingredient-search input,.label-results{width:100%}.chord-wrap{margin:0 -17px}.chart-instructions{font-size:12px;padding-top:14px;padding-bottom:8px}.partner-ranking h3{font-size:17px}.partner-ranking ol{max-height:380px}.category-arc text{font-size:21px}.chord-node text{font-size:17px}.connection-detail{font-size:12px}.view-selection button{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.detail-control{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:13px;flex-wrap:wrap}.detail-control select{border:1px solid #b6adaa;border-radius:5px;padding:8px 12px;background:#f7f3f1}.detail-control span{color:#70655e}.connections path{cursor:pointer}.touch-categories{display:none}.chord-wrap svg{touch-action:pan-y pinch-zoom}@media(max-width:760px),(pointer:coarse){.category-bars-caption{display:block;margin:4px 17px 0;font-size:12px;color:#70655e}.touch-categories{display:flex;align-items:flex-end;gap:6px;margin:6px 0 25px;padding:0 17px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.touch-categories button{flex:0 0 74px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:none;border-radius:0;background:transparent}.touch-categories button[aria-pressed=true]{background:transparent;color:inherit}.touch-categories .bar-track{width:100%;height:96px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.touch-categories .bar-track small{font-size:11px;color:#70655e}.touch-categories .bar-fill{width:100%;min-height:3px;border-radius:3px 3px 0 0}.touch-categories button[aria-pressed=true] .bar-fill{outline:2px solid #383533;outline-offset:1px}.touch-categories .bar-label{font-size:10px;line-height:1.25;text-align:center;-webkit-hyphens:auto;hyphens:auto}.touch-categories button[aria-pressed=true] .bar-label{font-weight:700}.label-results button,.chart-instructions button,.view-selection button,.detail-control select,.ingredient-search input{min-height:44px}.chart-instructions{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:8px}}@media(hover:hover)and (pointer:fine)and (min-width:761px){button:hover{background:#434040;color:#f7f3f1;border-color:#434040}}.selected-cocktail{display:inline-flex;align-items:center;gap:10px}.chord-wrap{position:relative}.ribbon-readout{position:fixed;top:0;left:0;z-index:6;max-width:250px;display:grid;gap:2px;padding:8px 11px;border:1px solid #b6adaa;border-radius:5px;background:#f7f3f1;box-shadow:0 5px 16px #38353333;font-size:13px;line-height:1.35;color:#383533;pointer-events:none}.ribbon-readout strong{font-weight:400}.ribbon-readout span{font-size:12px;color:#70655e}@media(max-width:760px){.selected-cocktail{min-height:44px}}.chord-wrap svg,.ribbon-readout{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}.explorer-tabs{display:flex;gap:8px;border-bottom:1px solid #c7beb8;margin-bottom:24px;padding-bottom:12px}.explorer-tabs button{border-radius:5px;min-height:44px}.explorer-tabs button[aria-selected=true]{background:#434040;color:#f7f3f1;border-color:#434040}.ingredient-builder{padding-bottom:32px}.ingredient-builder h2{font-size:28px;margin-bottom:10px}.ingredient-builder>p{color:#70655e;line-height:1.5}.builder-input{padding:20px;background:#eae5e3;border:1px solid #cfc6c0;border-radius:5px;margin-top:22px}.builder-input label{display:block;font-size:14px;margin-bottom:9px}.builder-input input{width:100%;min-height:44px;border:1px solid #b6adaa;border-radius:5px;background:#f7f3f1;padding:10px 12px}.builder-selected,.builder-suggestions,.remaining-ingredients{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.builder-selected:not(:empty){margin-top:14px;padding-bottom:14px;border-bottom:1px solid #c7beb8}.builder-selected button:not(.clear-builder){background:#434040;color:#f7f3f1;border-color:#434040}.builder-suggestions{margin-top:14px}.builder-suggestions button,.builder-selected button{min-height:44px;font-size:13px}.builder-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:28px 0 16px;flex-wrap:wrap}.builder-results-heading h3{font-size:24px}.builder-results-heading p{font-size:13px;color:#70655e}.builder-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.builder-result{position:relative;display:flex;flex-direction:column;border:1px solid #c7beb8;border-radius:5px;padding:20px;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 220px}.builder-result:hover{border-color:#8c817b;background:#f1ecea}.builder-result{cursor:pointer}.builder-result-open{border:0;border-radius:0;padding:0;background:transparent;font:inherit;text-align:left}.builder-result-open{cursor:pointer}.builder-result-summary{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;align-items:start}.builder-back{margin-bottom:8px;font-size:13px;min-height:44px}.builder-result-copy{min-width:0}.mini-sunburst{display:block;width:100%;height:auto}.builder-result-copy h3{font-size:23px;line-height:1.15}.builder-result-meta{display:block;margin-top:6px;font-size:12px;color:#70655e}.builder-ingredient-list{font-size:14px;color:#70655e;line-height:1.6;margin:12px 0}.remaining-ingredients{position:relative;z-index:1;font-size:12px;margin:14px 0}.remaining-ingredients button{font-size:12px;min-height:36px}.builder-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}.builder-result-actions .recipe-source{position:relative;z-index:1;font-size:13px}.builder-result .recipe{margin-bottom:0}.builder-more{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.builder-more button{min-height:44px;font-size:13px}.builder-more span{font-size:13px;color:#70655e}.builder-empty{padding:28px 0}.builder-empty p{margin-top:12px;color:#70655e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.builder-results{grid-template-columns:1fr}.builder-result{padding:16px}.builder-result-summary{grid-template-columns:6rem minmax(0,1fr)}.remaining-ingredients button{min-height:44px}.explorer-tabs button{font-size:14px}}.recipe-breakdown{padding:12px 0 20px}.recipe-breakdown h2{font-size:28px;margin:8px 0 18px}.proportion-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);align-items:center;gap:38px;max-width:1000px;margin:auto}.proportion-chart{width:100%;max-width:540px;height:auto}.proportion-legend>p,.measure-note,.unscaled-ingredients>p{font-size:13px;color:#70655e;line-height:1.6}.proportion-legend ul{list-style:none;padding:0}.proportion-legend li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #cfc6c0;padding:14px 0}.proportion-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.proportion-legend small{display:block;color:#70655e;margin-top:4px}.proportion-legend strong{margin-left:auto;font-weight:400}.measure-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.measure-note{max-width:900px;margin:12px auto}.unscaled-ingredients{max-width:900px;margin:22px auto 0;padding-top:18px;border-top:1px solid #cfc6c0}.unscaled-ingredients h3{font-size:21px;margin-bottom:8px}.unscaled-ingredients li{padding:5px 0}.unscaled-ingredients li span{color:#70655e;margin-left:12px}.recipe-source{display:inline-block;font-size:13px;margin-top:14px;line-height:1.5}.builder-result-actions .recipe-source{margin:0;align-self:center;padding:8px 0}@media(max-width:760px){.proportion-layout{grid-template-columns:1fr;gap:10px}.recipe-breakdown h2{font-size:24px}.measure-tabs button,.recipe-source{min-height:44px}.proportion-legend>p{margin-top:8px}}.recipe>p:not(.muted){font-size:15px;line-height:1.6}.sunburst-label{fill:#fff;pointer-events:none;font-family:Averia Sans Libre,Arial,sans-serif;paint-order:stroke;stroke:#261c1a61;stroke-width:2.5px;stroke-linejoin:round}.sunburst-segment{cursor:pointer;outline:none}.sunburst-segment:focus-visible{stroke:#383533;stroke-width:3}.sunburst-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-size:13px;color:#70655e}.sunburst-readout button{min-height:44px;font-size:12px}.proportion-legend li{padding:0}.proportion-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-radius:4px;padding:14px 5px;min-height:54px}.proportion-item[aria-pressed=true] small{color:inherit}.sunburst-family-buttons{display:flex;flex-wrap:wrap;gap:8px}.sunburst-family-buttons button{min-height:44px;font-size:12px}@media(max-width:760px){.sunburst-readout{flex-wrap:wrap}.proportion-item{font-size:14px}}.cocktail-search-empty{padding:2rem 0;color:#70655e}