@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,600&family=Jost:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #0F0B0C;--panel: #1A1113;--cream: #F2E6D8;--brass: #C99A6B;--muted: #8a7a72;--border: #2a1e20;--chip-text: #E3D6C9}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes spin{to{transform:rotate(360deg)}}.byoc-page{background:var(--bg);color:var(--cream);padding:40px 32px 100px}.byoc-wrap{max-width:1280px;margin:0 auto}.byoc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:20px}.byoc-header-block{display:flex;flex-direction:column;gap:0}.byoc-wordmark{font-family:Cormorant Garamond,serif;font-style:italic;font-weight:600;font-size:72px;margin:0;letter-spacing:.5px;line-height:1.1}.byoc-wordmark .elixir{color:var(--brass)}.byoc-wordmark .maven{background:linear-gradient(90deg,#f4c6dd,#c9aeef,#9fc6f0,#9ce7ea,#e9c98a,#f4c6dd);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 16s linear infinite}.byoc-membership{font-size:13px;font-weight:400;color:var(--cream);margin:2px 0 0;letter-spacing:.3px}.byoc-title{font-size:15px;font-weight:400;color:var(--muted);margin:18px 0 0;letter-spacing:.5px}.byoc-toggle{display:inline-flex;background:var(--panel);border-radius:999px;padding:3px;gap:2px}.byoc-toggle button{padding:6px 16px;font-size:12px;font-family:IBM Plex Mono,monospace;border-radius:999px;color:var(--muted);background:none;border:none;cursor:pointer;transition:all .15s}.byoc-toggle .active{padding:3px;border-radius:999px;background:linear-gradient(90deg,#f4c6dd,#c9aeef,#9fc6f0,#9ce7ea,#e9c98a,#f4c6dd);background-size:400% 100%;background-position:50% 50%}.byoc-toggle .active button{background:var(--bg);color:var(--cream);display:block}.byoc-toggle>div{border-radius:999px}.byoc-toggle>div:not(.active){padding:3px}.byoc-toggle>div:not(.active) button{display:block;padding:6px 16px}.byoc-category-group{margin-bottom:18px}.byoc-category-header{font-size:13px;font-weight:500;padding:8px 12px;border-radius:6px;cursor:pointer;background:var(--panel2);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--chip-text);transition:all .15s;user-select:none}.byoc-category-header:hover{background:#ffffff0d}.byoc-category-group--aperitif .byoc-category-header{border-color:#ea9156b8;background:linear-gradient(135deg,#f4c6dd1a,#e9c98a1f,#ea915624,#f4e6a61a);box-shadow:inset 0 0 0 1px #ea915652;color:var(--chip-text)}.byoc-category-group--natural-sugar .byoc-category-header{border-color:#f4c6dd6b;background:linear-gradient(135deg,#f4c6dd1a,#efb5d214,#deaeda14,#c9aeef14)}.byoc-category-group--fruit-citrus .byoc-category-header{border-color:#9fc6f06b;background:linear-gradient(135deg,#9fc6f01a,#8ccfef14,#9ce7ea14,#aee9d614)}.byoc-category-group--spice-nut-floral .byoc-category-header{border-color:#e9c98a6b;background:linear-gradient(135deg,#e9c98a1a,#ddd89514,#bedea614,#9ce7ea14)}.byoc-category-header-toggle{display:inline-flex;align-items:center;width:16px;height:16px;margin-right:8px;font-size:10px;color:var(--brass)}.byoc-category-header.open .byoc-category-header-toggle:before{content:"▼"}.byoc-category-header:not(.open) .byoc-category-header-toggle:before{content:"▶"}.byoc-category-header-label{flex:1}.byoc-category-indicator{font-size:11px;color:var(--brass);white-space:nowrap;margin-left:8px}.byoc-category-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 12px 0;max-height:500px;overflow:hidden;transition:all .2s}.byoc-category-chips.collapsed{max-height:0;padding:0 12px}.byoc-grid{display:flex;gap:34px;align-items:flex-start;flex-wrap:wrap;margin-top:30px}.byoc-filters{flex:1 1 380px;min-width:320px}.byoc-mode-toggle{margin:0 0 24px}.byoc-freeform{display:none;margin-bottom:30px}.byoc-freeform.open{display:block}.freeform-active .byoc-result-col{display:none}.byoc-freeform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.byoc-freeform-category{display:flex;flex-direction:column;gap:8px}.byoc-freeform-field{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.byoc-freeform-field--single{grid-template-columns:1fr}.byoc-freeform-field--choice{grid-template-columns:minmax(0,1fr) 120px}.byoc-freeform-field--second{margin-left:18px}.byoc-amount-field{display:flex;align-items:center;gap:4px;min-width:0}.byoc-amount-field input{flex:1 1 0;width:0}.byoc-amount-unit{color:var(--muted);font:10px IBM Plex Mono,monospace}.byoc-freeform-field input,.byoc-freeform-field select{min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--panel);background-color:var(--panel);color:var(--cream);-webkit-text-fill-color:var(--cream);opacity:1;padding:9px 10px;font:12px IBM Plex Mono,monospace;color-scheme:light}.byoc-freeform-field select option,.byoc-freeform-meta select option{background-color:var(--panel);color:var(--cream)}.byoc-freeform-input-wrap{position:relative;min-width:0}.byoc-freeform-input-wrap .byoc-freeform-input{width:100%}.byoc-suggestion-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;background:#110c0efa;border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 18px #0000004d;padding:4px}.byoc-suggestion-list[hidden]{display:none}.byoc-suggestion-item{width:100%;background:transparent;border:none;color:var(--cream);text-align:left;padding:7px 8px;border-radius:4px;font:12px IBM Plex Mono,monospace;cursor:pointer}.byoc-suggestion-item:hover,.byoc-suggestion-item:focus{background:#c99a6b1f;outline:none}.byoc-freeform-result{margin-top:18px;border-top:1px solid var(--border);padding-top:16px}.byoc-freeform-result h3{margin:0 0 8px;font:600 italic 25px Cormorant Garamond,serif}.byoc-freeform-result p{margin:5px 0;font:11px IBM Plex Mono,monospace;color:var(--muted)}.byoc-freeform-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.byoc-freeform-meta select{border:1px solid var(--border);border-radius:6px;background:var(--panel);background-color:var(--panel);color:var(--cream);-webkit-text-fill-color:var(--cream);opacity:1;padding:9px 10px;font:12px IBM Plex Mono,monospace;color-scheme:light}.byoc-freeform-spec{margin-top:14px;color:var(--cream)!important;white-space:pre-line;line-height:1.7}@media(max-width:600px){.byoc-freeform-grid,.byoc-freeform-meta{grid-template-columns:1fr}}.byoc-result-col{flex:1 1 300px;min-width:280px;position:sticky;top:30px}.byoc-group{margin-bottom:30px;margin-top:0}.byoc-filters .byoc-group:first-child{margin-top:0}.byoc-label{font-size:15px;font-weight:500;position:relative;display:inline-block;padding-bottom:2px;margin-bottom:14px}.byoc-label:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:linear-gradient(90deg,#f4c6dd,#c9aeef,#9fc6f0,#9ce7ea,#e9c98a,#f4c6dd);box-shadow:0 0 3px .2px #c9aeef40}.byoc-help{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--brass);margin:8px 0 0;min-height:14px}.byoc-chips{display:flex;flex-wrap:wrap;gap:8px}#spiritCategories{margin-top:30px}#spiritCategories .byoc-category-group{margin-bottom:0}.byoc-help:empty{display:none}.byoc-chip{font-size:13px;padding:8px 16px;border-radius:999px;cursor:pointer;background:var(--panel);color:var(--chip-text);border:1px solid var(--border);transition:opacity .15s}.byoc-chip.selected{color:#1a1113;font-weight:500;border:none;background:linear-gradient(90deg,#f4c6dd,#c9aeef,#9fc6f0,#9ce7ea,#e9c98a,#f4c6dd);background-size:400% 100%;background-position:20% 50%}#spiritChips .byoc-chip.selected{background-position:0% 50%}#citrusChips .byoc-chip.selected{background-position:25% 50%}#juiceChips .byoc-chip.selected{background:linear-gradient(90deg,#ddebb7,#cfe3ae,#b7ddb4,#9ce7ea)}.byoc-group--juice .byoc-label:after,.byoc-group--top .byoc-label:after{background:linear-gradient(90deg,#ddebb7,#cfe3ae,#b7ddb4,#9ce7ea);box-shadow:0 0 3px .2px #cfe3ae38}#topChips .byoc-chip.selected{background:linear-gradient(90deg,#ddebb7,#cfe3ae,#b7ddb4,#9ce7ea)}#spiritCategories .byoc-chip.selected{background:linear-gradient(90deg,#f4c6dd,#e9c98a,#f4e6a6,#d6cf8b)}.byoc-category-group:nth-child(1) .byoc-chip.selected{background-position:65% 50%}.byoc-category-group:nth-child(2) .byoc-chip.selected{background-position:75% 50%}.byoc-category-group:nth-child(3) .byoc-chip.selected{background-position:85% 50%}#topChips .byoc-chip.selected{background-position:100% 50%}.byoc-chip.disabled{opacity:.3;cursor:not-allowed}.byoc-ring{display:inline-flex;background:linear-gradient(90deg,#f4c6dd,#c9aeef,#9fc6f0,#9ce7ea,#e9c98a,#f4c6dd);background-size:300% 100%;animation:shimmer 6s linear infinite;border-radius:50%;cursor:pointer;border:none}.byoc-ring-inner{background:var(--bg);margin:1px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--cream);font-size:14px}.byoc-slider-wrap{width:100%;max-width:260px}.byoc-slider-track{height:3px;border-radius:2px;background:linear-gradient(90deg,#f4c6dd,#c9aeef,#9fc6f0,#9ce7ea,#e9c98a);position:relative;margin:14px 0}.byoc-slider-track .thumb{position:absolute;top:50%;left:var(--slider-position, 50%);width:14px;height:14px;border-radius:50%;background:var(--cream);transform:translate(-50%,-50%);box-shadow:0 0 0 3px var(--bg)}.byoc-slider-labels{display:flex;justify-content:space-between;font-size:10px;font-family:IBM Plex Mono,monospace;color:var(--muted)}.byoc-slider-note{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted);margin-top:6px}.byoc-slider-pending{font-family:IBM Plex Mono,monospace;font-size:9px;color:var(--muted);margin-top:8px;line-height:1.5}.byoc-card{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:26px;position:relative;overflow:hidden}.byoc-card h3{font-family:Cormorant Garamond,serif;font-style:italic;font-weight:600;font-size:26px;margin:0 0 4px;position:relative;z-index:3}.byoc-card .sub{font-size:11px;color:var(--muted);font-family:IBM Plex Mono,monospace;position:relative;z-index:3;margin-bottom:18px}.byoc-martini{position:absolute}.byoc-martini.top-corner{top:-12px;right:-12px;width:70px;height:70px;animation:spin 9s linear infinite;opacity:.6;z-index:2}.byoc-martini.bottom-cut{bottom:-40px;left:40%;width:70px;height:70px;animation:spin 13s linear infinite;opacity:.5;z-index:1}.byoc-martini.behind-title{top:-4px;left:6px;width:80px;height:80px;animation:spin 16s linear infinite;opacity:.5;z-index:1}.byoc-spec-list{position:relative;z-index:3;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:2;margin:0 0 16px}.byoc-spec-list .amt{color:var(--brass)}.byoc-spec-list .swap-note{color:var(--muted);font-size:10px}.byoc-change-list{display:grid;gap:7px;margin-top:12px;color:var(--cream);font:12px IBM Plex Mono,monospace}.byoc-change-list.empty{color:var(--muted)}.byoc-meta-row{position:relative;z-index:3;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-family:IBM Plex Mono,monospace;margin-bottom:18px}.byoc-version-toggle{position:relative;z-index:3;margin-bottom:16px}.byoc-version-help{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--brass);margin-top:6px}.byoc-garnish-box{position:relative;z-index:3;border-top:1px solid var(--border);padding-top:16px}.byoc-garnish-label{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}.byoc-garnish-row{display:flex;align-items:center;gap:12px}.byoc-garnish-text{font-size:13px;color:var(--cream);flex:1}.byoc-note{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted);margin-top:16px;line-height:1.6}.byoc-outcome-box{position:relative;z-index:3;border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.byoc-outcome-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}.byoc-outcome-read{display:grid;gap:7px;margin-top:12px;font-family:IBM Plex Mono,monospace;font-size:11px}.byoc-outcome-read span{color:var(--muted)}.byoc-outcome-read strong{color:var(--cream);font-weight:400}.byoc-nudge{margin-top:14px;color:var(--cream);font-size:12px;line-height:1.5}.byoc-similar-cocktails{display:none;gap:8px;flex-wrap:wrap;margin-top:12px}.byoc-similar-cocktails.open{display:flex}.byoc-similar-cocktails span{border:1px solid var(--border);background:var(--panel2);color:var(--cream);padding:7px 10px;border-radius:6px;font-size:12px}.byoc-ring-button{padding:0;background:linear-gradient(90deg,#f4c6dd,#c9aeef,#9fc6f0,#9ce7ea,#e9c98a,#f4c6dd);background-size:400% 100%;background-position:80% 50%;animation:shimmer 6s linear infinite;border-radius:50%;cursor:pointer;border:none}.byoc-similar-link{border:0;border-bottom:1px dotted var(--brass);padding:0;background:transparent;color:var(--brass);cursor:pointer;font:11px IBM Plex Mono,monospace;line-height:1.4;white-space:nowrap}@media(max-width:768px){.byoc-grid{flex-direction:column}.byoc-result-col{position:static}.byoc-wordmark{font-size:28px}.byoc-title{font-size:20px;margin:14px 0 24px}}