:root{--bg: #130b0e;--bg-2: #1c1210;--ink: #f2ead9;--ink-dim: #cab795;--ink-faint: #94805f;--gold: #d9b25e;--gold-bright: #f2d68c;--gold-dim: rgba(217, 178, 94, .45);--emerald: #3ddc97;--rune: #7fe6c4;--amethyst: #a98bd6;--leather: #6d2338;--leather-deep: #4a1626;--panel: rgba(34, 23, 19, .82);--panel-2: #211611;--line: rgba(217, 178, 94, .22);--line-soft: rgba(255, 235, 200, .08);--red: #e5484d;--amber: #f5a623;--green: #3ddc97;--radius: 16px;--radius-sm: 10px;--shadow: 0 20px 55px rgba(0, 0, 0, .55);--font-display: "Cinzel Decorative", "Cinzel", Georgia, serif;--font-head: "Cinzel", "Trajan Pro", Georgia, serif;--font-body: "Spectral", Georgia, "Times New Roman", serif;--font-tale: "IM Fell English", "Spectral", Georgia, serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1000px 640px at 50% 112%,rgba(255,154,60,.13),transparent 62%),radial-gradient(1100px 620px at 12% -12%,rgba(122,82,165,.16),transparent 60%),radial-gradient(950px 700px at 104% 0%,rgba(61,220,151,.09),transparent 55%),radial-gradient(700px 500px at 85% 100%,rgba(217,178,94,.08),transparent 60%),var(--bg);overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,transparent 55%,rgba(10,4,3,.5) 100%)}h2{margin:0;font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-bright)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;border-radius:50%;background:#f6e3ae;box-shadow:0 0 4px #f6e3aecc;animation:twinkle 3s ease-in-out infinite}.star.dim{opacity:.4;box-shadow:none}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.9}}.aurora{position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(90px);opacity:.13;will-change:transform}.aurora-a{left:-12vw;top:-18vw;background:radial-gradient(circle,#7a52a5,transparent 65%);animation:drift-a 46s ease-in-out infinite alternate}.aurora-b{right:-14vw;bottom:-22vw;background:radial-gradient(circle,#e8a04c,transparent 65%);animation:drift-b 58s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(9vw,7vh) scale(1.15)}}@keyframes drift-b{to{transform:translate(-8vw,-6vh) scale(1.12)}}.firefly{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe8a3;box-shadow:0 0 6px 2px #ffd6788c;opacity:0;animation:firefly 16s ease-in-out infinite}@keyframes firefly{0%{transform:translate(0);opacity:0}8%{opacity:.9}30%{opacity:.35}45%{transform:translate(var(--dx, 20px),-55px);opacity:.85}62%{opacity:.3}78%{opacity:.75}92%{opacity:0}to{transform:translate(calc(var(--dx, 20px) * -.4),-120px);opacity:0}}.app{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px 16px;flex-wrap:wrap;padding:11px 20px;min-height:62px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#1e130ef7,#1a100ce6);box-shadow:0 1px #d9b25e14}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:block;filter:drop-shadow(0 4px 12px rgba(61,220,151,.4))}.brand-mark svg{width:100%;height:100%}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-name{margin:0;font-family:var(--font-display);font-size:24px;font-weight:900;letter-spacing:.5px;background:linear-gradient(90deg,var(--gold-bright),var(--emerald));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-tag{font-family:var(--font-tale);font-size:13px;color:var(--ink-faint);letter-spacing:.4px;font-style:italic}.topbar-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.unit-toggle{display:inline-flex;background:#00000059;border:1px solid var(--line);border-radius:999px;padding:3px}.unit-toggle button{border:0;background:transparent;color:var(--ink-dim);font:inherit;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 13px;border-radius:999px;cursor:pointer;transition:color .15s,background .15s}.unit-toggle button:hover{color:var(--ink)}.unit-toggle button.active{color:#2a1e06;background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 2px 10px #d9b25e73}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-head);font-size:13px;font-weight:600;letter-spacing:.6px;padding:9px 15px;border-radius:10px;cursor:pointer;border:1px solid var(--gold-dim);color:var(--gold-bright);background:#d9b25e0f;transition:transform .1s,background .15s,border-color .15s,box-shadow .2s}.btn:hover{background:#d9b25e24;box-shadow:0 0 16px #d9b25e38}.btn:active{transform:translateY(1px)}.btn-ico{font-size:15px;filter:saturate(1.1)}.btn-primary{border-color:#d9b25ea6;color:var(--gold-bright);background:linear-gradient(180deg,var(--leather),var(--leather-deep));box-shadow:0 4px 16px #4a16268c,inset 0 1px #ffdca024}.btn-primary:hover{background:linear-gradient(180deg,#813047,#5a1d30);box-shadow:0 4px 20px #8130478c}.btn-ghost{background:transparent}.btn-block{width:100%;justify-content:center;padding:13px;margin-top:14px;font-size:14px}.menu-wrap{position:relative}.recipes-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:340px;max-height:66vh;overflow-y:auto;background:var(--panel-2);border:1px solid var(--gold-dim);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px;animation:menuIn .16s ease}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1}}.menu-title{grid-column:1 / -1;text-align:center;font-family:var(--font-head);font-size:12px;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;padding:2px 0 6px;border-bottom:1px solid var(--line);margin-bottom:2px}.recipe-item{text-align:left;border:1px solid var(--line-soft);background:#ffebc808;border-radius:10px;padding:9px 11px;cursor:pointer;color:var(--ink);font:inherit;transition:background .14s,border-color .14s,transform .1s}.recipe-item:hover{background:#d9b25e1f;border-color:var(--gold);transform:translateY(-1px)}.recipe-item .r-name{display:flex;align-items:center;gap:7px;font-family:var(--font-head);font-weight:600;font-size:13px;color:var(--gold-bright)}.recipe-item .r-note{display:block;font-family:var(--font-tale);font-size:12.5px;color:var(--ink-faint);margin-top:3px;line-height:1.35}.layout{display:grid;grid-template-columns:306px 1fr 322px;gap:16px;padding:16px 20px;flex:1;min-height:0}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid var(--gold-dim);border-radius:12px;opacity:.3;pointer-events:none;z-index:2}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(217,178,94,.07),transparent)}.panel-head h2:before{content:"✦ ";content:"✦ " / "";color:var(--gold-dim);font-size:11px;vertical-align:1px}.pill{font-family:var(--font-head);font-size:10.5px;font-weight:600;letter-spacing:.4px;color:var(--ink-dim);background:#ffebc80d;border:1px solid var(--line);padding:4px 10px;border-radius:999px}.brew-list{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1;min-height:40px}.brew-empty{font-family:var(--font-tale);color:var(--ink-faint);font-size:14px;padding:12px 18px;line-height:1.6;font-style:italic;flex:1}.brew-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:10px;animation:rowIn .25s ease}.brew-row:hover{background:#ffebc80d}.brew-row .br-icon{width:30px;height:30px}.brew-row .br-icon svg{width:100%;height:100%}.brew-row .br-mid{min-width:0;display:flex;flex-direction:column;gap:1px}.brew-row .br-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brew-row .br-amt{font-size:12px;color:var(--emerald);font-variant-numeric:tabular-nums;white-space:nowrap}.brew-row .br-ctrls{display:flex;align-items:center;gap:4px}.br-btn{width:25px;height:25px;border-radius:7px;border:1px solid var(--line-soft);background:#ffebc80d;color:var(--ink-dim);cursor:pointer;font-size:15px;line-height:1;display:grid;place-items:center;transition:background .12s,color .12s}.br-btn:hover{background:#ffebc821;color:var(--ink)}.br-btn.br-del:hover{background:#e5484d38;color:#ff9ea1;border-color:#e5484d66}@keyframes rowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.totals{display:flex;gap:10px;padding:12px 14px;border-top:1px solid var(--line)}.total-item{flex:1;background:#00000047;border:1px solid var(--line-soft);border-radius:10px;padding:9px 11px}.total-label{display:block;font-family:var(--font-head);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-faint)}.total-val{display:block;font-size:17px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums;color:var(--gold-bright)}.harmony-card{padding:14px;border-top:1px solid var(--line);background:#00000038;overflow-y:auto}.harmony-top{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;position:relative}.score-ring{width:64px;height:64px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffebc81a;stroke-width:6}.ring-fg{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1),stroke .4s;filter:drop-shadow(0 0 4px currentColor)}.score-center{position:absolute;left:0;top:0;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-value{font-family:var(--font-head);font-size:21px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.score-unit{font-size:9px;color:var(--ink-faint)}.harmony-meta{display:flex;flex-direction:column;min-width:0}.harmony-label{font-family:var(--font-head);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-faint)}.harmony-verdict{font-family:var(--font-head);font-size:15px;font-weight:600;margin-top:2px;color:var(--gold-bright)}.harmony-match{margin-top:4px;font-family:var(--font-tale);font-size:12.5px;color:var(--rune);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:rowIn .3s ease}.flavor-radar{display:flex;justify-content:center;margin:8px 0 0}.flavor-radar svg{width:176px;height:auto}.radar-label{font-family:var(--font-head);font-size:7.5px;letter-spacing:.4px;fill:var(--ink-faint)}.suggestions{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.suggestions li{font-size:12.5px;color:var(--ink-dim);line-height:1.45;padding:7px 10px;border-radius:8px;background:#ffebc808;border-left:2px solid var(--gold-dim)}.suggestions li.good{border-left-color:var(--emerald);color:#bff0da}.suggestions li.warn{border-left-color:var(--amber)}.suggestions li.bad{border-left-color:var(--red)}.stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding-top:6px;min-height:0;position:relative;min-width:0}.cocktail-name{background:transparent;border:0;border-bottom:1px dashed transparent;color:var(--gold-bright);font-family:var(--font-display);font-size:30px;font-weight:700;text-align:center;width:min(520px,92%);padding:4px 6px;letter-spacing:.5px;text-shadow:0 2px 18px rgba(242,214,140,.25)}.cocktail-name:hover{border-bottom-color:var(--gold-dim)}.cocktail-name:focus{outline:none;border-bottom-color:var(--gold)}.verdict-pill{font-family:var(--font-head);font-size:12.5px;font-weight:600;letter-spacing:.5px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim);background:#ffebc80d;transition:all .3s}.verdict-pill[data-tier=legendary]{color:#08160f;background:linear-gradient(90deg,var(--gold-bright),var(--emerald));border-color:transparent;box-shadow:0 0 22px #3ddc9780}.verdict-pill[data-tier=great]{color:#bff0da;background:#3ddc9729;border-color:#3ddc9780}.verdict-pill[data-tier=good]{color:#e7d6a2;background:#d9b25e24;border-color:var(--gold-dim)}.verdict-pill[data-tier=ok]{color:#f6dca0;background:#f5a62324;border-color:#f5a62373}.verdict-pill[data-tier=poor]{color:#ffc4b0;background:#e6783c24;border-color:#e6783c73}.verdict-pill[data-tier=bad]{color:#ff9ea1;background:#e5484d24;border-color:#e5484d73}.cauldron{position:relative;width:min(440px,92%);aspect-ratio:320 / 300;margin-top:6px;isolation:isolate;--glow: rgba(61, 220, 151, 0);--brew: #22304a}.magic-circle{position:absolute;left:50%;top:46%;width:116%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:.55;animation:spin 60s linear infinite;will-change:transform;transition:opacity .25s}.magic-circle svg{width:100%;height:100%}.magic-circle .mc-inner{animation:spin-rev 44s linear infinite;transform-origin:100px 100px;transform-box:view-box}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}.cauldron-glow{position:absolute;top:6%;right:10%;bottom:4%;left:10%;border-radius:50%;background:radial-gradient(circle at 50% 62%,var(--glow),transparent 68%);filter:blur(15px);transition:background .5s;z-index:0;pointer-events:none}.cauldron-fire{position:absolute;left:50%;bottom:3%;transform:translate(-50%);width:54%;height:34%;z-index:0;pointer-events:none;filter:blur(2px)}.flame{position:absolute;bottom:0;left:50%;width:46%;height:100%;border-radius:50% 50% 48% 48%/62% 62% 38% 38%;background:radial-gradient(ellipse at 50% 82%,#ffe08a 0%,#ff9a3c 38%,#e0431f 66%,transparent 76%);transform-origin:bottom center;animation:flicker 1.5s ease-in-out infinite}.flame.f1{width:58%;height:100%;animation-duration:1.7s}.flame.f2{width:40%;height:82%;animation-duration:1.2s;animation-delay:.3s;opacity:.9}.flame.f3{width:30%;height:66%;animation-duration:1.45s;animation-delay:.7s;background:radial-gradient(ellipse at 50% 82%,#fff3c0,#ffb347 45%,#ff6a2b 72%,transparent 80%)}@keyframes flicker{0%,to{transform:translate(-50%) scaleY(1) scaleX(1);opacity:.85}25%{transform:translate(-53%) scaleY(1.12) scaleX(.94);opacity:1}50%{transform:translate(-47%) scaleY(.93) scaleX(1.06);opacity:.78}75%{transform:translate(-51%) scaleY(1.05) scaleX(.98);opacity:.95}}.ember{position:absolute;bottom:12%;left:calc(50% + var(--ex, 0px));width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#ffd27a,#ff6a2b);box-shadow:0 0 6px #ff8a3c;animation:emberRise var(--et, 3.2s) ease-in var(--ed, 0s) infinite}@keyframes emberRise{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}to{transform:translateY(-90px) scale(.3);opacity:0}}.cauldron-steam{position:absolute;left:50%;top:8%;transform:translate(-50%);width:44%;height:30%;z-index:2;pointer-events:none}.steam{position:absolute;bottom:0;left:50%;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,var(--c, rgba(255,255,255,.5)),transparent 70%);opacity:0;filter:blur(6px);animation:steamRise 4.6s ease-in-out infinite}.steam.s1{animation-delay:0s;margin-left:-30px}.steam.s2{animation-delay:1.6s;margin-left:4px;width:28px;height:28px}.steam.s3{animation-delay:3.1s;margin-left:22px;width:18px;height:18px}@keyframes steamRise{0%{transform:translateY(6px) scale(.7);opacity:0}25%{opacity:.5}to{transform:translateY(-64px) translate(10px) scale(1.7);opacity:0}}.cauldron-svg{position:relative;z-index:1;width:100%;height:100%;display:block;overflow:visible}.cauldron.drag-over .cauldron-body{stroke:var(--rune);stroke-width:3}.cauldron.drag-over .cauldron-glow{background:radial-gradient(circle at 50% 60%,rgba(127,230,196,.5),transparent 66%)}.cauldron.drag-over .magic-circle{opacity:.9}.cauldron.pulse .cauldron-glow{animation:glowPulse .7s ease}body.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}body.is-dragging .flame,body.is-dragging .ember,body.is-dragging .steam,body.is-dragging .aurora,body.is-dragging .star,body.is-dragging .firefly,body.is-dragging .magic-circle,body.is-dragging .magic-circle .mc-inner,body.is-dragging .bubble,body.is-dragging .liquid-shine{animation-play-state:paused}@keyframes glowPulse{0%{filter:blur(15px)}40%{filter:blur(28px);transform:scale(1.07)}to{filter:blur(15px)}}.liquid{transition:y .55s cubic-bezier(.2,.8,.2,1),height .55s cubic-bezier(.2,.8,.2,1),fill .6s,fill-opacity .6s}.liquid-surface,.liquid-shine{transition:cy .55s cubic-bezier(.2,.8,.2,1),rx .55s,fill .6s,fill-opacity .6s}.liquid-shine{animation:shimmer 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes shimmer{0%,to{opacity:.25;transform:scaleX(.82)}50%{opacity:.55;transform:scaleX(1.04)}}.glass-shine{opacity:.5}.bubble{transform-box:fill-box;transform-origin:center;animation:rise var(--t, 3s) ease-in var(--d, 0s) infinite}@keyframes rise{0%{transform:translateY(6px);opacity:0}18%{opacity:.75}80%{opacity:.5}to{transform:translateY(-116px);opacity:0}}.drop-hint{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--font-head);font-size:13px;font-weight:600;letter-spacing:.6px;color:var(--rune);padding:8px 16px;border-radius:999px;border:1.5px dashed rgba(127,230,196,.7);background:#0e120c9e;opacity:0;transition:opacity .2s;z-index:4;pointer-events:none}.cauldron.drag-over .drop-hint{opacity:1}.cauldron-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.droplet{position:absolute;left:50%;top:22%;width:14px;height:14px;margin-left:-7px;border-radius:50%/60% 60% 40% 40%;background:var(--c, #fff);box-shadow:0 0 12px var(--c, #fff);animation:drop .42s cubic-bezier(.5,0,.9,.4) forwards}@keyframes drop{0%{top:20%;transform:scaleY(.7);opacity:0}15%{opacity:1}to{top:62%;transform:scaleY(1.15);opacity:.9}}.ripple{position:absolute;left:50%;top:62%;width:30px;height:12px;margin-left:-15px;margin-top:-6px;border-radius:50%;border:2px solid var(--c, #fff);opacity:0;animation:ripple .7s ease-out .34s forwards}@keyframes ripple{0%{transform:scale(.3);opacity:.9}to{transform:scale(3.4);opacity:0}}.sparkle{position:absolute;width:8px;height:8px;left:50%;top:40%;background:var(--c, #fff);opacity:0;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:spark .8s ease-out forwards}@keyframes spark{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--sx)),var(--sy)) scale(1);opacity:0}}.stage-tip{font-family:var(--font-tale);color:var(--ink-faint);font-size:13.5px;margin:12px 0 0;text-align:center;font-style:italic}.drag-ghost{position:fixed;left:-28px;top:-28px;width:56px;height:56px;z-index:200;pointer-events:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(242,214,140,.4));animation:ghostIn .12s ease}.drag-ghost svg{width:100%;height:100%}@keyframes ghostIn{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.search-wrap{padding:12px 14px 8px}.search{width:100%;font:inherit;font-size:13.5px;color:var(--ink);background:#00000052;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.search:focus{outline:none;border-color:var(--gold)}.search::placeholder{color:var(--ink-faint)}.group-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:0 14px 8px}.group-tab{font-family:var(--font-head);font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--ink-dim);border:1px solid var(--line-soft);background:#ffebc808;padding:5px 10px;border-radius:999px;cursor:pointer;transition:all .13s}.group-tab:hover{color:var(--ink);border-color:var(--gold-dim)}.group-tab.active{color:#2a1e06;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:transparent}.fit-legend{display:flex;align-items:center;gap:8px;padding:0 16px 10px;font-size:10.5px;color:var(--ink-faint);letter-spacing:.3px}.legend-bar{flex:1;height:5px;border-radius:999px;background:linear-gradient(90deg,#e5484d,#f5a623,#3ddc97)}.ing-list{overflow-y:auto;flex:1;padding:0 12px 12px}.shelf-empty{font-family:var(--font-tale);color:var(--ink-faint);font-size:14px;font-style:italic;padding:10px 6px}.ing-section{margin-bottom:2px}.ing-section-head{position:sticky;top:0;z-index:3;display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-family:var(--font-head);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);padding:9px 2px 6px;margin-bottom:4px;background:var(--panel-2);border-bottom:1px solid var(--line)}.ing-list.single .ing-section-head{display:none}.sec-count{color:var(--ink-faint);font-size:10px;letter-spacing:.5px}.ing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ing-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border-radius:12px;cursor:grab;border:1px solid var(--line-soft);background:#ffebc809;color:var(--ink);font:inherit;text-align:center;transition:transform .12s,border-color .2s,background .2s,box-shadow .2s;--fit: rgba(255, 235, 200, .14);touch-action:pan-y}.ing-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--fit);transition:background .4s}.ing-card:hover{transform:translateY(-2px);background:#ffebc812;box-shadow:0 8px 22px #0006,0 0 14px #d9b25e1f;border-color:var(--gold-dim)}.ing-card:active{cursor:grabbing}.ing-card .ing-icon{width:40px;height:40px;pointer-events:none}.ing-card .ing-icon svg{width:100%;height:100%}.ing-card .ing-name{font-size:12px;font-weight:500;line-height:1.2;pointer-events:none}.ing-card .fit-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--fit);box-shadow:0 0 6px var(--fit);transition:background .4s,box-shadow .4s;opacity:0}.ing-card.scored .fit-dot{opacity:1}.ing-card.scored{border-color:var(--fit)}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0503ad;z-index:90}.popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);z-index:100;width:min(348px,92vw);background:var(--panel-2);border:1px solid var(--gold-dim);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;animation:popIn .16s ease forwards}@keyframes popIn{to{transform:translate(-50%,-50%) scale(1)}}.pop-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:var(--ink-faint);font-size:24px;cursor:pointer;line-height:1}.pop-close:hover{color:var(--ink)}.pop-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pop-icon{width:46px;height:46px;flex:none}.pop-icon svg{width:100%;height:100%}.pop-name{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--gold-bright)}.pop-desc{font-family:var(--font-tale);font-size:13px;color:var(--ink-faint);margin-top:2px;font-style:italic}.pop-amount{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 14px}.step{width:44px;height:44px;border-radius:12px;border:1px solid var(--gold-dim);background:#d9b25e0f;color:var(--gold-bright);font-size:22px;cursor:pointer;display:grid;place-items:center;transition:background .12s}.step:hover{background:#d9b25e29}.amount-display{min-width:120px;text-align:center}.amount-value{font-family:var(--font-head);font-size:36px;font-weight:700;font-variant-numeric:tabular-nums}.amount-unit{font-size:15px;color:var(--emerald);margin-left:4px}.pop-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pop-chip{font:inherit;font-size:12px;font-weight:600;color:var(--ink-dim);border:1px solid var(--line-soft);background:#ffebc808;padding:6px 11px;border-radius:999px;cursor:pointer;transition:all .12s}.pop-chip:hover{color:var(--ink);border-color:var(--gold-dim)}.pop-chip.active{color:#2a1e06;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:transparent}.toast{position:fixed;left:50%;bottom:26px;background:var(--panel-2);border:1px solid var(--gold-dim);color:var(--gold-bright);font-family:var(--font-head);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.3px;box-shadow:var(--shadow);z-index:120;animation:toastLife 1.9s ease forwards}@keyframes toastLife{0%{opacity:0;transform:translate(-50%) translateY(10px)}10%,82%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(8px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d9b25e47;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#d9b25e73;background-clip:padding-box}@media(max-width:1160px){.layout{grid-template-columns:270px 1fr 288px;gap:12px}}@media(max-width:1000px){body{overflow:auto}.app{height:auto;min-height:100vh}.layout{grid-template-columns:1fr}.stage{order:1;padding:8px 0 4px}.panel-right{order:2}.panel-left{order:3}.cauldron{width:min(380px,78%)}.panel-left,.panel-right{max-height:540px}}@media(max-width:640px){.topbar{padding:10px 14px}.brand-tag{display:none}.layout{padding:12px}.btn-label{display:none}.cocktail-name{font-size:24px}.recipes-menu{position:fixed;top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:62vh;border-radius:16px;grid-template-columns:1fr 1fr}}@media(max-width:380px){.ing-grid,.recipes-menu{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bubble,.liquid-shine,.flame,.ember,.steam,.star,.aurora,.firefly,.magic-circle,.magic-circle .mc-inner{animation:none}*{transition-duration:.001ms!important}}