.g-alc{width:min(640px,100%);display:flex;flex-direction:column;align-items:center;gap:1.1rem}.g-alc__cauldron{width:120px;height:100px;position:relative;border-radius:0 0 55% 55%/0 0 70% 70%;background:#2f3a34;box-shadow:0 14px 28px var(--g-shadow);overflow:hidden;border:3px solid #1f2a24}.g-alc__cauldron:before{content:"";position:absolute;left:-8px;right:-8px;top:8px;height:14px;border-radius:999px;background:#3d5c4a;z-index:2}.g-alc__liquid{position:absolute;left:8%;right:8%;bottom:8%;height:55%;border-radius:40% 40% 50% 50%;background:linear-gradient(180deg,#7f9e8a,#3d5c4a);transition:background .35s ease,height .35s ease}.g-alc__cauldron.is-boiling .g-alc__liquid{height:70%;animation:g-brew .7s ease-in-out infinite alternate}.g-alc__bubbles{position:absolute;inset:20% 10% 10%;pointer-events:none;z-index:1}.g-alc__bubble{position:absolute;bottom:0;width:8px;height:8px;border-radius:50%;background:#ffffff73;animation:g-bubble 1.4s ease-in infinite}.g-alc__meter{display:flex;gap:.45rem}.g-alc__drop{width:.85rem;height:.85rem;border-radius:50% 50% 50% 10%;transform:rotate(-45deg);background:color-mix(in srgb,var(--g-sage) 22%,white);border:1.5px solid color-mix(in srgb,var(--g-sage) 35%,transparent);transition:background .25s,transform .25s}.g-alc__drop.is-filled{transform:rotate(-45deg) scale(1.15);border-color:transparent}.g-alc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;width:100%}.g-alc__ing{appearance:none;display:flex;align-items:center;gap:.65rem;border:1.5px solid color-mix(in srgb,var(--g-sage) 30%,transparent);background:color-mix(in srgb,var(--g-cream) 92%,white);border-radius:1rem;padding:.75rem .9rem;cursor:pointer;text-align:left;box-shadow:0 8px 16px var(--g-shadow);transition:transform .15s ease,border-color .15s;animation:g-rise .35s ease both}.g-alc__ing:hover{transform:translateY(-3px);border-color:var(--g-coral)}.g-alc__ing.is-tossed{transform:translateY(-18px) scale(.92);opacity:.55}.g-alc__swatch{width:1.35rem;height:1.35rem;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 2px #ffffff59}.g-alc__ing-label{font-family:var(--g-font-display);font-weight:600;font-size:.92rem;color:var(--g-sage-deep);line-height:1.25}.g-alc__done{margin:0;font-family:var(--g-font-display);font-weight:600;color:var(--g-sage-deep)}@keyframes g-brew{0%{filter:brightness(1)}to{filter:brightness(1.15)}}@keyframes g-bubble{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.7}to{transform:translateY(-48px) scale(1);opacity:0}}@media(max-width:640px){.g-alc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
