.shaker{--bg: #0f1117;--bg-grad: #141826;--panel: #171a22;--panel2: #1d212b;--surface: #1a1e28;--surface2: #222836;--line: #2b3140;--line2: #3a4155;--text: #e2e6ee;--text2: #c4cad6;--muted: #9aa3b4;--faint: #828c9e;--accent: #6ea8fe;--accent2: #8ab6ff;--brand: #e8b84b;--brand2: #f4d06a;--green: #63d68f;--red: #f26a63;--yellow: #e8c45c;--cyan: #4fd6d0;--magenta: #d888e0;--blue: #6fb0ff;--orange: #eb9a4a;--r: 8px;--r-lg: 14px;--r-pill: 999px;--sh-sm: 0 1px 2px rgba(0,0,0,.35);--sh: 0 4px 14px rgba(0,0,0,.35);--sh-lg: 0 12px 34px rgba(0,0,0,.45);--ring: 0 0 0 2px rgba(110,168,254,.55);--ease: cubic-bezier(.2,.7,.3,1);--sans: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "Roboto Mono Variable", "Roboto Mono", ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;height:100vh;min-height:100vh;margin:0;background:radial-gradient(1200px 480px at 15% -8%,var(--bg-grad),transparent 60%),var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;flex-direction:column}.shaker[data-tool=chef]{--brand: #63d68f;--brand2: #8ee9ac;--accent: #57c07f;--accent2: #79d79b}.shaker[data-tool=med]{--brand: #4fd6d0;--brand2: #7fe6e1;--accent: #43c4be;--accent2: #6ddbd6}.shaker[data-tool=chem]{--brand: #e0a44d;--brand2: #f2c079;--accent: #d98a3f;--accent2: #eba85a}.shaker,.shaker *{box-sizing:border-box}.shaker ::-moz-selection{background:#6ea8fe52}.shaker ::selection{background:#6ea8fe52}.shaker a{color:var(--accent)}.shaker :focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}.shaker *{scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.shaker *::-webkit-scrollbar{width:10px;height:10px}.shaker *::-webkit-scrollbar-thumb{background:var(--line2);border-radius:99px;border:2px solid transparent;background-clip:content-box}.shaker *::-webkit-scrollbar-thumb:hover{background:#4a5265;background-clip:content-box}.shaker .topbar{display:flex;align-items:center;gap:1rem;padding:.55rem 1.1rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(40,46,62,.65),var(--panel));backdrop-filter:blur(6px);position:sticky;top:0;z-index:20}.shaker .brand{display:flex;align-items:center;gap:.6rem}.shaker .brand-logo{width:40px;height:40px;image-rendering:pixelated;cursor:pointer;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));transition:transform .15s var(--ease)}.shaker .brand-logo:hover{transform:rotate(-8deg) scale(1.09)}.shaker .brand-logo.shaking{animation:shaker-shake .5s ease}@keyframes shaker-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-17deg) translateY(-2px)}30%{transform:rotate(15deg)}45%{transform:rotate(-11deg) translateY(-1px)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}.shaker .brand-text{display:flex;flex-direction:column;line-height:1.02;text-decoration:none}.shaker .brand-name{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,var(--brand2),var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.shaker .brand-name .dot{-webkit-text-fill-color:var(--accent)}.shaker .brand-sub{font-size:.6rem;font-weight:600;letter-spacing:.09em;color:var(--faint);text-transform:uppercase;white-space:nowrap;margin-top:2px}.shaker .hub-back{font-size:.72rem;font-weight:600;color:var(--muted);text-decoration:none;padding:.3rem .6rem;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);white-space:nowrap;transition:color .12s,border-color .12s}.shaker .hub-back:hover{color:var(--text);border-color:var(--line2)}.shaker .search{flex:1;min-width:120px;max-width:520px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);padding:.55rem .8rem;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.shaker .search::-moz-placeholder{color:var(--faint)}.shaker .search::placeholder{color:var(--faint)}.shaker .search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6ea8fe2e}.shaker .random{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);padding:.5rem .85rem;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .12s var(--ease),border-color .15s,background .15s}.shaker .random:hover{border-color:var(--accent);background:#2a3040;transform:translateY(-1px)}.shaker .random:active{transform:translateY(0)}.shaker .tabs{display:flex;gap:.35rem;padding:.45rem 1.1rem;flex-wrap:wrap;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:54px;z-index:15}.shaker .tab{background:transparent;border:1px solid transparent;border-radius:var(--r-pill);color:var(--muted);padding:.28rem .8rem;font:inherit;font-size:.88rem;cursor:pointer;transition:color .12s,background .12s,border-color .12s,transform .1s}.shaker .tab:hover{color:var(--text);background:var(--surface)}.shaker .tab:active{transform:scale(.96)}.shaker .tab.active{color:#0e1017;font-weight:700;background:linear-gradient(180deg,var(--accent2),var(--accent));border-color:transparent;box-shadow:var(--sh-sm)}.shaker .tab .count{opacity:.72;font-size:.8em;font-variant-numeric:tabular-nums}.shaker .view-group{display:inline-flex;gap:.35rem;flex-wrap:wrap}.shaker .filter-group{display:inline-flex;gap:.35rem;flex-wrap:wrap;margin-left:auto}.shaker .body{flex:1;display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);min-height:0}.shaker .list{overflow-y:auto;border-right:1px solid var(--line);padding:.35rem .4rem}.shaker .detail{overflow-y:auto;padding:1.3rem 1.6rem}.shaker .detail>.card{max-width:920px;margin-inline:auto}.shaker .list .count{color:var(--faint);font-size:.78rem;padding:.35rem .7rem .5rem;text-transform:uppercase;letter-spacing:.04em}.shaker .row{display:flex;align-items:center;gap:.55rem;padding:.48rem .6rem;cursor:pointer;border-radius:var(--r);border-left:3px solid transparent;transition:background .12s,transform .08s}.shaker .row:hover{background:var(--surface)}.shaker .row:active{transform:scale(.995)}.shaker .row.sel{background:linear-gradient(90deg,color-mix(in srgb,var(--drink) 20%,transparent),var(--surface) 60%);border-left-color:var(--drink)}.shaker .row.sel .swatch{box-shadow:inset 0 0 0 1px #ffffff40,0 0 7px color-mix(in srgb,var(--drink) 65%,transparent)}.shaker .mark{width:1.2em;text-align:center}.shaker .rname{text-transform:capitalize;font-weight:500}.shaker .hint{color:var(--faint);font-size:.68rem;margin-left:auto;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;opacity:.8}.shaker .swatch{width:.82em;height:.82em;border-radius:3px;display:inline-block;flex:none;box-shadow:inset 0 0 0 1px #ffffff2e}.shaker .swatch.big{width:1.6em;height:1.6em;border-radius:5px;margin-top:2px}.shaker .card{animation:shaker-rise .22s var(--ease);position:relative}.shaker .card>*{position:relative}.shaker .card:before{content:"";position:absolute;top:-1.3rem;left:-1.6rem;right:-1.6rem;height:150px;pointer-events:none;background:radial-gradient(130% 100% at 16% -12%,color-mix(in srgb,var(--drink) 22%,transparent),transparent 62%)}@keyframes shaker-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.shaker .card-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid color-mix(in srgb,var(--drink) 25%,var(--line))}.shaker .card-title{flex:1;min-width:0}.shaker .cardname{margin:0;font-size:1.55rem;font-weight:800;letter-spacing:-.01em;text-transform:capitalize;line-height:1.15;display:flex;align-items:center}.shaker .name-swatch{width:.92em;height:.92em;border-radius:4px;display:inline-block;flex:none;margin-right:.55rem;box-shadow:inset 0 0 0 1px #ffffff47,0 0 12px color-mix(in srgb,var(--drink) 70%,transparent)}.shaker .facts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.shaker .fact{font-size:.84rem;padding:.24rem .7rem;border-radius:var(--r-pill);background:var(--surface2);border:1px solid var(--line);color:var(--text2);text-transform:capitalize}.shaker .fact-alc{color:var(--brand2);border-color:#e8c45c59;background:#e8c45c17}.shaker .fact-simple{color:var(--green);border-color:#63d68f4d;background:#63d68f14}.shaker .fact-moderate{color:var(--blue);border-color:#6fb0ff4d;background:#6fb0ff14}.shaker .fact-complex{color:var(--orange);border-color:#eb9a4a4d;background:#eb9a4a14}.shaker .fact-block{color:var(--cyan);border-color:#4fd6d04d;background:#4fd6d014}.shaker .icon{width:112px;height:112px;image-rendering:pixelated;-o-object-fit:contain;object-fit:contain;flex:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55)) drop-shadow(0 0 12px color-mix(in srgb,var(--drink) 65%,transparent))}.shaker .sect{margin:1.4rem 0}.shaker .sect h3{display:flex;align-items:center;gap:.5rem;font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .7rem}.shaker .sect h3:after{content:"";flex:1;height:1px;background:var(--line)}.shaker .sect-primary{border-left:2px solid color-mix(in srgb,var(--accent) 60%,transparent);padding-left:.95rem;margin-left:-.15rem}.shaker .sect-primary>h3{color:var(--text);font-size:.92rem}.shaker .sect-primary>h3:after{background:color-mix(in srgb,var(--accent) 32%,var(--line))}.shaker .note{color:var(--faint);font-weight:500;letter-spacing:.02em;text-transform:none;font-family:var(--mono);font-size:.82rem}.shaker .muted{color:var(--muted)}.shaker .spirit{padding:.8rem 1rem;background:var(--surface);border-radius:var(--r);border:1px solid var(--line)}.shaker .chips{display:flex;align-items:center;gap:.4rem;margin:0 0 1rem;flex-wrap:wrap}.shaker .make-label{color:var(--faint);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}.shaker .chip{min-width:3.6em;padding:.45rem .85rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface2);color:var(--muted);font:inherit;font-family:var(--mono);font-size:.95rem;cursor:pointer;transition:transform .1s var(--ease),border-color .12s,background .12s,color .12s}.shaker .chip:hover{color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.shaker .chip:not(.active){box-shadow:inset 0 0 0 1px transparent}.shaker .chip.active{background:linear-gradient(180deg,var(--accent2),var(--accent));color:#0e1017;border-color:transparent;font-weight:700;box-shadow:var(--sh-sm)}.shaker .recipe .step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:.75rem .9rem;margin:0 0 .7rem}.shaker .step-head{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.5rem}.shaker .step-no{width:1.9rem;height:1.9rem;border-radius:50%;flex:none;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#0e1017;font-family:var(--mono);font-weight:800;font-size:1rem;display:inline-flex;align-items:center;justify-content:center}.shaker .step-name{font-weight:700;text-transform:capitalize;font-size:1.12rem}.shaker .yield{margin-left:auto;color:var(--text2);font-size:1.05rem;font-family:var(--mono);white-space:nowrap}.shaker .yield b{color:var(--text);font-weight:800}.shaker .badge{padding:.32rem .7rem;border-radius:7px;font-size:.95rem;font-weight:800;letter-spacing:.04em;color:#fff;white-space:nowrap;font-family:var(--mono);box-shadow:var(--sh-sm)}.shaker .badge-shake{background:linear-gradient(180deg,#3a5aa8,#2b4a8f)}.shaker .badge-stir{background:linear-gradient(180deg,#3a7d47,#2f6d3a)}.shaker .badge-combine{background:linear-gradient(180deg,#646a76,#565b66)}.shaker .badge-centrifuge{background:linear-gradient(180deg,#9a4d9a,#8a3d8a)}.shaker .badge-electrolyse{background:linear-gradient(180deg,#f0a24d,#e08a3c);color:#1a1205}.shaker .ing-list{list-style:none;margin:0;padding:0}.shaker .ing{display:flex;align-items:center;gap:.8rem;padding:.42rem .1rem;border-top:1px solid rgba(255,255,255,.05)}.shaker .ing:first-child{border-top:none}.shaker .ing-amt{min-width:2.9em;text-align:right;font-family:var(--mono);font-weight:800;font-size:1.35rem;color:var(--brand2);font-variant-numeric:tabular-nums;line-height:1}.shaker .ing-name{flex:1;text-transform:capitalize;font-weight:500;font-size:1.08rem}.shaker .tag{font-size:.82rem;padding:.2rem .6rem;border-radius:var(--r-pill);font-weight:600;white-space:nowrap}.shaker .tag.src-booze{color:var(--magenta);background:#d888e021}.shaker .tag.src-soda{color:var(--blue);background:#6fb0ff21}.shaker .tag.src-vendor{color:var(--cyan);background:#4fd6d021}.shaker .tag.src-craft{color:var(--text2);background:var(--surface2)}.shaker .tag.src-raw{color:var(--orange);background:#eb9a4a21}.shaker .tag.src-other{color:var(--text2);background:var(--surface2)}.shaker .tag.tag-step{color:var(--green);background:#63d68f21}.shaker .step-note{margin:.55rem 0 0;color:var(--faint);font-size:.88rem;font-family:var(--mono)}.shaker .mix-warn{margin:.6rem 0 0;padding:.5rem .7rem;font-size:.92rem;background:#eb9a4a1a;border:1px solid rgba(235,154,74,.3);border-radius:var(--r);color:#f0b878}.shaker .mix-warn b{color:var(--orange)}.shaker .basefrom{color:var(--muted);font-size:.84rem;margin:.5rem 0 0}.shaker .basefrom-label{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;margin-right:.3rem}.shaker .effects-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.shaker .eff{display:flex;align-items:center;gap:.6rem;padding:.38rem .55rem;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line2);border-radius:var(--r)}.shaker .eff-icon{width:2rem;height:2rem;border-radius:8px;flex:none;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;background:var(--surface2);color:var(--text2)}.shaker .eff-text{flex:1;color:var(--text);font-size:1.05rem}.shaker .eff-scope{font-size:.82rem;font-family:var(--mono);color:var(--muted);padding:.16rem .55rem;border-radius:var(--r-pill);background:var(--surface2);white-space:nowrap}.shaker .eff-scope.anyone{opacity:.5}.shaker .eff-scope.od-gate{background:#fff;color:var(--red);font-weight:800;opacity:1;letter-spacing:0}.shaker .eff.eff-heal,.shaker .eff.eff-good{border-left-color:var(--green)}.shaker .eff.eff-heal .eff-icon,.shaker .eff.eff-good .eff-icon{background:#63d68f26;color:var(--green)}.shaker .eff.eff-damage{border-left-color:var(--red)}.shaker .eff.eff-damage .eff-icon{background:#f26a6326;color:var(--red)}.shaker .eff.eff-bad{border-left-color:var(--yellow)}.shaker .eff.eff-bad .eff-icon{background:#e8c45c26;color:var(--yellow)}.shaker .eff.eff-status{border-left-color:var(--cyan)}.shaker .eff.eff-status .eff-icon{background:#4fd6d026;color:var(--cyan)}.shaker .eff.eff-other .eff-icon{background:var(--surface2);color:var(--text2)}.shaker .usedin{line-height:1.9}.shaker .xref{color:var(--accent);text-decoration:none;text-transform:capitalize;border-bottom:1px dotted transparent;transition:border-color .12s;cursor:pointer}.shaker .xref:hover{border-bottom-color:var(--accent)}.shaker .flavour{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line);max-width:62ch}.shaker .taste{color:var(--muted);margin:0;font-size:.9rem}.shaker .taste em{color:var(--text2);font-style:italic}.shaker .desc{color:var(--muted);font-style:italic;margin:.35rem 0 0;font-size:.9rem;line-height:1.55}.shaker .taglist{display:flex;flex-wrap:wrap;gap:.4rem}.shaker .tag.tag-treat{color:var(--green);background:#63d68f21;text-transform:capitalize}.shaker .tag.tag-cause{color:var(--red);background:#f26a6321;text-transform:capitalize}.shaker .od-warn{display:flex;align-items:center;gap:.7rem;padding:.7rem .95rem;background:#f26a631a;border:1px solid rgba(242,106,99,.45);border-left:3px solid var(--red);border-radius:var(--r);color:#f4a7a3}.shaker .od-warn .od-icon{font-size:1.35rem;line-height:1;color:var(--red)}.shaker .od-warn b{color:var(--red)}.shaker .od-warn.od-loud{align-items:flex-start;gap:.85rem;padding:.95rem 1.1rem;background:#f26a6329;border-width:1.5px;border-left-width:5px;box-shadow:0 0 0 1px #f26a6326,var(--sh-sm)}.shaker .od-warn.od-loud .od-icon{font-size:1.8rem}.shaker .od-body{display:flex;flex-direction:column;gap:.4rem;min-width:0}.shaker .od-body>b{font-size:1.15rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.shaker .od-src{font-family:var(--mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.12rem .5rem;border-radius:var(--r-pill);background:#f26a6338;color:#ffd7d4;border:1px solid rgba(242,106,99,.5)}.shaker .od-chips{display:flex;flex-wrap:wrap;gap:.35rem}.shaker .od-chip{font-family:var(--mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.18rem .6rem;border-radius:var(--r-pill);background:#ffffff0f;border:1px solid rgba(242,106,99,.5);color:#f9c7c3}.shaker .od-note{color:#f4b7b3;font-size:.86rem;opacity:.92}.shaker .species-warn b{color:#f0a54a}.shaker .species-warn{border-color:#eb9a4a80;background:#eb9a4a1f;border-left-color:var(--orange);color:#f0cba0}.shaker .species-warn .od-icon{color:var(--orange)}.shaker .species-warn .od-note{color:#eec79a}.shaker .od-warn.od-meta{background:#e8c45c1a;border-color:#e8c45c73;border-left-color:var(--yellow);color:#efdca0}.shaker .od-warn.od-meta .od-icon{color:var(--yellow)}.shaker .od-warn.od-meta b{color:#f0d58a}.shaker .od-warn.od-meta .od-chip{border-color:#e8c45c80;color:#efdca0}.shaker .conflict-warn{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 .5rem}.shaker .conflict-warn:last-child{margin-bottom:0}.shaker .conflict-icon{font-size:1.2rem;line-height:1.2;color:var(--red);flex:none}.shaker .conflict-warn b{color:var(--red)}.shaker .synth-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.95rem;text-decoration:none;padding:.5rem .85rem;border-radius:var(--r);background:#4fd6d01a;border:1px solid rgba(79,214,208,.35);color:var(--cyan);transition:border-color .12s,background .12s,transform .1s var(--ease)}.shaker .synth-link:hover{border-color:var(--cyan);background:#4fd6d029;transform:translateY(-1px)}.shaker .tps{font-family:var(--mono);font-size:.72rem;font-weight:800;color:#0e1710;background:var(--green);padding:.05rem .4rem;border-radius:var(--r-pill);white-space:nowrap;letter-spacing:.02em;flex:none}.shaker .warn-pill{font-size:.72rem;line-height:1;flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .2rem;border-radius:var(--r-pill);border:1px solid transparent}.shaker .warn-pill.od{color:#ffe0dd;background:#f26a6347;border-color:#f26a6399}.shaker .warn-pill.mix{color:#ffe4c2;background:#eb9a4a3d;border-color:#eb9a4a99}.shaker .eff-rate{font-family:var(--mono);font-weight:800;font-size:.92rem;padding:.08rem .5rem;border-radius:var(--r-pill);white-space:nowrap;flex:none;letter-spacing:.01em}.shaker .eff-rate-heal{color:#0e1710;background:var(--green)}.shaker .eff-rate-damage,.shaker .eff-rate-bad{color:#fff;background:var(--red)}.shaker .eff-rate-status{color:#1a1400;background:var(--yellow)}.shaker .eff-rate-other{color:var(--text);background:var(--surface2)}.shaker .ing-link{color:var(--accent);cursor:pointer;text-decoration:none;border-bottom:1px dotted transparent;transition:border-color .12s,color .12s}.shaker .ing-link:hover{border-bottom-color:var(--accent);color:var(--text)}.shaker .inherited{padding-left:.7rem;margin:0 0 .55rem;border-left:2px dashed var(--line2)}.shaker .inherited-from{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);margin:0 0 .35rem}.shaker .mnemonic{margin:1.4rem 0 0;padding:.7rem .95rem;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--r);color:var(--text2);font-size:.95rem;line-height:1.5}.shaker .mnemonic-label{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;margin-right:.4rem}.shaker .mnemonic b{color:var(--brand2);font-weight:700}.shaker .row-sprite{width:20px;height:20px;image-rendering:pixelated;flex:none}.shaker .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted);gap:.7rem;text-align:center}.shaker .empty-logo{width:72px;height:72px;image-rendering:pixelated;opacity:.5;animation:shaker-float 3.5s ease-in-out infinite}@keyframes shaker-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.shaker .site-foot{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:center;padding:.55rem 1rem;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:.78rem}.shaker .foot-links{display:flex;gap:1.1rem}.shaker .site-foot a{color:var(--muted);text-decoration:none;transition:color .12s}.shaker .site-foot a:hover{color:var(--accent)}.shaker .foot-muted{opacity:.7;font-family:var(--mono)}.shaker .row-group{font-size:.62rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--faint);white-space:nowrap}.shaker .cx{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;flex:none}.shaker .cx-tag{margin-left:auto;font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.shaker .cx-pill{font-family:var(--mono);font-size:.62rem;font-weight:800;line-height:1;padding:.16rem .4rem;border-radius:var(--r-pill);background:var(--surface2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}.shaker .cx-pill.depth{color:var(--brand2);border-color:#e0a44d59;background:#e0a44d1a}.shaker .cx-pill.base{color:var(--blue);border-color:#6fb0ff4d;background:#6fb0ff17}.shaker .cx-glyph{font-size:.82rem;line-height:1}.shaker .mode-toggle{margin-top:.2rem}.shaker .gates{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.shaker .gate{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--mono);font-size:.78rem;font-weight:700;padding:.24rem .62rem;border-radius:var(--r-pill);white-space:nowrap}.shaker .gate-heat{color:#f0b878;background:#eb9a4a21;border:1px solid rgba(235,154,74,.4)}.shaker .gate-mix{color:var(--magenta);background:#d888e021;border:1px solid rgba(216,136,224,.4)}.shaker .gate-out{color:#fff;background:var(--red);border:1px solid var(--red)}.shaker .tag.tag-cat{color:var(--yellow);background:#e8c45c24;border:1px solid rgba(232,196,92,.4)}.shaker .rx-arrow{display:flex;align-items:center;gap:.8rem;padding:.55rem .1rem 0;margin-top:.35rem;border-top:1px dashed var(--line2)}.shaker .rx-arrow .arrow{font-size:1.5rem;line-height:1;color:var(--brand2);font-weight:800;min-width:2.9em;text-align:right}.shaker .tree .twig{border-top:1px solid rgba(255,255,255,.04)}.shaker .tree-toggle{cursor:pointer}.shaker .tree-toggle:hover{background:var(--surface);border-radius:var(--r)}.shaker .tree .caret{width:1em;color:var(--faint);flex:none;font-size:.9rem}.shaker .tag.leaf-gen{color:var(--green);background:#63d68f21}.shaker .tag.leaf-jug{color:var(--orange);background:#eb9a4a21}.shaker .fromlist{display:flex;flex-direction:column;gap:.4rem}.shaker .fromrow{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}.shaker .fromrow.link{cursor:pointer;transition:border-color .12s,background .12s,transform .08s}.shaker .fromrow.link:hover{border-color:var(--accent);background:var(--surface2);transform:translate(2px)}.shaker .fromrow .arrow{color:var(--faint);font-size:1.1rem;flex:none}.shaker .fromrow .ing-name{flex:1}.shaker .tag.gate-out-tag{color:#ffd7d4;background:#f26a6333;border:1px solid rgba(242,106,99,.5)}.shaker .cart-check{width:1.1em;text-align:center;font-weight:800;color:var(--faint);flex:none}.shaker .row.sel .cart-check{color:var(--accent)}.shaker .cart-bar{margin:0 0 1.3rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.shaker .cart-bar h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem}.shaker .cart-bar h3:after{content:none}.shaker .cart-clear{margin-left:auto;font:inherit;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);background:none;border:1px solid var(--line);border-radius:var(--r-pill);padding:.15rem .6rem;cursor:pointer;transition:color .12s,border-color .12s}.shaker .cart-clear:hover{color:var(--red);border-color:#f26a6380}.shaker .tag.cart-chip{cursor:pointer;text-transform:capitalize;color:var(--accent2);background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.shaker .tag.cart-chip:hover{color:var(--red);background:#f26a6324;border-color:#f26a6366}.shaker .cart-x{opacity:.6;font-weight:800}.shaker .cart-need{font-size:.8rem;color:var(--orange);font-family:var(--mono);text-transform:capitalize}.shaker .cart-ok{font-size:.8rem;color:var(--green);font-weight:600}@media (max-width: 760px){.shaker{height:auto}.shaker .body{grid-template-columns:1fr;grid-template-rows:42vh 1fr}.shaker .list{border-right:none;border-bottom:1px solid var(--line)}.shaker .topbar{flex-wrap:wrap;position:static}.shaker .tabs{position:static}.shaker .brand-sub{display:none}.shaker .filter-group{margin-left:0}.shaker .detail{padding:1rem 1.1rem}}