:root{--font-display:var(--font-archivo),"Archivo Narrow","Helvetica Neue",sans-serif;--font-body:var(--font-hanken),"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--amber:#e0a15e;--amber-bright:#fcb974;--amber-dim:#b57a3e;--copper:#c2703a;--copper-deep:#8a4a22;--ok:#7fa65c;--warn:#d9a441;--bad:#c2603f;--background:#f7f4f0;--background-alt:#efeae3;--surface:#fff;--surface-hover:#f5f1ec;--surface-raised:#fff;--text:#1a1512;--text-secondary:#554c45;--text-muted:#8a7f76;--text-inverse:#fdfbf9;--accent-on-surface:var(--copper);--border:#e2dbd2;--border-light:#ede7e0;--border-strong:#cfc5b9;--radius:14px;--radius-sm:8px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #1a15120f;--shadow:0 6px 24px #1a151214;--shadow-lg:0 18px 48px #1a15121f;--shadow-accent:0 8px 28px #c2703a38;--header-bg:#f7f4f0d9;--header-border:#1a151214;--gradient-primary:linear-gradient(135deg,var(--copper) 0%,var(--amber) 100%);--gradient-card:none;--content-max:1200px;--gutter:clamp(1rem,4vw,2.5rem)}[data-theme=dark]{--background:#0e0c0b;--background-alt:#131010;--surface:#17120e;--surface-hover:#1f1a15;--surface-raised:#1c1712;--text:#ece0d8;--text-secondary:#b8aba1;--text-muted:#8a7f76;--text-inverse:#0e0c0b;--accent-on-surface:var(--amber-bright);--border:#2c2622;--border-light:#221d19;--border-strong:#3a342e;--shadow-sm:0 1px 3px #00000080;--shadow:0 6px 24px #0000008c;--shadow-lg:0 18px 48px #000000a6;--shadow-accent:0 8px 28px #e0a15e2e;--header-bg:#0e0c0be0;--header-border:#ece0d817;--gradient-primary:linear-gradient(135deg,var(--copper) 0%,var(--amber-bright) 100%);--gradient-card:none}*{margin:0;padding:0;box-sizing:border-box}body,html{overscroll-behavior:none}body{font-family:var(--font-body);background:var(--background);color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.app main{flex:1 1;padding-top:73px;position:relative;z-index:1;isolation:isolate}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.error-screen,.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.loading-screen h2{font-family:var(--font-display);font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.spinner{animation:spin 1s linear infinite;color:var(--accent-on-surface)}.error-screen button{padding:1rem 2rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;font-family:var(--font-display);font-weight:600;cursor:pointer;transition:box-shadow .2s ease}.error-screen button:hover{box-shadow:var(--shadow-accent)}.header{position:fixed;top:0;left:0;right:0;height:73px;z-index:9999;padding:1rem 2rem;background:var(--surface);border-bottom:1px solid var(--header-border);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.header-container{max-width:1280px;margin:0 auto;justify-content:space-between;gap:2rem}.header-container,.logo{display:flex;align-items:center}.logo{gap:.5rem;text-decoration:none}.logo:hover{opacity:.8}.logo-icon{width:36px;height:36px}.logo-text{font-family:var(--font-body);font-size:1.35rem;color:var(--text)}.logo-main{font-weight:600}.logo-tld{font-weight:300;opacity:.7}.header-actions{gap:1rem}.header-actions,.theme-toggle{display:flex;align-items:center}.theme-toggle{gap:.5rem;padding:.625rem 1.25rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-weight:500;transition:border-color .2s ease,color .2s ease}.theme-toggle:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.theme-label{display:none}@media (min-width:768px){.theme-label{display:inline}}.language-switcher{position:relative}.language-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-weight:500;font-size:.875rem;transition:border-color .2s ease,color .2s ease}.language-btn:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.language-btn .lang-code{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-btn .rotate{transform:rotate(180deg)}.language-btn svg{flex-shrink:0;transition:transform .2s ease}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;min-width:220px;max-height:400px;overflow:hidden}.language-list{max-height:380px;overflow-y:auto;padding:.5rem}.language-option{display:flex;flex-direction:row;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--text-primary);transition:background .2s ease}.language-option:hover{background:var(--background-alt)}.language-option.active{background:var(--gradient-primary);color:#fff}.language-option .lang-flag{font-size:1.25rem;line-height:1;flex-shrink:0}.language-option .lang-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.language-option .lang-native{font-weight:600;font-size:.875rem;color:var(--text-primary)}.language-option.active .lang-native{color:#fff}.language-option .lang-english{font-size:.7rem;color:var(--text-secondary)}.language-option.active .lang-english{color:#ffffffd9}.language-btn .lang-flag{font-size:1.125rem;line-height:1}[dir=rtl] .header-actions,[dir=rtl] .header-container,[dir=rtl] .logo,[dir=rtl] .nav{flex-direction:row-reverse}[dir=rtl] .language-dropdown{right:auto;left:0}@media (max-width:768px){.language-btn .lang-code{display:none}.language-dropdown{position:fixed;top:70px;right:1rem;left:1rem;min-width:auto}}.search-bar{flex:1 1;max-width:400px;display:flex;align-items:center;gap:.75rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);padding:.75rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease}.search-bar:focus-within{border-color:var(--accent-on-surface);box-shadow:0 0 0 4px #8b5cf61a}.search-bar input{flex:1 1;background:#0000;border:none;color:var(--text);font-size:.9375rem;outline:none}.search-bar input::placeholder,.search-bar svg{color:var(--text-muted)}.nav,.nav a{display:flex;gap:.5rem}.nav a{align-items:center;padding:.75rem 1.25rem;color:var(--text-secondary);text-decoration:none;font-weight:600;border-radius:var(--radius-full);transition:color .2s ease,background-color .2s ease}.nav a:hover{color:var(--text);background:var(--surface-hover)}.nav a.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-accent)}.nav a svg{width:18px;height:18px}.mobile-menu-btn{display:none;background:#0000;border:none;color:var(--text);cursor:pointer;padding:.5rem}.desktop-actions{display:flex;align-items:center;gap:1rem}.mobile-menu-extras{display:none}.hero-section{max-width:1280px;margin:0 auto;padding:5rem 2rem 4rem;display:grid;grid-template-columns:1fr 450px;gap:4rem}.hero-content h1{font-size:4.5rem;font-weight:700;line-height:1.05;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.hero-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.7;max-width:500px}.hero-actions{gap:1rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:600;font-size:1rem;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease,color .2s ease;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-accent)}.btn-primary:hover{box-shadow:0 20px 50px #8b5cf666}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.featured-cocktail{position:relative;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:box-shadow .2s ease;text-decoration:none;color:inherit;box-shadow:var(--shadow-lg)}.featured-cocktail:hover{box-shadow:var(--shadow-accent)}.featured-cocktail .image-container{width:100%;aspect-ratio:1;height:auto}.featured-cocktail .image-container img{width:100%;height:100%;object-fit:cover}.featured-badge{top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-full);font-family:var(--font-display);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-accent)}.featured-info{position:absolute;bottom:0;left:0;right:0;padding:3rem 2rem 2rem;background:linear-gradient(#0000,#000000e6)}.featured-info h2{font-size:1.75rem;color:#fff;margin-bottom:.5rem}.featured-info p{color:#fffc}.featured-skeleton{pointer-events:none;height:500px;background:var(--background-alt)}.featured-skeleton .featured-info{background:linear-gradient(#0000,#00000080)}.featured-image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--background-alt) 0,var(--surface) 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite;background-size:200% 100%}.featured-skeleton .skeleton-text{height:24px;width:70%;background:#ffffff26;border-radius:8px;margin-bottom:.5rem}.featured-skeleton .skeleton-text.short{height:16px;width:40%;margin-bottom:0}.stats-bar{display:flex;justify-content:center;gap:5rem;padding:3rem 2rem;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{text-align:center}.stat-number{display:block;font-family:var(--font-display);font-size:3.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.category-widgets{padding:5rem 2rem;background:var(--background)}.category-widgets .widgets-grid,.category-widgets h2{max-width:1280px;margin-left:auto;margin-right:auto}.category-widgets h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.category-widget{position:relative;min-height:220px;border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow .2s ease;overflow:hidden}.category-widget:hover{box-shadow:var(--shadow-lg)}.widget-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#000c 0,#0003);display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.5rem;color:#fff}.category-widget h3{font-size:1.125rem;font-weight:600;text-align:center}.category-widget-skeleton{min-height:220px;border-radius:var(--radius-lg)}.ingredient-selector{max-width:1280px;padding:5rem 2rem;background:var(--background-alt);border-radius:var(--radius-xl);margin:0 2rem}.selector-header{text-align:center;margin-bottom:2.5rem}.selector-header h2{display:inline-flex;align-items:center;gap:.75rem;font-size:2rem;margin-bottom:.5rem}.selector-header h2 svg{color:var(--amber)}.selector-header p{color:var(--text-muted);font-size:1.0625rem}.selector-controls{margin-bottom:2rem}.search-input{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:.875rem 1.25rem;margin-bottom:1rem;transition:border-color .2s ease}.search-input:focus-within{border-color:var(--accent-on-surface)}.search-input input{flex:1 1;background:#0000;border:none;color:var(--text);font-size:1rem;outline:none}.category-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.category-tab{padding:.625rem 1.25rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.category-tab:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.category-tab.active{background:var(--gradient-primary);border-color:#0000;color:#fff}.selected-ingredients{background:var(--surface);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.selected-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.selected-header h4{font-family:var(--font-display);font-weight:600}.selected-header button{display:flex;align-items:center;gap:.25rem;background:#0000;border:none;color:var(--bad);cursor:pointer;font-weight:600;font-size:.875rem}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem}.selected-tag{display:flex;align-items:center;gap:.375rem;background:var(--gradient-primary);color:#fff;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.selected-tag:hover{opacity:.85}.ingredients-grid{display:flex;flex-wrap:wrap;gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem}.ingredient-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.ingredient-btn:hover{border-color:var(--amber-dim);color:var(--amber-dim)}.ingredient-btn.selected{background:var(--gradient-primary);border-color:#0000;color:#fff}.results-section{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.almost-possible,.possible-cocktails{background:var(--surface);border-radius:var(--radius);padding:1.5rem}.almost-possible h3,.possible-cocktails h3{font-family:var(--font-display);margin-bottom:1rem;font-size:1.125rem}.cocktail-chips{display:flex;flex-wrap:wrap;gap:.5rem}.cocktail-chip{padding:.5rem 1rem;background:var(--gradient-green);color:#fff;border-radius:var(--radius-full);font-weight:500}.no-results{color:var(--text-muted)}.almost-list{display:flex;flex-direction:column;gap:.75rem}.almost-item{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem;background:var(--background-alt);border-radius:var(--radius-sm)}.cocktail-name,.missing-label{font-weight:600}.missing-label{color:var(--amber);font-size:.75rem}.missing-ingredients{color:var(--text-muted);font-size:.875rem}.origin-map{max-width:1280px;margin:0 auto;padding:5rem 2rem}.origin-map h2{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2rem;margin-bottom:2.5rem}.origin-map h2 svg{color:var(--amber-dim)}.origins-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.origin-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.origin-card:hover{border-color:var(--accent-on-surface);box-shadow:var(--shadow)}.origin-flag{font-size:1.5rem}.origin-name{font-weight:600;color:var(--text)}.origin-count{background:var(--gradient-primary);color:#fff;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.search-filter-bar{display:flex;gap:1rem;margin-bottom:1rem;align-items:stretch}.search-wrapper{flex:1 1;display:flex;align-items:center;gap:.75rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);padding:.875rem 1.5rem;transition:border-color .2s ease,box-shadow .2s ease}.search-wrapper:focus-within{border-color:var(--accent-on-surface);box-shadow:0 0 0 4px #8b5cf61a}.search-wrapper svg{color:var(--text-muted);flex-shrink:0}.search-wrapper input{flex:1 1;background:#0000;border:none;color:var(--text);font-size:1rem;outline:none;min-width:0}.clear-btn,.search-wrapper input::placeholder{color:var(--text-muted)}.clear-btn{background:#0000;border:none;cursor:pointer;padding:.25rem;display:flex;transition:color .2s ease}.clear-btn:hover{color:var(--bad)}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;white-space:nowrap}.filter-toggle:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.filter-toggle.active{background:var(--accent-on-surface);border-color:var(--accent-on-surface);color:#fff}.filter-toggle.has-filters:not(.active){border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.filter-badge{background:var(--gradient-primary);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;min-width:1.25rem;text-align:center}.filter-toggle.active .filter-badge{background:#fff;color:var(--accent-on-surface)}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;align-items:center}.active-filter-tag{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--accent-on-surface);color:#fff;border:none;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.active-filter-tag:hover{opacity:.85}.clear-all-btn{background:#0000;border:none;color:var(--bad);font-weight:600;cursor:pointer;padding:.5rem .75rem;font-size:.875rem}.clear-all-btn:hover{text-decoration:underline}.filter-panel{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border)}.filter-panel-header h3{font-size:1.125rem;font-weight:700}.clear-temp-btn{background:#0000;border:none;color:var(--bad);font-weight:600;cursor:pointer;font-size:.875rem}.clear-temp-btn:hover{text-decoration:underline}.filter-panel .filter-group{display:flex;flex-direction:column;gap:.75rem}.filter-panel .filter-group label{font-size:.8125rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-panel-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.filter-close-btn{flex:1 1;padding:.875rem 1.5rem;background:var(--background-alt);border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease}.filter-close-btn:hover{border-color:var(--text-secondary);color:var(--text)}.filter-apply-btn{flex:2 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s ease}.filter-apply-btn span,.filter-apply-btn:hover{opacity:.9}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-options.scrollable{max-height:120px;overflow-y:auto;padding:.25rem}.filter-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--background-alt);border:2px solid #0000;border-radius:var(--radius-full);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.filter-chip:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.filter-chip.active{background:var(--accent-on-surface);border-color:var(--accent-on-surface);color:#fff}.chip-count{font-size:.75rem;opacity:.7}.filter-chip.active .chip-count{opacity:.9}.results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.results-count{font-weight:600;color:var(--text-secondary)}.cocktails-section{max-width:1280px;margin:0 auto;padding:4rem 2rem}.section-header{margin-bottom:2.5rem;text-align:center}.section-header h2{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.cocktails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;contain:paint}.cocktail-card{display:block;text-decoration:none;color:inherit;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease;border:2px solid var(--border);contain:paint}.cocktail-card:hover{box-shadow:var(--shadow-accent);border-color:var(--accent-on-surface)}.cocktail-card:nth-child(3n+2):hover{box-shadow:var(--shadow-accent);border-color:var(--copper)}.cocktail-card:nth-child(3n):hover{box-shadow:var(--shadow-accent);border-color:var(--amber)}.cocktail-image{position:relative;aspect-ratio:1;height:auto;overflow:hidden;border-radius:calc(var(--radius-lg) - 2px) calc(var(--radius-lg) - 2px) 0 0;contain:strict}.cocktail-image img{width:100%;height:100%;object-fit:cover}.cocktail-badges{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem;z-index:2}.badge{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;color:#fff}.badge.non-alcoholic{background:var(--gradient-green)}.badge.difficulty{background:#0009}.cocktail-time-badge{position:absolute;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:#000000d9;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:#fff;z-index:2}.cocktail-time-badge svg{opacity:.8}.cocktail-info{padding:1.5rem}.cocktail-info h2,.cocktail-info h3{font-size:1.375rem;margin-bottom:.5rem}.cocktail-description{font-size:.9375rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1.25rem}.cocktail-meta{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:2px dashed var(--border)}.cocktail-meta span{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--text-muted);font-weight:500}.cocktail-meta svg{color:var(--accent-on-surface)}.cocktails-grid .no-results{grid-column:1/-1;text-align:center;padding:4rem 2rem}.cocktails-grid .no-results svg{color:var(--accent-on-surface)}.cocktails-grid .no-results h3{margin:1rem 0 .5rem;font-size:1.5rem}.cocktails-grid .no-results p{color:var(--text-muted)}.cocktails-grid .no-results button{margin-top:1.5rem;padding:.875rem 1.75rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;font-family:var(--font-display);font-weight:600;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.modal-content{background:var(--surface);border-radius:var(--radius-xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid var(--border)}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--gradient-primary);border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity .2s ease}.modal-close:hover{opacity:.85}.modal-header{display:grid;grid-template-columns:320px 1fr}.modal-header img{width:100%;aspect-ratio:1;height:auto;object-fit:cover}.modal-header-info{padding:2rem}.modal-header-info h2{font-size:2rem;margin-bottom:.75rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.modal-header-info>p{color:var(--text-muted);margin-bottom:1.25rem;line-height:1.7}.modal-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.modal-meta span{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--text-secondary);font-weight:500}.modal-meta svg{color:var(--accent-on-surface)}.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.375rem .875rem;background:var(--background-alt);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-muted);font-weight:600;text-decoration:none}.modal-body{padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:2px dashed var(--border)}.ingredients-section h3,.steps-section h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem}.ingredients-section h3 svg{color:var(--copper)}.steps-section h3 svg{color:var(--amber)}.ingredients-list li{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--background-alt);border-radius:var(--radius-sm);margin-bottom:.5rem}.ingredients-list li.optional{opacity:.7}.ingredients-list .amount{font-weight:700;min-width:70px;color:var(--copper)}.ingredients-list .name{flex:1 1}.ingredients-list .ingredient-link{color:inherit;transition:color .2s}.ingredients-list .ingredient-link:hover{color:var(--copper);text-decoration:underline}.optional-badge{font-size:.625rem;font-weight:700;background:var(--gradient-primary);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm)}.steps-list li{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--border)}.steps-list li:last-child{border-bottom:none}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-primary);color:#fff;border-radius:50%;font-size:.875rem;font-weight:700;flex-shrink:0}.step-instruction{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.garnish-section{grid-column:1/-1;padding-top:1.5rem;border-top:2px dashed var(--border)}.garnish-section h4{font-size:1.125rem;margin-bottom:.5rem}.garnish-section p{color:var(--text-muted)}.story-section{padding:2rem;background:var(--gradient-primary);border-radius:var(--radius-lg);position:relative;overflow:hidden}.story-section:before{top:-50%;right:-20%;width:300px;height:300px;background:#ffffff1a}.story-section:after,.story-section:before{content:"";position:absolute;border-radius:50%}.story-section:after{bottom:-30%;left:-10%;width:200px;height:200px;background:#ffffff0d}.story-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.375rem;margin-bottom:1rem;color:#fff;position:relative;z-index:1}.story-section h3 svg{color:#ffffffe6}.story-section p{color:#ffffffe6;font-size:1rem;white-space:pre-line;position:relative;z-index:1}.footer{text-align:center;padding:4rem 2rem;border-top:2px solid var(--border)}.footer p:first-child{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.footer p:last-child{color:var(--text-muted)}.quick-actions{padding:5rem 2rem;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.quick-actions .actions-grid,.quick-actions h2{max-width:1280px;margin-left:auto;margin-right:auto}.quick-actions h2{font-size:2.5rem;margin-bottom:3rem;text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.action-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;text-decoration:none;color:var(--text)}.action-card:hover{border-color:var(--accent-on-surface);box-shadow:var(--shadow-accent)}.action-card:nth-child(2):hover{border-color:var(--copper);box-shadow:var(--shadow-accent)}.action-card:nth-child(3):hover{border-color:var(--amber);box-shadow:var(--shadow-accent)}.action-card svg{margin-bottom:1.25rem;width:48px;height:48px}.action-card:first-child svg{color:var(--accent-on-surface)}.action-card:nth-child(2) svg{color:var(--copper)}.action-card:nth-child(3) svg{color:var(--amber)}.action-card h3{font-size:1.25rem;margin-bottom:.5rem}.action-card p{font-size:.9375rem}.page-header{max-width:1280px;margin:0 auto;padding:3rem 2rem 1rem;text-align:center}.page-header h1{font-size:3rem;margin-bottom:.5rem;display:inline-flex;align-items:center;gap:.75rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.page-header h1 svg{-webkit-text-fill-color:initial}.page-header p{color:var(--text-muted);font-size:1.125rem}.cocktails-page,.ingredients-page{max-width:1280px;margin:0 auto;padding:0 2rem 4rem}.ingredients-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem;margin-top:2rem}.ingredients-selector{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;border:2px solid var(--border)}.selector-controls{margin-bottom:1.5rem}.search-box{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);padding:.875rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--accent-on-surface);box-shadow:0 0 0 4px #8b5cf61a}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{flex:1 1;background:#0000;border:none;color:var(--text);font-size:1rem;outline:none;min-width:0}.search-box input::placeholder{color:var(--text-muted)}.search-box .clear-search{background:#0000;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;transition:color .2s ease}.search-box .clear-search:hover{color:var(--bad)}.selector-controls .search-box{margin-bottom:1rem;max-width:none}.results-panel{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;height:-moz-fit-content;height:fit-content;position:sticky;top:100px;border:2px solid var(--border)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state svg{color:var(--accent-on-surface);margin-bottom:1rem}.empty-state h3{color:var(--text);margin-bottom:.5rem}.almost-make,.can-make{margin-bottom:2rem}.almost-make h3,.can-make h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem}.can-make h3 svg{color:var(--ok)}.almost-make h3 svg{color:var(--amber)}.hint{color:var(--text-muted);font-size:.8125rem;margin-bottom:.75rem}.cocktail-list{display:flex;flex-direction:column;gap:.75rem}.cocktail-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--background-alt);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease;text-decoration:none;color:inherit}.cocktail-item:hover{background:var(--surface-hover)}.cocktail-item .image-container,.cocktail-item img{width:44px;height:44px;min-width:44px;border-radius:var(--radius-sm);object-fit:cover}.cocktail-item-info h4{font-size:.9375rem;margin-bottom:.125rem}.cocktail-item-info p{font-size:.75rem;color:var(--text-muted)}.cocktail-item-info .missing{color:var(--text-muted);font-size:.8rem}.cocktail-item-info .missing-count{color:var(--amber);font-weight:600}.cocktail-item.almost{opacity:.9}.no-results-text{color:var(--text-muted);font-size:.9375rem;text-align:center;padding:1rem}.cocktail-detail{max-width:1280px;margin:0 auto;padding:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:2px solid var(--border);color:var(--text);padding:.75rem 1.25rem;border-radius:var(--radius-full);cursor:pointer;margin-bottom:2rem;font-weight:600;transition:border-color .2s ease,color .2s ease}.back-button:hover{border-color:var(--accent-on-surface)}.detail-header{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;margin-bottom:3rem}.detail-header .image-container,.detail-header img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.detail-header-info h1{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;color:var(--text);background:none;-webkit-text-fill-color:currentColor;margin-bottom:.75rem}.detail-header-info h1:after{content:"";display:block;width:3rem;height:2px;margin-top:1rem;background:var(--accent-on-surface)}.detail-header-info .description{font-size:1.125rem;line-height:1.7}.detail-meta{gap:.75rem;margin-bottom:1.5rem}.detail-meta span{display:flex;align-items:center;gap:.5rem;background:var(--background-alt);padding:.625rem 1rem;border-radius:var(--radius-full);font-size:.9375rem;font-weight:500}.detail-meta svg{color:var(--accent-on-surface)}.detail-meta-link{display:flex;align-items:center;gap:.5rem;background:var(--background-alt);padding:.625rem 1rem;border-radius:var(--radius-full);font-size:.9375rem;font-weight:500;text-decoration:none;color:inherit;cursor:pointer;transition:background-color .2s,transform .2s}.detail-meta-link:hover{background:var(--accent-on-surface);color:#fff;transform:translateY(-1px)}.detail-meta-link:hover svg{color:#fff}.detail-body{grid-template-columns:1fr 1fr;gap:2rem}.cocktail-not-found{text-align:center;padding:5rem 2rem}.cocktail-not-found h2{font-size:2rem;margin-bottom:1rem}.cocktail-not-found p{color:var(--text-muted);margin-bottom:2rem}.cocktail-not-found a{color:var(--accent-on-surface);text-decoration:underline}@media (max-width:1024px){.hero-section{grid-template-columns:1fr;padding:3rem 2rem}.hero-content h1{font-size:3rem}.featured-cocktail{display:none}.modal-header{grid-template-columns:1fr}.modal-header img{height:220px}.detail-header,.modal-body,.results-section{grid-template-columns:1fr}.detail-header .image-container,.detail-header img{max-width:min(420px,100%);margin-inline:auto}.header{padding:1rem}.header-container{flex-wrap:wrap}.nav{display:none}.nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--surface);padding:1rem;border-bottom:2px solid var(--border);z-index:100}.mobile-menu-btn{display:block}.desktop-actions{display:none}.mobile-menu-extras{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--border)}}@media (max-width:768px){.hero-content h1{font-size:2.25rem}.stats-bar{gap:2rem;flex-wrap:wrap}.stat-number{font-size:2.5rem}.search-filter-bar{flex-direction:column}.filter-toggle{justify-content:center}.filter-toggle span{display:inline}.filter-panel{padding:1rem}.filter-chip{padding:.375rem .75rem;font-size:.8125rem}.actions-grid,.cocktails-grid,.detail-body,.ingredients-layout{grid-template-columns:1fr}.page-header h1{font-size:2rem}}.image-container{position:relative;width:100%;height:100%;overflow:hidden;background:var(--background-alt);border-radius:inherit}.image-container img{width:100%;height:100%;object-fit:cover}.image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background-alt) 0,var(--surface) 100%);border-radius:inherit;overflow:hidden}.image-placeholder.error{background:linear-gradient(135deg,var(--background-alt) 0,#ef44441a 100%)}.image-placeholder.error .placeholder-icon{animation:none;opacity:.3}.placeholder-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-on-surface);animation:pulse-fade 1.5s ease-in-out infinite;width:25%;max-width:64px;min-width:32px}.placeholder-icon img,.placeholder-icon svg{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(139,92,246,.3));opacity:.6}@keyframes pulse-fade{0%,to{opacity:.4}50%{opacity:1}}.image-placeholder:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);transform:translateX(-100%);animation:shimmer 2s ease-in-out infinite;border-radius:inherit}[data-theme=dark] .image-placeholder:after{background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton{background:linear-gradient(90deg,var(--background-alt) 0,var(--surface) 50%,var(--background-alt) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{pointer-events:none}.skeleton-card .skeleton-image{width:100%;height:100%;border-radius:0}.skeleton-card .cocktail-info{display:flex;flex-direction:column;gap:.75rem}.skeleton-featured{min-height:500px}.skeleton-featured .skeleton-image{width:100%;height:100%;border-radius:var(--radius-xl)}.cocktail-loading,.hero-section.skeleton-hero .hero-content{display:flex;flex-direction:column;gap:1rem}.cocktail-loading{align-items:center;justify-content:center;min-height:400px;color:var(--text-muted)}.cocktail-loading .spinner{animation:spin 1s linear infinite;color:var(--accent-on-surface)}.page-loading{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:1280px;margin:0 auto}.load-more-trigger{padding:2rem;min-height:100px}.loading-more{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);font-weight:500}.loading-more .spinner{animation:spin 1s linear infinite;color:var(--accent-on-surface)}.ingredients-page-v2{max-width:1280px;margin:0 auto;padding:0 2rem 4rem}.ing-stats-bar{justify-content:center;gap:1.5rem;padding:1.25rem 2rem;background:var(--surface);border-radius:var(--radius-lg);border:2px solid var(--border);margin-bottom:1.5rem;flex-wrap:wrap}.ing-stat,.ing-stats-bar{display:flex;align-items:center}.ing-stat{gap:.5rem}.ing-stat-value{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.ing-stat-label{font-size:.875rem;font-weight:500}.ing-stat-divider{width:1px;height:32px;background:var(--border)}.ing-clear-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#0000;border:2px solid var(--bad);border-radius:var(--radius-full);color:var(--bad);font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s ease,color .2s ease;margin-left:auto}.ing-clear-btn:hover{background:var(--bad);color:#fff}.ing-search-wrapper{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);padding:.875rem 1.5rem;margin-bottom:1rem;transition:border-color .2s ease,box-shadow .2s ease}.ing-search-wrapper:focus-within{border-color:var(--accent-on-surface);box-shadow:0 0 0 4px #8b5cf61a}.ing-search-wrapper svg{color:var(--text-muted);flex-shrink:0}.ing-search-wrapper input{flex:1 1;background:#0000;border:none;color:var(--text);font-size:1rem;outline:none}.ing-clear-search,.ing-search-wrapper input::placeholder{color:var(--text-muted)}.ing-clear-search{background:#0000;border:none;cursor:pointer;padding:.25rem;display:flex;transition:color .2s ease}.ing-clear-search:hover{color:var(--bad)}.ing-selected-bar{margin-bottom:1.5rem}.ing-selected-chip{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.ing-selected-chip:hover{opacity:.85}.ing-main-layout-v2{display:grid;grid-template-columns:1fr 400px;gap:2rem}.ing-selector{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.ing-search-box{display:flex;align-items:center;gap:.625rem;background:var(--background-alt);border:2px solid var(--border);border-radius:var(--radius-full);padding:.625rem 1rem;margin-bottom:1rem;transition:border-color .2s ease}.ing-search-box:focus-within{border-color:var(--accent-on-surface)}.ing-search-box svg{color:var(--text-muted);flex-shrink:0}.ing-search-box input{flex:1 1;background:#0000;border:none;color:var(--text);font-size:.9375rem;outline:none}.ing-search-box input::placeholder{color:var(--text-muted)}.ing-type-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.ing-type-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--background-alt);border:2px solid #0000;border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ing-type-tab:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.ing-type-tab.active{background:var(--gradient-primary);border-color:#0000;color:#fff}.ing-tab-count{font-size:.75rem;opacity:.8}.ing-tab-selected{color:var(--amber-dim);font-weight:700}.ing-type-tab.active .ing-tab-selected{color:#ffffffe6}.ing-grid{display:flex;flex-wrap:wrap;gap:.5rem;max-height:400px;overflow-y:auto;padding:.25rem}.ing-chip{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--background-alt);border:2px solid #0000;border-radius:var(--radius-full);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.ing-chip:hover{border-color:var(--amber-dim);color:var(--amber-dim)}.ing-chip.selected{background:var(--gradient-primary);border-color:#0000;color:#fff}.ing-chip-check{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.ing-chip-name{white-space:nowrap}.ing-chip-abv{font-size:.6875rem;opacity:.7;padding:.125rem .375rem;background:#0000001a;border-radius:var(--radius-sm)}.ing-chip.selected .ing-chip-abv{background:#fff3}.ing-no-items{width:100%;text-align:center;padding:2rem;color:var(--text-muted)}.ing-results{min-height:400px}.ing-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);min-height:400px}.ing-empty-state svg{color:var(--accent-on-surface);margin-bottom:1.5rem;opacity:.6}.ing-empty-state h3{font-size:1.375rem;margin-bottom:.5rem;color:var(--text)}.ing-empty-state p{color:var(--text-muted);font-size:.9375rem;max-width:300px}.ing-result-section{margin-bottom:2rem}.ing-result-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.ing-inline-loader{margin-left:.5rem;color:var(--text-muted)}.ing-result-section.can-make h3,.ing-result-section.can-make h3 svg{color:var(--ok)}.ing-result-section.almost-make h3,.ing-result-section.almost-make h3 svg{color:var(--amber)}.ing-cocktail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.ing-cocktail-card{display:block;text-decoration:none;color:inherit;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.ing-cocktail-card:hover{border-color:var(--accent-on-surface);box-shadow:var(--shadow)}.ing-cocktail-card.complete{border-color:var(--ok)}.ing-cocktail-card.complete:hover{box-shadow:0 8px 24px #10b98133}.ing-cocktail-card.almost{opacity:.9}.ing-cocktail-img{position:relative;aspect-ratio:1;height:auto;overflow:hidden}.ing-cocktail-img .image-container,.ing-cocktail-img img{width:100%;height:100%;object-fit:cover}.ing-cocktail-badge{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--ok);border-radius:50%;color:#fff;font-size:.75rem;font-weight:600}.ing-cocktail-badge.missing{background:var(--amber);width:auto;padding:0 .5rem;border-radius:var(--radius)}.ing-cocktail-percent{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .5rem;background:#000000bf;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:700}.ing-cocktail-info{padding:1rem}.ing-cocktail-info h4{font-size:.9375rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ing-cocktail-info p{font-size:.75rem;color:var(--text-muted)}.ing-missing-list{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.ing-missing-item{display:inline-flex;align-items:center;gap:.15rem;font-size:.65rem;color:var(--red,#e53935);background:#e539351a;padding:.15rem .4rem;border-radius:var(--radius-sm)}.ing-missing-item svg{flex-shrink:0}.ing-ready{color:var(--ok);font-weight:600}.ing-missing{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.ing-missing-count{color:var(--amber);font-weight:700;margin-right:.25rem}.ing-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.ing-type-skeleton{display:flex;flex-direction:column;gap:.5rem}@media (max-width:1024px){.ing-main-layout-v2{grid-template-columns:1fr}.ing-results{order:-1}.ing-grid{max-height:300px}}@media (max-width:768px){.ing-stats-bar{gap:1rem;padding:1rem}.ing-stat-value{font-size:1.5rem}.ing-stat-divider{display:none}.ing-clear-btn{margin-left:0;width:100%;justify-content:center;margin-top:.5rem}.ing-type-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.75rem;margin-bottom:.75rem;-webkit-overflow-scrolling:touch}.ing-type-tab{flex-shrink:0;padding:.375rem .625rem;font-size:.75rem}.ing-cocktail-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ing-cocktail-img{height:120px}}.qtags-cloud{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.5rem 0;border-top:1px solid var(--border-light)}.qtag-item{display:inline-block;padding:.25rem .625rem;font-size:.75rem;color:var(--text-muted);background:var(--background-alt);border-radius:var(--radius-full);text-decoration:none;transition:all .2s ease}.qtag-item:hover{color:var(--accent-on-surface);background:#8b5cf61a}.qtag-page{max-width:1280px;margin:0 auto;padding:2rem}.qtag-page .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:1.5rem;padding:.5rem 0;transition:color .2s;background:none;border:none;cursor:pointer;font-family:inherit}.qtag-page .back-link:hover{color:var(--accent-on-surface)}.qtag-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.qtag-header svg{color:var(--accent-on-surface)}.qtag-header h1{font-size:1.75rem;font-weight:700;color:var(--text);margin:0}.qtag-count{font-size:.875rem;color:var(--text-muted);background:var(--background-alt);padding:.25rem .75rem;border-radius:var(--radius-full)}.qtag-empty,.qtag-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.qtag-loading .spinner{animation:spin 1s linear infinite}.qtag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.qtag-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);overflow:hidden;text-decoration:none;border:1px solid var(--border-light);transition:all .2s ease}.qtag-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-on-surface)}.qtag-card-img{width:100%;aspect-ratio:1;height:auto;overflow:hidden}.qtag-card-img img{width:100%;height:100%;object-fit:cover}.qtag-card-info{padding:1rem}.qtag-card-info h3{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.qtag-card-info p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.qtag-page{padding:1rem}.qtag-header h1{font-size:1.25rem}.qtag-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.qtag-card-img{height:120px}}.detail-image-skeleton{width:100%;aspect-ratio:1;height:auto;border-radius:var(--radius-lg)}.detail-skeleton-section{margin-bottom:2rem}@media (max-width:900px){.detail-image-skeleton{height:300px}}@media (max-width:768px){.detail-image-skeleton{height:250px}}.age-gate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.age-gate-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:360px;width:100%;text-align:center;box-shadow:0 25px 50px #0000004d}.age-gate-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.age-gate-icon{width:32px;height:32px}.age-gate-brand{font-family:var(--font-display);font-size:1.25rem;color:var(--text)}.brand-main{font-weight:600}.brand-tld{font-weight:300;opacity:.7}.age-gate-header{gap:.75rem;margin-bottom:1rem}.age-gate-badge,.age-gate-header{display:flex;align-items:center;justify-content:center}.age-gate-badge{width:44px;height:44px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;font-family:var(--font-display);font-size:.875rem;font-weight:800;color:#fff;flex-shrink:0}.age-gate-header h1{font-size:1.25rem;color:var(--text);margin:0}.age-gate-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1.25rem}.age-gate-buttons{display:flex;gap:.75rem;margin-bottom:1rem}.age-gate-btn{flex:1 1;padding:.75rem 1rem;border-radius:var(--radius-full);font-family:var(--font-display);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.age-gate-btn-yes{background:var(--amber);color:#1a1512;font-weight:600}.age-gate-btn-yes:hover{transform:translateY(-1px);background:var(--amber-bright);box-shadow:var(--shadow-accent)}.age-gate-btn-no{background:var(--background-alt);color:var(--text-secondary);border:1px solid var(--border)}.age-gate-btn-no:hover{background:var(--border)}.age-gate-warning{color:var(--text-muted);font-size:.75rem;margin:0}@media (max-width:400px){.age-gate-modal{padding:1.5rem}.age-gate-buttons{flex-direction:column}}.footer{margin-top:auto;background:var(--surface);border-top:1px solid var(--border);padding:1.5rem 2rem}.footer-container{max-width:1280px;margin:0 auto;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer-container,.footer-left{display:flex;align-items:center}.footer-left{gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.footer-logo:hover{opacity:.8}.footer-icon{width:24px;height:24px}.footer-brand{font-family:var(--font-display);font-size:1rem;color:var(--text)}.footer-brand .brand-main{font-weight:600}.footer-brand .brand-tld{font-weight:300;opacity:.7}.footer-age{justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;font-family:var(--font-display);font-size:.625rem;font-weight:800;color:#fff}.footer-age,.footer-links{display:flex;align-items:center}.footer-links{gap:1.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.8125rem;transition:color .2s}.footer-links a:hover{color:var(--accent-on-surface)}.footer-copyright{color:var(--text-muted);font-size:.75rem;margin:0}.footer-warning{max-width:1280px;margin:1rem auto 0;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.6875rem;text-align:center}@media (max-width:768px){.footer-container{flex-direction:column;text-align:center;gap:1rem}.footer-links{gap:1rem;flex-wrap:wrap;justify-content:center}}.legal-page{max-width:800px;margin:0 auto;padding:2rem}.legal-page .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:2rem;transition:color .2s}.legal-page .back-link:hover{color:var(--accent-on-surface)}.legal-page h1{font-size:2.5rem;color:var(--text);margin-bottom:.5rem}.legal-updated{color:var(--text-muted);font-size:.875rem;margin-bottom:3rem}.legal-page section{margin-bottom:2.5rem}.legal-page h2{font-size:1.25rem;color:var(--text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.legal-page h3{font-size:1rem;color:var(--text);margin-top:1.5rem;margin-bottom:.75rem}.legal-page p,.legal-page ul{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.legal-page ul{padding-left:1.5rem}.legal-page li{margin-bottom:.5rem}.legal-page a{color:var(--accent-on-surface);text-decoration:underline}.legal-page a:hover{color:var(--copper)}.legal-page strong{color:var(--text)}.cookie-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem}.cookie-table td,.cookie-table th{padding:.75rem 1rem;text-align:left;border:1px solid var(--border)}.cookie-table th{background:var(--background-alt);color:var(--text);font-weight:600}.cookie-table td{color:var(--text-secondary)}.disclaimer-warning{display:flex;gap:1rem;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef44444d;border-radius:var(--radius);padding:1.25rem;margin-bottom:2rem}.disclaimer-warning svg{color:#ef4444;flex-shrink:0;margin-top:.125rem}.disclaimer-warning h3{font-size:1rem;color:#ef4444;margin:0 0 .5rem}.disclaimer-warning p{margin:0;font-size:.875rem}.guidelines-box,.warning-box{background:var(--background-alt);border-radius:var(--radius);padding:1.25rem;margin:1rem 0}.guidelines-box ul,.warning-box ul{margin:0}@media (max-width:640px){.legal-page{padding:1.5rem}.legal-page h1{font-size:2rem}.cookie-table{font-size:.75rem}.cookie-table td,.cookie-table th{padding:.5rem}.disclaimer-warning{flex-direction:column;gap:.75rem}}.share-buttons{gap:.75rem;margin-top:1.25rem}.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.share-btn-general{background:var(--surface);color:var(--text);border:1px solid var(--border)}.share-btn-general:hover{background:var(--background-alt);border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.share-btn-instagram{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.share-btn-instagram svg{color:#e1306c}.share-btn-instagram:hover{border-color:#e1306c;background:var(--surface-hover)}.share-btn-instagram:active{transform:translateY(0)}.story-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000fa;display:flex;align-items:flex-start;justify-content:center;z-index:99999;padding:1rem;animation:fadeIn .2s ease;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.story-preview-modal{position:relative;max-width:400px}.story-preview-layout,.story-preview-modal{display:flex;flex-direction:column;align-items:center;width:100%}.story-preview-layout{gap:.75rem}.story-template-selector{text-align:center}.story-template-selector h3{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.story-template-list{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.story-template-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-full);color:#ffffffb3;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.story-template-btn:hover{background:#ffffff26;color:#fff}.story-template-btn.active{background:var(--gradient-primary);border-color:#0000;color:#fff}.story-preview-actions{display:flex;gap:.75rem}.story-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.story-action-btn:disabled{opacity:.5}.story-action-download{background:#ffffff1a;color:#fff;border:1px solid #fff3}.story-action-download:hover:not(:disabled){background:#fff3}.story-action-share{background:var(--surface)}.story-action-share:hover:not(:disabled){transform:translateY(-2px)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.story-link-copied{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e33;border-radius:var(--radius-full);color:#22c55e;font-size:.8rem;font-weight:500}.story-preview-close{position:fixed;top:1rem;right:1rem;background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:100000}.story-preview-close:hover{background:#ffffff40}@media (min-width:640px){.story-preview-close{right:2rem}}.story-preview-container{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080}.story-fullsize-container{position:fixed;left:-9999px;top:0;width:1080px;height:1920px;pointer-events:none;z-index:-1}.story-fullsize-container .instagram-story-card{width:1080px!important;height:1920px!important;font-size:50px!important}.story-loading-placeholder{width:216px;height:384px;background:linear-gradient(180deg,#1a1a2e,#16213e 50%,#0f0f23);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#ffffff80}@media (min-height:700px){.story-loading-placeholder{width:243px;height:432px}}@media (min-height:800px){.story-loading-placeholder{width:270px;height:480px}}@media (min-height:950px){.story-loading-placeholder{width:304px;height:540px}}.story-preview-info{color:#fff9;font-size:.875rem;text-align:center}.instagram-story-card{position:relative;width:216px;height:384px;background:linear-gradient(180deg,#1a1a2e,#16213e 50%,#0f0f23);overflow:hidden;font-family:var(--font-body),-apple-system,BlinkMacSystemFont,sans-serif;flex-shrink:0;font-size:10px}@media (min-height:700px){.instagram-story-card{width:243px;height:432px;font-size:11.25px}}@media (min-height:800px){.instagram-story-card{width:270px;height:480px;font-size:12.5px}}@media (min-height:950px){.instagram-story-card{width:304px;height:540px;font-size:14px}}.story-bg-gradient{background:linear-gradient(180deg,#8b5cf64d,#ec489933 30%,#0000 60%,#000c);z-index:1}.story-bg-gradient,.story-image-container{position:absolute;top:0;left:0;right:0;bottom:0}.story-cocktail-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:opacity .3s}.story-image-overlay{background:linear-gradient(180deg,#0006,#0000 30%,#0000 50%,#000000e6)}.story-content,.story-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.story-content{z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:1.25em}.story-header{display:flex;justify-content:center}.story-logo{display:flex;align-items:center;gap:.4em;padding:.4em .8em;border-radius:100px}.story-logo-dark{background:#333}.story-logo-dark .story-logo-main,.story-logo-dark .story-logo-text{color:#fff}.story-logo-dark .story-logo-tld{color:#b3b3b3}.story-logo-light{background:#fff;border:1px solid #e0e0e0}.story-logo-light .story-logo-main,.story-logo-light .story-logo-text{color:#1a1a1a}.story-logo-light .story-logo-tld{color:#666}.story-logo-icon{width:2em;min-width:2em;max-width:2em;height:2em;min-height:2em;max-height:2em;flex-shrink:0;background-size:contain;background-position:50%;background-repeat:no-repeat}.story-logo-text{font-family:var(--font-body);font-size:1em;display:flex;align-items:baseline}.story-logo-main{font-weight:600}.story-logo-tld{font-weight:300}.story-info{display:flex;flex-direction:column;gap:.75em}.story-title{color:#fff;font-size:1.75em;font-weight:800;line-height:1.1;margin:0;text-shadow:0 .2em 1em #00000080}.story-description{color:#ffffffd9;font-size:.8em;line-height:1.4;margin:0;text-shadow:0 .1em .3em #00000080}.story-meta{display:flex;flex-wrap:wrap;gap:.5em}.story-meta-item{display:inline-flex;align-items:center;gap:.35em;background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:.35em .6em;border-radius:var(--radius-full);font-size:.7em;font-weight:500}.story-meta-item svg{opacity:.8;width:1.4em;height:1.4em}.story-difficulty[data-difficulty=easy]{background:#22c55e66}.story-difficulty[data-difficulty=medium]{background:#eab30866}.story-difficulty[data-difficulty=hard]{background:#ef444466}.story-ingredients{display:flex;flex-wrap:wrap;gap:.35em}.story-ingredient{background:#ffffff1a;color:#ffffffe6;padding:.3em .6em;border-radius:var(--radius-sm);font-size:.65em;border:1px solid #ffffff26}.story-ingredient-more{background:var(--gradient-primary);border:none;font-weight:600}.template-minimal{background:#fafafa}.story-minimal-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fff,#f5f5f5)}.template-minimal .story-content{padding:1.5em}.story-minimal-image{position:relative;width:55%;aspect-ratio:1;margin:1em auto;border-radius:50%;overflow:hidden;box-shadow:0 2em 5em #00000026}.story-image-placeholder-minimal{border-radius:50%;background:#eee}.story-cocktail-image-round{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:opacity .3s}.story-info-minimal{text-align:center;padding:0 1em}.template-minimal .story-title{color:#1a1a1a;font-size:1.5em;margin-bottom:.5em;text-shadow:0 1px 2px #fffc}.template-minimal .story-description{color:#666;font-size:.75em;margin-bottom:1em;text-shadow:0 1px 2px #fffc}.template-minimal .story-meta{justify-content:center}.template-minimal .story-meta-item{background:#f0f0f0;color:#333}.template-vibrant{background:#1a1a2e}.story-vibrant-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#ffecd2);opacity:.9}.template-vibrant .story-content{padding:1.25em}.story-logo-vibrant{background:#4a4a6a}.story-vibrant-image{position:relative;width:75%;margin:0 auto;border-radius:2em;overflow:hidden;box-shadow:0 2.5em 5em #0000004d;aspect-ratio:1}.story-image-placeholder-vibrant{border-radius:2em;background:#0003}.story-cocktail-image-framed{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:opacity .3s}.story-info-vibrant{text-align:center;padding:0 .5em}.template-vibrant .story-title{font-size:1.5em;text-shadow:0 .2em 2em #0000004d}.story-ingredients-vibrant,.template-vibrant .story-meta{justify-content:center}.template-vibrant .story-ingredient{background:#fff3;border-color:#ffffff4d}.template-elegant{background:#0a0a0a}.story-elegant-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#8b5cf61a 0,#0000 70%)}.story-image-overlay-elegant{background:linear-gradient(180deg,#0009,#0000 20%,#0000 40%,#000000f2)}.story-header-elegant{display:flex;align-items:center;gap:1em}.story-elegant-line{flex:1 1;height:1px;background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.story-info-elegant{text-align:center;padding:0 1em}.story-title-elegant{font-size:2em;font-weight:300;letter-spacing:.05em;margin-bottom:.75em;text-shadow:0 .2em 1em #00000080}.story-elegant-divider{display:flex;justify-content:center;color:#fff6;margin-bottom:.75em}.story-elegant-divider svg{width:1.4em;height:1.4em}.story-ingredients-elegant{flex-direction:column;align-items:center;gap:.35em}.story-ingredients-elegant .story-ingredient{background:#0000;border:none;font-size:.7em;color:#ffffffb3;font-style:italic;text-shadow:0 .1em .3em #00000080}.story-meta-elegant{display:flex;justify-content:center;gap:.75em;color:#ffffff80;font-size:.7em;margin-top:.75em;text-shadow:0 .1em .3em #00000080}.template-bold{background:#000}.story-image-overlay-bold{background:linear-gradient(180deg,#0000004d,#00000080)}.story-content-bold{justify-content:space-between}.story-bold-center{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1em}.story-title-bold{font-size:2.25em;font-weight:900;text-transform:uppercase;letter-spacing:.1em;line-height:1;text-shadow:0 .2em 1.5em #00000080}.story-bold-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;color:#fffc;font-size:.75em;margin-top:.75em;text-shadow:0 .1em .3em #00000080}.story-bold-dot{width:.3em;height:.3em;background:#ffffff80;border-radius:50%}.story-info-bold{text-align:center}.story-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a2e,#16213e 50%,#0f0f23)}.story-placeholder-icon{width:5em;height:5em;opacity:.3;object-fit:contain;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.ad-container{align-items:center;width:100%}.ad-container,.content-bottom-ad,.content-top-ad,.feed-native-ad,.header-ad{margin:3rem auto;padding:0 1rem;text-align:center;display:flex;justify-content:center;max-width:100%}.content-bottom-ad ins.adsbygoogle,.content-top-ad ins.adsbygoogle,.feed-native-ad ins.adsbygoogle,.header-ad ins.adsbygoogle{margin:0 auto!important}.cocktail-detail h1,.cocktails-page h1,.home-hero h1,.ingredients-page h1{font-family:var(--font-display);text-transform:uppercase;font-weight:700;letter-spacing:-.015em;line-height:.98;background:none;-webkit-text-fill-color:currentColor;color:var(--text)}.equipment-section>h3,.garnish-section>h3,.ingredients-section>h3,.steps-section>h3,.story-section>h3{font-family:var(--font-display);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);background:none;-webkit-text-fill-color:currentColor;padding:0 0 .75rem;margin:0 0 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem}.equipment-section>h3 svg,.garnish-section>h3 svg,.ingredients-section>h3 svg,.steps-section>h3 svg,.story-section>h3 svg{width:15px;height:15px;color:var(--accent-on-surface)}.cocktail-detail{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}.detail-header{grid-template-columns:1fr minmax(240px,340px);gap:clamp(1.5rem,5vw,4rem);align-items:end;padding-bottom:2rem;margin-bottom:2.5rem;border-bottom:1px solid var(--border)}.detail-header>.detail-image,.detail-header>.image-container,.detail-header>img{order:2}.detail-header-info{order:1;display:flex;flex-direction:column;justify-content:flex-end}.detail-header .image-container,.detail-header img{border-radius:var(--radius-sm);box-shadow:none;border:1px solid var(--border)}.detail-header-info h1{font-size:clamp(2.5rem,6.5vw,5rem);margin-bottom:1rem}.detail-header-info h1:after{display:none}.detail-header-info .description{font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.55;color:var(--text-secondary);max-width:46ch;margin-bottom:1.5rem}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.25rem;margin-bottom:1.25rem;font-size:.875rem}.detail-meta .detail-meta-link,.detail-meta span{background:none;border:0;padding:0;border-radius:0;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.4rem}.detail-meta>:not(:last-child):after{content:"·";margin-inline-start:1.25rem;color:var(--border-strong)}.detail-meta svg{width:14px;height:14px;color:var(--text-muted)}.detail-meta-link:hover{color:var(--accent-on-surface);background:none}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.detail-tags .tag{background:none;border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:.3rem .75rem;font-size:.8125rem;color:var(--text-secondary);transition:border-color .15s ease,color .15s ease}.detail-tags .tag:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface)}.share-buttons{display:flex;gap:.625rem;flex-wrap:wrap}.share-btn{border-radius:var(--radius-full);padding:.5rem 1rem;font-size:.875rem;box-shadow:none}.detail-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,5rem);align-items:start}.equipment-section,.garnish-section,.ingredients-section,.steps-section,.story-section{background:none;border:0;box-shadow:none;padding:0;margin-bottom:3rem}.ingredients-list{list-style:none;padding:0;margin:0}.ingredients-list li{display:grid;grid-template-columns:minmax(4.5ch,max-content) 1fr;gap:1rem;align-items:baseline;padding:.75rem 0;border-bottom:1px solid var(--border-light);background:none}.ingredients-list li:last-child{border-bottom:0}.ingredients-list .amount{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--accent-on-surface);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.ingredients-list .name{color:var(--text);font-size:1rem}.ingredients-list .ingredient-link{text-decoration:none;border-bottom:1px solid #0000}.ingredients-list .ingredient-link:hover{color:var(--accent-on-surface);border-bottom-color:var(--accent-on-surface)}.optional-badge{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-inline-start:.5rem}.steps-list{list-style:none;padding:0;margin:0;counter-reset:step}.steps-list li{display:grid;grid-template-columns:2.5rem 1fr;gap:.25rem;padding:0 0 1.5rem;background:none;border:0}.steps-list .step-number{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--accent-on-surface);background:none;border:0;border-radius:0;width:auto;height:auto;display:block;opacity:.85}.steps-list .step-instruction{font-size:1.0625rem;line-height:1.65;color:var(--text);padding-top:.25rem}.story-section{margin-top:1rem}.story-section p{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary)}.equipment-section,.garnish-section{grid-column:1/-1;max-width:68ch}.equipment-list{display:flex;flex-wrap:wrap;gap:.5rem}.equipment-item{background:none;border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:.3rem .75rem;font-size:.8125rem;color:var(--text-secondary)}.qtags-cloud{grid-column:1/-1;display:block;padding-top:2rem;margin-top:1rem;border-top:1px solid var(--border);line-height:2.2}.qtags-cloud .qtag-item{display:inline;background:none;border:0;border-radius:0;padding:0;font-size:.875rem;color:var(--text-muted);border-bottom:1px solid var(--border-strong)}.qtags-cloud .qtag-item:not(:last-child):after{content:",";border:0;color:var(--text-muted)}.qtags-cloud .qtag-item:hover{color:var(--accent-on-surface);border-bottom-color:var(--accent-on-surface)}.cocktails-grid,.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:clamp(.75rem,2vw,1.75rem)}.cocktail-card{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}.cocktail-card:hover{transform:none;box-shadow:none}.cocktail-image{border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:.75rem}.cocktail-card:hover .cocktail-image{border-color:var(--accent-on-surface)}.cocktail-card-content,.cocktail-info{padding:0;background:none}.cocktail-card h2,.cocktail-card h3,.cocktail-info h2,.cocktail-info h3{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.15;color:var(--text);background:none;-webkit-text-fill-color:currentColor;margin-bottom:.25rem}.cocktail-card:hover .cocktail-info h2,.cocktail-card:hover .cocktail-info h3,.cocktail-card:hover h2,.cocktail-card:hover h3{color:var(--accent-on-surface)}@media (max-width:900px){.detail-header{grid-template-columns:1fr;align-items:start}.detail-header>.detail-image,.detail-header>.image-container,.detail-header>img{order:1}.detail-header-info{order:2}.detail-body{grid-template-columns:1fr;gap:0}}@media (max-width:640px){.cocktails-grid,.results-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.cocktail-card h2,.cocktail-card h3,.cocktail-info h2,.cocktail-info h3{font-size:.9375rem}.detail-header-info h1{font-size:clamp(2rem,11vw,3rem)}.steps-list li{grid-template-columns:1.75rem 1fr}.steps-list .step-number{font-size:1.25rem}}.garnish-section{grid-column:1;max-width:none}.equipment-section{grid-column:2;max-width:none}.story-section{grid-column:1/-1;max-width:68ch;margin-inline:auto;padding-top:1.5rem;border-top:1px solid var(--border)}.story-section>h3{justify-content:center;border-bottom:0;margin-bottom:.75rem}.story-section p+p{margin-top:1.25rem}.qtags-cloud{max-width:68ch;margin-inline:auto}.back-button{background:none;border:0;box-shadow:none;padding:.5rem 0;margin-bottom:1.5rem;color:var(--text-muted);font-size:.875rem;gap:.4rem}.back-button:hover{background:none;color:var(--accent-on-surface);transform:none}.back-button svg{width:16px;height:16px}.nav a.active,.nav-link.active,.nav-links a.active{background:none;color:var(--text);box-shadow:none;border-radius:0;position:relative}.nav a.active:after,.nav-link.active:after,.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-.5rem;height:2px;background:var(--accent-on-surface)}.nav a.active svg,.nav-link.active svg,.nav-links a.active svg{color:var(--accent-on-surface)}@media (max-width:900px){.equipment-section,.garnish-section{grid-column:1}.qtags-cloud,.story-section{margin-inline:0}.story-section>h3{justify-content:flex-start}}.cocktail-card-meta{display:flex;align-items:center;gap:.4rem;margin-top:.25rem;font-size:.8125rem;color:var(--text-muted)}.cocktail-card-meta .meta-sep{color:var(--border-strong)}.difficulty-dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--text-muted)}.difficulty-dot.easy{background:var(--ok)}.difficulty-dot.medium{background:var(--warn)}.difficulty-dot.hard{background:var(--bad)}.cocktail-image .badge.non-alcoholic{position:absolute;top:.625rem;inset-inline-start:.625rem;z-index:2;background:#0e0c0bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ece0d840;color:#ece0d8;font-size:.6875rem;font-weight:500;letter-spacing:.04em;padding:.2rem .55rem}.cocktail-description{font-size:.875rem;line-height:1.5;color:var(--text-muted);margin-top:.375rem}.hero-section{max-width:var(--content-max);padding:clamp(3rem,8vw,6rem) var(--gutter) clamp(2rem,5vw,4rem);grid-template-columns:1fr minmax(260px,380px);gap:clamp(2rem,6vw,5rem);align-items:center}.hero-content h1{font-family:var(--font-display);font-size:clamp(2.75rem,7vw,5.5rem);line-height:.96;letter-spacing:-.02em;text-transform:uppercase;background:none;-webkit-text-fill-color:currentColor;color:var(--text);margin-bottom:1.25rem}.hero-content>p{font-size:clamp(1rem,1.4vw,1.1875rem);line-height:1.6;color:var(--text-secondary);max-width:46ch;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-actions .btn-primary{background:var(--amber);color:#1a1512;border:1px solid var(--amber);border-radius:var(--radius-full);padding:.75rem 1.5rem;font-weight:600;box-shadow:none}.hero-actions .btn-primary:hover{background:var(--amber-bright);border-color:var(--amber-bright);transform:none;box-shadow:var(--shadow-accent)}.hero-actions .btn-secondary{background:none;border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:.75rem 1.5rem;color:var(--text);box-shadow:none}.hero-actions .btn-secondary:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface);background:none;transform:none}.featured-cocktail{border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:none}.featured-cocktail:hover{border-color:var(--accent-on-surface)}.featured-badge{background:#0e0c0bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ece0d840;color:#ece0d8;font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.quick-actions{max-width:var(--content-max);margin-inline:auto;padding:clamp(2.5rem,6vw,4rem) var(--gutter)}.quick-actions>h2{font-family:var(--font-display);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);background:none;-webkit-text-fill-color:currentColor;text-align:start;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.actions-grid{gap:0}.action-card{align-items:flex-start;text-align:start;padding:1.5rem clamp(1rem,3vw,2rem);background:none;border:0;border-inline-start:1px solid var(--border);border-radius:0;box-shadow:none;gap:.5rem}.action-card:first-child{border-inline-start:0;padding-inline-start:0}.action-card:hover{background:none;transform:none;box-shadow:none;border-color:var(--border)}.action-card svg{width:20px;height:20px;color:var(--accent-on-surface);margin-bottom:.25rem}.action-card h3{font-family:var(--font-display);font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.01em;color:var(--text);background:none;-webkit-text-fill-color:currentColor;margin:0}.action-card:hover h3{color:var(--accent-on-surface)}.action-card p{font-size:.875rem;line-height:1.5;color:var(--text-muted);margin:0}.category-widgets{max-width:var(--content-max);margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) var(--gutter)}.category-widgets>h2{font-family:var(--font-display);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);background:none;-webkit-text-fill-color:currentColor;text-align:start;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.widgets-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:clamp(.75rem,2vw,1.25rem)}.category-widget{min-height:0;aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border)}.category-widget:hover{border-color:var(--accent-on-surface);box-shadow:none}.widget-overlay{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em}@media (max-width:760px){.actions-grid,.hero-section{grid-template-columns:1fr}.action-card{border-inline-start:0;border-top:1px solid var(--border);padding-inline:0}.action-card:first-child{border-top:0;padding-top:0}}.quick-actions{background:none;border-top:0;border-bottom:0}.quick-actions .actions-grid,.quick-actions h2{max-width:none;margin-inline:0}.featured-cocktail{display:block}.featured-cocktail .image-container,.featured-cocktail img{aspect-ratio:1;height:auto}.featured-info{position:static;padding:.875rem 0 0;background:none}.featured-info h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.01em;color:var(--text);margin-bottom:.2rem}.featured-info p{font-size:.8125rem;color:var(--text-muted)}.featured-badge{position:absolute;top:.625rem;inset-inline-start:.625rem;z-index:2}.category-widget .widget-overlay{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-start;text-align:start;padding:2.5rem .875rem .75rem;background:linear-gradient(0deg,#0e0c0bd9,#0000);font-size:.9375rem;font-weight:600;line-height:1.15;color:#ece0d8}.ingredients-page,.ingredients-page-v2{max-width:var(--content-max);padding-inline:var(--gutter)}.ing-stats-bar{justify-content:flex-start;gap:clamp(1.5rem,5vw,3rem);padding:0 0 1.25rem;background:none;border:0;border-bottom:1px solid var(--border);border-radius:0}.ing-stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text);line-height:1}.ing-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.ing-stat-divider{display:none}.ing-chip{background:none;border:1px solid var(--border-strong);color:var(--text-secondary);font-weight:500}.ing-chip:hover{border-color:var(--accent-on-surface);color:var(--accent-on-surface);background:none}.ing-selected-chip{background:var(--amber);border:1px solid var(--amber);color:#1a1512;font-weight:600}.ing-selected-chip:hover{background:var(--amber-bright);border-color:var(--amber-bright)}.ing-type-tab{background:none;border:0;border-bottom:2px solid #0000;border-radius:0;padding:.4rem .125rem;margin-inline-end:1rem;color:var(--text-muted);font-size:.875rem}.ing-type-tab:hover{color:var(--text);background:none}.ing-type-tab.active,.ing-type-tab.ing-tab-selected{background:none;color:var(--text);border-bottom-color:var(--accent-on-surface)}.ing-type-tabs{gap:0}.ing-cocktail-card{background:none;border:0;border-radius:0;overflow:visible}.ing-cocktail-img{border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:.625rem}.ing-cocktail-card:hover .ing-cocktail-img{border-color:var(--accent-on-surface)}.ing-cocktail-info{padding:0}.ing-cocktail-info h3,.ing-cocktail-info h4{font-family:var(--font-display);font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--text);background:none;-webkit-text-fill-color:currentColor}.ing-cocktail-badge{background:none;border:1px solid var(--ok);color:var(--ok);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem}.ing-cocktail-badge.missing{border-color:var(--warn);color:var(--warn);background:none}.ing-missing-item{color:var(--text-muted);font-size:.8125rem}.ing-search-box input{border-radius:var(--radius-full)}.ing-cocktail-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:clamp(.75rem,2vw,1.5rem)}@media (max-width:640px){.ing-cocktail-grid{grid-template-columns:repeat(2,1fr)}.ing-stats-bar{gap:1.5rem}.ing-stat-value{font-size:1.375rem}}.page-header{text-align:start;padding-block:clamp(2rem,5vw,3.5rem) 1.5rem}.page-header h1{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1;letter-spacing:-.015em;text-transform:uppercase;background:none;-webkit-text-fill-color:currentColor;color:var(--text);gap:.5rem}.page-header h1 svg{width:.75em;height:.75em;color:var(--accent-on-surface)}.page-header>p{color:var(--text-secondary);max-width:52ch;margin-top:.5rem}.ing-results,.ing-selector{background:none;border:0;border-radius:0;box-shadow:none;padding:0}.ing-main-layout-v2{gap:clamp(1.5rem,4vw,3rem);align-items:start}@media (min-width:901px){.ing-results{border-inline-start:1px solid var(--border);padding-inline-start:clamp(1.5rem,3vw,2.5rem)}}.ing-empty-state{background:none;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted)}.ing-empty-state svg{color:var(--border-strong)}.ing-empty-state h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);background:none;-webkit-text-fill-color:currentColor}.page-header{max-width:none;margin-inline:0;padding-inline:0}.cocktails-page,.ingredients-page,.ingredients-page-v2,.search-page{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}.recipe-needs{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.25rem,4vw,3rem);padding:1.5rem 0;margin-bottom:2.5rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.recipe-needs__item h4{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:.4rem}.recipe-needs__item p{font-size:.9375rem;line-height:1.55;color:var(--text);margin:0}.recipe-needs .equipment-item{background:none;border:0;padding:0;border-radius:0;font-size:inherit;color:inherit}.ingredients-list li{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.ingredients-list li:hover .name{color:var(--accent-on-surface)}.ingredients-list li:focus-visible{outline:2px solid var(--accent-on-surface);outline-offset:2px;border-radius:var(--radius-sm)}.ingredients-list li.is-checked{opacity:.45}.ingredients-list li.is-checked .name{text-decoration:line-through;text-decoration-thickness:1px}.ingredients-list li.is-checked .amount{color:var(--text-muted)}.detail-body{row-gap:clamp(1.5rem,3vw,2.5rem)}.ingredients-section,.recipe-needs,.steps-section{margin-bottom:0}.recipe-needs{padding-block:clamp(1.25rem,3vw,1.75rem)}.story-section{margin-top:0;padding-top:clamp(1.5rem,4vw,2.5rem)}.equipment-section,.garnish-section,.story-section{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.qtags-cloud{margin-top:0;padding-top:clamp(1.5rem,4vw,2.5rem)}.cocktail-detail{padding-bottom:clamp(3rem,8vw,5rem)}.ad-container{margin-block:0;min-height:0}.ad-container:has(iframe){margin-block:clamp(2rem,5vw,3rem)}.ad-container ins[data-ad-status=unfilled]{display:none!important}.cocktail-card:hover,.cocktail-card:nth-child(3n):hover,.cocktail-card:nth-child(3n+1):hover,.cocktail-card:nth-child(3n+2):hover,.ing-cocktail-card:hover{box-shadow:none;border-color:#0000;transform:none}.cocktail-card .cocktail-image,.ing-cocktail-card .ing-cocktail-img{transition:border-color .18s ease}.featured-cocktail{border:0;border-radius:0;background:none}.featured-cocktail:hover{border:0;box-shadow:none}.featured-cocktail .image-container{border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .18s ease}.featured-cocktail:hover .image-container{border-color:var(--accent-on-surface)}.featured-cocktail:hover .featured-info h2{color:var(--accent-on-surface)}.widgets-grid{grid-template-columns:repeat(5,1fr)}.category-widget-skeleton{aspect-ratio:1;height:auto;border-radius:var(--radius-sm)}@media (max-width:900px){.widgets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.widgets-grid{grid-template-columns:repeat(2,1fr)}}.ingredients-page-v2.is-empty .ing-stats-bar{display:none}.ingredients-page-v2.is-empty .ing-main-layout-v2{display:block}.ingredients-page-v2.is-empty .ing-results{display:none}.ingredients-page-v2.is-empty .ing-grid{max-height:none;overflow:visible}.ingredients-page-v2.is-empty .ing-selector{max-width:none}.ingredients-page-v2.has-selection .ing-main-layout-v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.ingredients-page-v2.has-selection .ing-results{order:-1;border-inline-start:0;padding-inline-start:0;border-inline-end:1px solid var(--border);padding-inline-end:clamp(1.5rem,3vw,2.5rem);position:sticky;top:5.5rem}.ing-selected-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.875rem 0 1.25rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.ing-clear-btn{background:none;border:0;color:var(--text-muted);font-size:.8125rem;padding:0;margin-inline-start:auto;text-decoration:underline;text-underline-offset:3px}.ing-clear-btn:hover{color:var(--bad);background:none}@media (max-width:900px){.ingredients-page-v2.has-selection .ing-main-layout-v2{grid-template-columns:1fr}.ingredients-page-v2.has-selection .ing-results{order:-1;position:static;border-inline-end:0;padding-inline-end:0;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}}.cocktail-image .placeholder-icon img,.cocktail-image .placeholder-icon svg,.detail-header .placeholder-icon img,.detail-header .placeholder-icon svg,.featured-cocktail .placeholder-icon img,.ing-cocktail-img .placeholder-icon img{aspect-ratio:auto;width:100%;height:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none}.placeholder-icon{aspect-ratio:auto;height:auto}.detail-header>.detail-image-skeleton{order:2;aspect-ratio:1;height:auto;width:100%;border-radius:var(--radius-sm)}@media (max-width:900px){.detail-header>.detail-image-skeleton{order:1;max-width:min(420px,100%);margin-inline:auto}}.detail-skeleton-section{background:none;border:0;padding:0;margin-bottom:0}@media (max-width:760px){.ing-type-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.ing-type-tabs::-webkit-scrollbar{display:none}.ing-type-tab{flex:none;scroll-snap-align:start;white-space:nowrap}.ing-search-box{top:3.75rem;z-index:20;margin-inline:calc(var(--gutter) * -1);padding:.5rem var(--gutter);border-radius:0}.ing-search-box,.ing-type-tabs{position:sticky;background:var(--background)}.ing-type-tabs{top:7.25rem;z-index:19}.ing-chip{padding:.4rem .7rem;font-size:.8125rem}.ing-chip-abv{display:none}.ingredients-page-v2.has-selection .ing-stats-bar{position:fixed;inset-inline:0;bottom:0;z-index:40;margin:0;padding:.75rem var(--gutter);background:var(--surface);border-top:1px solid var(--border-strong);border-bottom:0;box-shadow:0 -6px 24px #0000002e;gap:1.25rem}.ingredients-page-v2.has-selection .ing-stat{display:flex;align-items:baseline;gap:.35rem}.ingredients-page-v2.has-selection .ing-stat-value{font-size:1.125rem}.ingredients-page-v2.has-selection .ing-stat-label{font-size:.6875rem;letter-spacing:.06em}.ingredients-page-v2.has-selection{padding-bottom:5rem}.ing-selected-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.ing-selected-bar::-webkit-scrollbar{display:none}.ing-selected-chip{flex:none}}.cocktails-page>*,.detail-body>*,.ing-main-layout-v2>*,.ing-results,.ing-selector,.ingredients-page-v2>*{min-width:0}.ing-selected-bar,.ing-type-tabs{max-width:100%}.ing-stat--jump{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:default;text-align:start}@media (max-width:760px){.ingredients-page-v2.has-selection .ing-stats-bar{flex-wrap:nowrap;gap:.875rem;align-items:center}.ingredients-page-v2.has-selection .ing-stat{white-space:nowrap;overflow:hidden}.ingredients-page-v2.has-selection .ing-stat-label{overflow:hidden;text-overflow:ellipsis}.ingredients-page-v2.has-selection .ing-clear-btn{flex:none;margin-inline-start:auto}.ing-stat--jump{cursor:pointer;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:4px}.ing-stat--jump:active{color:var(--accent-on-surface)}}.ingredients-list li{grid-template-columns:1.25rem minmax(4.5ch,max-content) 1fr}.ing-check{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;border:1px solid var(--border-strong);border-radius:4px;color:#0000;flex:none;align-self:center;transition:border-color .15s ease,background .15s ease}.ingredients-list li:hover .ing-check{border-color:var(--accent-on-surface)}.ingredients-list li.is-checked .ing-check{background:var(--amber);border-color:var(--amber);color:#1a1512}.ingredients-list .ingredient-link{position:relative;z-index:1}@media (max-width:760px){.back-button{padding-block:.7rem;margin-bottom:1rem}.detail-tags .tag,.equipment-item{padding-block:.6rem;min-height:44px;display:inline-flex;align-items:center}.share-btn{min-height:44px;padding-inline:1.25rem}.detail-meta .detail-meta-link,.detail-meta span{min-height:40px}.qtags-cloud{line-height:2.9}.qtags-cloud .qtag-item{padding-block:.75rem}.ingredients-list li{padding-block:.85rem;grid-template-columns:1.5rem minmax(4.5ch,max-content) 1fr}.ing-check{width:1.25rem;height:1.25rem}.ingredients-list .ingredient-link{display:inline-block;padding-block:.35rem}.footer a,.footer-links a{display:inline-block;padding-block:.7rem}.footer-logo,.logo{min-height:44px;display:inline-flex;align-items:center}.ing-chip,.ing-selected-chip,.ing-type-tab{min-height:40px}}@media (pointer:coarse){.back-button,.back-link{padding-block:.6rem}.back-button,.back-link,.detail-tags .tag,.equipment-item,.footer-logo,.ing-chip,.ing-selected-chip,.ing-type-tab,.logo,.qtag-item,.share-btn{min-height:44px;display:inline-flex;align-items:center}.detail-meta .detail-meta-link,.detail-meta span,.footer a,.footer-links a{min-height:40px;display:inline-flex;align-items:center}.ingredients-list li{padding-block:.85rem}.ingredients-list .ingredient-link{display:inline-block;padding-block:.4rem}.qtags-cloud{line-height:2.9}.qtags-cloud .qtag-item{display:inline;min-height:0;padding-block:.75rem}.ing-search-box input,.search-wrapper input,input,select,textarea{font-size:max(16px,1rem)}}.story-action-share{background:#ffffff1a;border:1px solid #e1306c;color:#fff}.story-action-share svg{color:#e1306c}.story-action-share:hover:not(:disabled){background:#e1306c2e;border-color:#e1306c;transform:none}.story-action-btn:disabled{opacity:.55;cursor:not-allowed}button.ing-check{padding:0;font:inherit;cursor:pointer;background:none}button.ing-check:focus-visible{outline:2px solid var(--accent-on-surface);outline-offset:2px}.qtags-cloud{line-height:2.4}.qtags-cloud .qtag-item{padding-block:.35rem}:root{--text-muted:#6e645c}[data-theme=dark]{--text-muted:#9a8f85}