/* Small syrup progress note beside the bowl, never a blocking popup. */
#craft-shake-guide{
  position:absolute;z-index:23;box-sizing:border-box;width:202px;
  padding:8px 10px;pointer-events:none;user-select:none;
  border:1.5px solid #b49970;border-radius:11px;
  color:#573921;background:#fff9ebf2;
  box-shadow:0 2px 6px #432c1a20;
  font-family:Nunito,system-ui,sans-serif;text-align:left;
}
#craft-shake-guide[hidden]{display:none!important}
#craft-shake-guide .shake-guide-main{display:flex;align-items:center;justify-content:space-between;gap:8px}
#craft-shake-guide .shake-guide-main strong{font-size:15px;font-weight:800;line-height:1.25;color:#57361e;white-space:nowrap}
#craft-shake-guide .shake-guide-main small{font-size:14px;line-height:1.25;font-weight:900;color:#55743c;font-variant-numeric:tabular-nums}
#craft-shake-guide .shake-guide-progress{height:7px;margin-top:6px;border:1px solid #bda37d;border-radius:8px;overflow:hidden;background:#dfc7a2}
#craft-shake-guide .shake-guide-progress i{display:block;height:100%;width:0;border-radius:8px;background:#86a85e;transition:width .08s linear}
#craft-shake-guide.is-dragging{border-color:#82985c}
#craft-shake-guide.is-complete{border-color:#88a66d;background:#f1f7e9}
#craft-shake-guide.is-complete .shake-guide-progress i{background:#759d52;transition:none}
@media(prefers-reduced-motion:reduce){#craft-shake-guide .shake-guide-progress i{transition:none}}