:root{--cyan: #22E4FF;--magenta: #FF2BD6;--green: var(--cyan);--green-dark: var(--cyan);--ink: #F5F5F7;--text: #F5F5F7;--muted: #C4C4D0;--line: #2C2C3A;--paper: #0B0B12;--card: #16161F;--max: 1100px;--read: 720px;--ing-bullet: .3rem;--ing-btn: 2rem;--rail-top: 4.35rem;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}h1,h2,h3{font-weight:700;letter-spacing:-.02em}a{color:var(--cyan)}a:hover,a:focus-visible{color:var(--magenta)}.brand,.brand:hover,.brand:focus-visible{color:var(--ink)}img{max-width:100%;height:auto}.skip{position:absolute;left:1rem;top:-4rem;background:var(--card);color:var(--ink);padding:.5rem .75rem}.skip:focus{top:.5rem}.site-header,.site-footer,.wrap{width:min(var(--max),calc(100% - 3rem));margin-inline:auto}.site-header{width:min(var(--max),100%);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.65rem}.brand{display:flex;align-items:center;gap:.6rem;flex:0 1 auto;min-width:min-content;color:inherit;text-decoration:none;font-weight:700}.brand-mark{width:48px;height:48px;border-radius:22%;overflow:hidden;flex:0 0 auto;background:#0b0b12}.brand-name{font-family:inherit;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:#f5f5f7;text-shadow:0 0 6px #22e4ff,0 0 14px #22e4ff,0 0 28px #ff2bd6}.brand-mark img{width:100%;height:100%;object-fit:cover;object-position:center}.nav{display:flex;gap:1rem;margin-left:auto;font-family:system-ui,sans-serif;font-size:.95rem}.nav a{text-decoration:none}.hero-photo{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:16px;background:#221f2e}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.section-head h2{margin:0}.mocktail-pill{display:inline-flex;align-items:center;flex:0 0 auto;padding:.28rem .7rem;border-radius:999px;background:var(--cyan, #22E4FF);color:#0b0b12;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-decoration:none}h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;margin:.15rem 0 .6rem}.lede{font-size:1.1rem;color:var(--muted)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem .75rem;margin:.2rem 0 0;font-family:system-ui,sans-serif;color:var(--muted)}.crumb-path{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem}.crumb-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-left:auto}.crumb-links{display:inline-flex;flex-wrap:wrap;gap:.35rem .75rem;margin-left:.65rem}.crumb-title{color:var(--ink)}.crumb-title a{text-decoration:underline;text-underline-offset:.12em}.facts{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;font-family:system-ui,sans-serif;color:var(--muted)}.facts .jump{margin:0}.categories{margin:1.4rem 0 .4rem}.categories h2{margin:0 0 .6rem;font-size:1.35rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0 1rem}.categories .chips{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chip{font-family:system-ui,sans-serif;font-size:.85rem;text-decoration:none;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem}.layout{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:2.25rem;align-items:start;margin-top:1rem}.layout~.panel{margin-top:2.25rem}.layout:not(:has(.recipe-lead)),.layout:not(:has(.recipe-side)){grid-template-columns:minmax(0,1fr)}.recipe-lead{position:relative;min-width:0;container-type:inline-size;overflow:hidden;border:1px solid var(--line);border-radius:16px;box-shadow:0 0 20px 1px color-mix(in srgb,var(--line) 15%,#c5cade)}@media(min-width:641px){.layout:has(.recipe-side) .recipe-lead{position:relative;align-self:stretch;min-height:0}.layout:has(.recipe-side) .hero-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}}.recipe-side{display:flex;flex-direction:column;gap:2.25rem;min-width:0}.recipe-side .nutrition td:nth-child(n+2){white-space:normal}.recipe-side .bar-btn{white-space:normal;text-align:center}.ingredients-panel .bar-actions{justify-content:center}.ingredients-panel{position:relative}.alt-wrap{display:flex;justify-content:flex-end;margin-top:.7rem}.alt-link{margin:0;padding:0;border:0;background:none;color:var(--cyan);font:.85rem system-ui,sans-serif;text-decoration:underline;text-underline-offset:.14em;cursor:pointer}.alt-note{position:absolute;right:.85rem;bottom:2.4rem;z-index:2;width:min(16rem,calc(100% - 1.7rem));margin:0;padding:.7rem .75rem .7rem .4rem;border:1px solid var(--line);border-radius:12px;background:#221f2e;box-shadow:0 0 16px color-mix(in srgb,var(--cyan) 35%,transparent);color:var(--ink);font-family:system-ui,sans-serif;font-size:.85rem;line-height:1.35}.alt-note[hidden]{display:none}.alt-note ul{margin:0;padding-left:1.1rem}.alt-note li{margin:.35rem 0}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;box-shadow:0 0 20px 1px color-mix(in srgb,var(--line) 15%,#c5cade)}.panel h2{margin-top:0;font-size:1.35rem}.method-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.method-head h2{margin:0}.method-details{flex:0 0 auto;padding:6px 12px;border:0;border-radius:8px;background:color-mix(in srgb,var(--cyan) 20%,transparent);color:var(--ink);font:600 14px system-ui,sans-serif;cursor:pointer;box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 35%,transparent)}.method:not(.is-details-open) .tip{display:none}.origin-panel{grid-column:1 / -1}.origin-panel p{margin:0}.method-body.has-trick{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);gap:1rem 1.25rem;align-items:start}.method-trick{margin:0;padding:.8rem .9rem;border-radius:12px;background:#2f6fbe;color:#f4f7fb;font-family:system-ui,sans-serif;font-size:.92rem;line-height:1.45}.method-notes{display:flex;flex-direction:column;gap:.65rem}.method-note{margin:0;padding:.65rem .8rem;border-radius:12px;background:#1c2433;border:1px solid color-mix(in srgb,var(--cyan) 35%,transparent);color:#f4f7fb;font-family:system-ui,sans-serif;font-size:.85rem;line-height:1.4}.method-fun{margin:0;padding:.8rem .9rem;border-radius:12px;background:#2a6b4a;color:#f4f7fb;font-family:system-ui,sans-serif;font-size:.92rem;line-height:1.45}.method-trick p,.method-note p,.method-fun p{margin:0}.method-trick-label{margin:0 0 .3rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.method-row{position:relative;display:grid;grid-column:1 / -1;gap:1.5rem;align-items:start}@media(max-width:640px){.method-body.has-trick{grid-template-columns:minmax(0,1fr)}}.one-oven-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.one-oven{background:color-mix(in srgb,#10b981 20%,transparent);color:var(--ink)}.one-oven h2{margin:0;color:var(--ink)}.one-oven-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:0;border-radius:8px;background:#10b981;color:#fff;cursor:pointer}.one-oven-toggle:hover,.one-oven-toggle:focus-visible{background:#059669}.one-oven-icon{width:16px;height:16px;display:block}.one-oven-reopen{display:none}.one-oven-steps{margin:.75rem 0 0;padding-left:1.2rem}.one-oven-steps li{margin:.55rem 0}.method-row.is-collapsed .one-oven-steps,.method-row.is-collapsed .one-oven h2{display:none}.method-row.is-collapsed .one-oven{position:absolute;top:1rem;right:1.1rem;z-index:2;width:auto;margin:0;padding:0;border:0;background:transparent}.method-row.is-collapsed .one-oven-head{margin:0}.method-row.is-collapsed .one-oven-toggle{width:auto;height:auto;padding:.4rem .75rem;font:600 .9rem/1.2 system-ui,sans-serif;white-space:nowrap}.method-row.is-collapsed .method-head{padding-right:15rem}.method-row.is-collapsed .one-oven-icon-close{display:none}.method-row.is-collapsed .one-oven-reopen{display:inline}.nutrition-panel{min-width:0;background:var(--card);color:var(--ink);border-color:color-mix(in srgb,var(--magenta) 55%,var(--line));box-shadow:0 0 22px color-mix(in srgb,var(--magenta) 50%,transparent)}.nutrition-panel h3{margin:1.1rem 0 0;font-size:1.15rem;color:var(--ink)}.nutrition-panel h3+p{margin-top:0}.nutrition-panel .nutrition th,.nutrition-panel .nutrition td,.nutrition-panel .nutrition-estimated,.nutrition-panel .nutrition-heading-row th:first-child{color:var(--ink)}.ingredients-panel{container-type:inline-size;container-name:ingredients}.ingredients-head{display:flex;flex-wrap:wrap;align-items:center;column-gap:.75rem;row-gap:.35rem;margin-bottom:.45rem}.ingredients-head h2{margin:0 auto 0 0;min-width:min-content;font-size:1.15rem}.ingredients-head .servings-control{margin-left:auto;flex:0 0 auto}@container ingredients (max-width: 20rem){.ingredients-head h2{flex:1 0 100%}.ingredients-head .servings-control{width:100%;margin-left:0;margin-right:0;align-items:center}}@container ingredients (max-width: 12rem){.ingredients-head .servings{gap:.3rem;font-size:.85rem}.ingredients-head .servings button{width:1.65rem;height:1.65rem;font-size:1rem}}.ingredients-head .servings{margin-bottom:0}.ingredients{list-style:none;margin:0;padding-left:0}.ingredients li{position:relative;padding:.22rem 0 .22rem calc(var(--ing-bullet) + .45rem);font-family:system-ui,sans-serif}.ingredients li:before{content:"";position:absolute;left:0;top:calc(.22rem + (1lh - var(--ing-bullet)) / 2);width:var(--ing-bullet);height:var(--ing-bullet);border-radius:50%;background:currentColor}.amount{color:var(--muted);margin-right:.35rem}.steps{padding-left:1.2rem}.steps li{margin:.8rem 0}.tip{color:var(--muted);font-size:.95rem;margin:.3rem 0 0}.nutrition{width:100%;table-layout:fixed;border-collapse:collapse;font-family:system-ui,sans-serif;font-size:.95rem}.nutrition th,.nutrition td{padding:.35rem 0}.nutrition th{text-align:right;font-size:.8rem;font-weight:600;color:var(--muted);padding-bottom:.45rem}.nutrition th:first-child{text-align:left}.nutrition-estimated{display:block;margin-top:.05rem;font-size:.62rem;font-weight:400;line-height:1.2;text-align:right;color:#a8a29e}.nutrition-heading-row th:first-child{font-size:1.15rem;font-weight:700;color:var(--text)}.per-drink-label{white-space:nowrap}.per-drink-mark{margin-left:0;color:var(--muted);font-size:.62rem;font-weight:600;line-height:1;vertical-align:super}.per-drink-note{margin:.2rem 0 0;text-align:right;color:var(--muted);font-family:system-ui,sans-serif;font-size:.62rem;line-height:1.2}.nutrition td{border-bottom:1px solid var(--line)}.nutrition td:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:break-word;padding-left:.75rem}.nutrition-note{color:var(--muted);font-size:.92rem;margin:0 0 .7rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.75rem}.section-more{margin:.35rem 0 0;text-align:right;font-family:system-ui,sans-serif}.section-more a{font-weight:650;text-decoration:none}.wrap>section:has(h2){margin-top:2.25rem}.wrap>section:has(h2)>h2{margin-top:0}.section-tags h2{margin:0 0 .6rem}.section-tags .chip{font-weight:700;letter-spacing:.04em;text-transform:uppercase}#search-hits{margin-top:1.75rem}#search-hits .chips{margin:0 0 1rem}#results{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.25rem}#results .card{border-radius:10px}#results .card div{padding:.4rem .45rem .5rem}#results .card h3{margin-bottom:.15rem;font-size:.82rem}#results .card p{font-size:.72rem}#results .match-pill{margin-top:.25rem;font-size:.68rem}.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.25rem 0 1.5rem;font-family:system-ui,sans-serif}.pager a,.pager button{font-weight:650;text-decoration:none}.pager button{font:inherit;font-weight:650;background:none;border:0;color:inherit;cursor:pointer;padding:0}.pager button:disabled{visibility:hidden}.pager span:empty{width:5.5rem}.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 0 20px 1px color-mix(in srgb,var(--line) 15%,#c5cade);overflow:hidden;text-decoration:none;color:inherit;min-width:0}.photo-frame{position:relative;display:block;width:100%;container-type:inline-size;overflow:hidden}.card img,.photo-frame img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;background:#221f2e}.mocktail-ribbon{position:absolute;right:8px;bottom:8px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:max-content;margin:0;padding:.34em .62em .34em .66em;border-radius:999px;background:#39ff14;color:#0b0b12;font-family:system-ui,sans-serif;font-size:clamp(8.4px,5.6cqw,16.8px);font-weight:800;letter-spacing:.04em;line-height:1;text-align:center;text-transform:uppercase;text-box:trim-both cap alphabetic;box-shadow:0 0 6px #39ff14;pointer-events:none}.card div{padding:.75rem .9rem 1rem}.card h3{margin:0 0 .3rem;font-size:1.05rem}.card .hit{color:var(--green);font-weight:800}.card p{margin:0;color:var(--muted);font-family:system-ui,sans-serif;font-size:.9rem}.card.wide-only{display:none}.match-pill{display:inline-block;max-width:100%;margin-top:.45rem;padding:.12rem .55rem;border-radius:999px;background:#221f2e;color:var(--ink);font-family:system-ui,sans-serif;font-size:.78rem;font-weight:650;line-height:1.35}.jump{font-family:system-ui,sans-serif;display:inline-block;margin:0}.servings-control{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.servings-note{margin:0;max-width:12rem;height:0;overflow:hidden;color:var(--muted);font-family:system-ui,sans-serif;font-size:.78rem;line-height:1.3;text-align:right;visibility:hidden}.servings-note.is-visible{height:auto;min-height:1.3em;overflow:visible;visibility:visible}.servings{font-family:system-ui,sans-serif;display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.ad-slot-row{display:flex;justify-content:center;margin:1.5rem 0}.grid>.ad-slot-row,#results>.ad-slot-row{grid-column:1 / -1}.ad-pair{container-type:inline-size;container-name:ad-pair;flex-wrap:nowrap;gap:1rem}html[data-ad-preview] .ad-pair .ad-slot:nth-child(n+2),html[data-site-ad-mode=live] .ad-pair .ad-unit:nth-child(n+2){display:none}@container ad-pair (min-width: 616px){html[data-ad-preview] .ad-pair .ad-slot:nth-child(2){display:flex}html[data-site-ad-mode=live] .ad-pair .ad-unit:nth-child(2){display:inline-block}}@container ad-pair (min-width: 932px){html[data-ad-preview] .ad-pair .ad-slot:nth-child(3){display:flex}html[data-site-ad-mode=live] .ad-pair .ad-unit:nth-child(3){display:inline-block}}.ad-slot-row:empty{display:none;margin:0}.servings button{display:inline-flex;align-items:center;justify-content:center;width:var(--ing-btn);height:var(--ing-btn);border-radius:999px;border:0;background:var(--cyan);color:#0b0b12;font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 0 14px color-mix(in srgb,var(--cyan) 40%,transparent)}.servings button:hover,.servings button:focus-visible{background:var(--magenta)}.servings button:disabled{opacity:.4;cursor:default;background:var(--cyan)}.promo{display:flex;flex-direction:column;align-items:stretch;gap:.9rem;min-width:0;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:16px;box-shadow:0 0 22px color-mix(in srgb,#bbf7d0 70%,transparent);padding:1rem;margin:1.25rem 0 0;overflow:hidden}.promo-copy{min-width:0;max-width:100%}.promo-copy h2{margin:0 0 .4rem}.promo-copy p{margin:0;overflow-wrap:break-word}.promo-actions{min-width:0;max-width:100%}.promo-stage{min-width:0}.promo-media{container-type:inline-size;container-name:promo-media;display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-between;gap:.9rem}.promo-main{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;width:min(280px,100%);min-width:0;flex:0 0 auto}.promo-ads{display:contents}html[data-ad-preview] .promo-ads,html[data-site-ad-mode=live] .promo-ads{display:flex;flex-direction:column;gap:.5rem;width:300px;flex:0 0 auto}html[data-ad-preview] .promo-ads .ad-slot:nth-child(n+2),html[data-site-ad-mode=live] .promo-ads .ad-unit:nth-child(n+2){display:none}@container promo-media (min-width: 600px){html[data-ad-preview] .promo-ads .ad-slot:nth-child(2){display:flex}html[data-site-ad-mode=live] .promo-ads .ad-unit:nth-child(2){display:inline-block}}.video-frame{position:relative;width:100%;aspect-ratio:9/16;background:#111 center/cover no-repeat;border-radius:16px;overflow:hidden;align-self:flex-start}.video-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:0;background:linear-gradient(transparent,#00000059);color:#fff;font:600 1rem system-ui,sans-serif;text-align:center;cursor:pointer}.play-icon{width:64px;height:64px}.video-frame video{position:absolute;inset:0;width:100%;height:100%;border-radius:16px;object-fit:contain;background:#111}.store-row{--badge: 44px;--badge-gap: 10px;display:flex;align-items:center;gap:.85rem;width:fit-content;max-width:100%}.badges{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:calc(var(--badge) * 2 + var(--badge-gap));padding-left:calc(var(--badge) * 41 / 168)}.badges a{display:block;line-height:0}.badges img{width:auto;display:block}.badges .store-apple{height:var(--badge)}.badges .store-play{height:calc(var(--badge) * 250 / 168);margin:calc(var(--badge) * -41 / 168)}.qr{width:calc(var(--badge) * 2 + var(--badge-gap));height:calc(var(--badge) * 2 + var(--badge-gap))}.ad-slot,.ad-rail{display:none}html[data-site-ad-mode=live] .ad-slot,html[data-ad-preview] .ad-slot-pending{display:none!important}html[data-ad-preview] .ad-slot{display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#e7e5e4;color:#57534e;border:1px dashed #a8a29e;border-radius:12px;font:600 .85rem system-ui,sans-serif;text-align:center}html[data-ad-preview] .ad-slot.ad-slot-rect{width:300px;height:250px;flex:0 0 auto}html[data-site-ad-mode=live] .ad-unit{display:block;overflow:hidden}html[data-site-ad-mode=live] .ad-unit.ad-slot-pending{display:none!important}html[data-site-ad-mode=live] .ad-unit-rect,html[data-site-ad-mode=live] .ad-pair .ad-unit{width:300px;height:250px;flex:0 0 auto}.ad-rail{position:fixed;top:var(--rail-top);width:300px;z-index:2}.ad-rail-lower{top:calc(var(--rail-top) + 600px + 16px)}@media(min-width:2040px){html[data-page=home]{--max: 1380px}html[data-page=home] .wide-only{display:flex}}@media(min-width:1440px){html[data-ad-preview] .site-header,html[data-ad-preview] .site-footer,html[data-ad-preview] .wrap,html[data-site-ad-mode=live] .site-header,html[data-site-ad-mode=live] .site-footer,html[data-site-ad-mode=live] .wrap{width:var(--max);margin-left:max(.75rem,calc((100% - var(--max) - 16px - 300px) / 2));margin-right:0}html[data-ad-preview] .ad-rail-right:not(.ad-rail-lower),html[data-site-ad-mode=live] .ad-rail-right:not(.ad-rail-lower){display:block;left:calc(max(.75rem,(100% - var(--max) - 16px - 300px) / 2) + var(--max) + 16px);right:auto}html[data-ad-preview] .ad-rail-right.ad-rail-lower,html[data-site-ad-mode=live] .ad-rail-right.ad-rail-lower{left:calc(max(.75rem,(100% - var(--max) - 16px - 300px) / 2) + var(--max) + 16px);right:auto}html[data-ad-preview] .ad-rail .ad-slot,html[data-site-ad-mode=live] .ad-rail .ad-unit{width:300px;height:600px}}@media(min-width:1760px){html[data-ad-preview] .site-header,html[data-ad-preview] .site-footer,html[data-ad-preview] .wrap,html[data-site-ad-mode=live] .site-header,html[data-site-ad-mode=live] .site-footer,html[data-site-ad-mode=live] .wrap{margin-left:max(.75rem,calc((100% - 300px - 16px - var(--max) - 16px - 300px) / 2 + 300px + 16px))}html[data-ad-preview] .ad-rail-left:not(.ad-rail-lower),html[data-site-ad-mode=live] .ad-rail-left:not(.ad-rail-lower){display:block;left:max(.75rem,calc((100% - 300px - 16px - var(--max) - 16px - 300px) / 2))}html[data-ad-preview] .ad-rail-left.ad-rail-lower,html[data-site-ad-mode=live] .ad-rail-left.ad-rail-lower{left:max(.75rem,calc((100% - 300px - 16px - var(--max) - 16px - 300px) / 2))}html[data-ad-preview] .ad-rail-right:not(.ad-rail-lower),html[data-site-ad-mode=live] .ad-rail-right:not(.ad-rail-lower),html[data-ad-preview] .ad-rail-right.ad-rail-lower,html[data-site-ad-mode=live] .ad-rail-right.ad-rail-lower{left:calc(max(.75rem,(100% - 300px - 16px - var(--max) - 16px - 300px) / 2) + 300px + 16px + var(--max) + 16px)}}@media(min-width:1440px)and (min-height:1298px){html[data-ad-preview] .ad-rail-right.ad-rail-lower,html[data-site-ad-mode=live] .ad-rail-right.ad-rail-lower{display:block}}@media(min-width:1760px)and (min-height:1298px){html[data-ad-preview] .ad-rail-left.ad-rail-lower,html[data-site-ad-mode=live] .ad-rail-left.ad-rail-lower{display:block}}.site-footer{padding:.6rem 0 2rem;color:var(--muted);font-family:system-ui,sans-serif;font-size:.9rem}.site-footer p{margin:.15rem 0}.search input,.bar-picker input{width:100%;font:1.05rem system-ui,sans-serif;padding:.8rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink)}@media(max-width:640px){.layout{grid-template-columns:minmax(0,1fr)}}@media(orientation:landscape),(min-width:960px){.method-row{grid-column:1 / -1}.method-row .method{grid-column:auto}.layout:has(.nutrition-panel) .method-row:not(.is-collapsed):has(.one-oven){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.layout:not(:has(.nutrition-panel)) .method-row:not(.is-collapsed):has(.one-oven){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(pointer:coarse),(hover:none),(max-width:960px){.qr{display:none}}.bar-picker{margin:1.25rem 0}.bar-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bar-head h2{margin:0}.bar-list-title{margin:.9rem 0 .35rem;font-family:system-ui,sans-serif;font-size:.95rem;color:var(--muted)}#bar-chips.popular-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem 1.25rem;align-items:start}.popular-col{display:flex;flex-wrap:wrap;gap:.4rem;align-content:flex-start}.bar-label{display:block;margin:.4rem 0;font-family:system-ui,sans-serif}.bar-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.8rem 0}.bar-share-row{display:flex;justify-content:flex-end;margin-top:.4rem}.bar-share{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:0;padding:0;border:0;border-radius:999px;background:var(--cyan);color:#0b0b12;cursor:pointer;box-shadow:0 0 16px color-mix(in srgb,var(--cyan) 40%,transparent)}.bar-share[hidden],.bar-btn[hidden]{display:none}.bar-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--cyan);color:#0b0b12;border:0;border-radius:999px;padding:.45rem .9rem;font:700 .9rem system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 0 16px color-mix(in srgb,var(--cyan) 40%,transparent)}.bar-btn.alt{background:var(--magenta);box-shadow:0 0 16px color-mix(in srgb,var(--magenta) 40%,transparent)}a.bar-btn,a.bar-btn:hover,a.bar-btn:focus-visible,.bar-btn:hover,.bar-btn:focus-visible{color:#0b0b12}.chip-btn{font:600 .85rem system-ui,sans-serif;color:var(--ink);background:transparent;border:1px solid #8a8a9c;border-radius:999px;padding:.25rem .7rem;cursor:pointer}.chip-btn.is-on{background:#2a2a38;border-color:var(--cyan);box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 55%,transparent)}.chip-alcohol{background:transparent;border-color:#2f6fbe;color:#9ec4f0}.chip-garnish{background:transparent;border-color:#2a6b4a;color:#9ed4bc}.chip-alcohol.is-on{background:#2f6fbe;border-color:#2f6fbe;color:#f4f7fb;box-shadow:0 0 12px color-mix(in srgb,#2f6fbe 75%,white)}.chip-garnish.is-on{background:#2a6b4a;border-color:#2a6b4a;color:#f4f7fb;box-shadow:0 0 12px color-mix(in srgb,#2a6b4a 75%,white)}.match-pill{position:absolute;top:8px;right:8px;z-index:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:.22rem .42rem .16rem;border-radius:999px;background:#e6b325;color:#0b0b12;font-family:system-ui,sans-serif;line-height:1;text-align:center}.match-pill-pct{font-size:.75rem;font-weight:800}.match-pill-label{margin-top:.08rem;font-size:.46rem;font-weight:800;letter-spacing:.06em}#bar-results[hidden],#bar-one-section[hidden]{display:none}.need-pill{margin-top:.45rem}.bar-toggle{display:flex;align-items:center;flex-wrap:nowrap;gap:.45rem;width:fit-content;margin:.6rem 0 0;font-family:system-ui,sans-serif}.bar-picker .bar-toggle input{width:auto;flex:0 0 auto;margin:0;padding:0}.hero-copy{max-width:var(--read)}