/* Cosmetic feedback stays above the workstation and never takes a touch target. */
.juice-layer{position:absolute;inset:0;z-index:38;pointer-events:none;overflow:hidden;contain:layout paint}.juice-layer *{pointer-events:none}.juice-toast{position:absolute;display:flex;align-items:center;gap:7px;width:max-content;max-width:212px;min-height:36px;padding:8px 11px;border:1px solid #ffa34e;border-bottom-width:3px;border-radius:12px;background:#fffaf0;color:#392c21;box-shadow:0 5px 15px #58371e1f;transform:translateX(-50%);font:700 12px/1.25 var(--heading,sans-serif);animation:juice-toast-in .22s cubic-bezier(.2,.9,.3,1.3) both}.juice-toast-mark{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#ff7009;color:#2e261f;font-size:15px}.juice-toast-copy{min-width:0}.juice-toast .copy-vi,.juice-toast .i18n-vi{display:block;font:500 10px/1.25 var(--body,sans-serif);opacity:.8;margin-top:2px}.juice-chain{display:block;margin-top:4px;color:#9e440b;font:700 9px/1.2 var(--body,sans-serif)}.juice-chain .copy-vi,.juice-chain .i18n-vi{font-size:8px}.juice-earned{font:700 18px var(--heading,sans-serif);color:#a84b0a;padding-left:3px}.juice-error{border-color:#b47c59;background:#fff3e9}.juice-error .juice-toast-mark{background:#e9c1a3}.juice-crumb{position:absolute;width:5px;height:4px;margin:-2px 0 0 -2px;border-radius:2px;background:var(--crumb-color,#ffbd67);box-shadow:0 1px 0 #6b3f1914;animation:juice-crumb .65s cubic-bezier(.14,.67,.3,1) both;will-change:transform,opacity}.juice-confetti{width:6px;height:9px;border-radius:1px}.juice-ring{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border:2px solid #ff8a2b;border-radius:50%;animation:juice-ring .45s ease-out both}.juice-target-bounce{animation:juice-target-bounce .32s ease-out}
@keyframes juice-toast-in{from{opacity:0;transform:translate(-50%,8px) scale(.86)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes juice-crumb{0%{opacity:1;transform:translate(0,0) rotate(0) scale(.7)}70%{opacity:1}100%{opacity:0;transform:translate(var(--crumb-x),var(--crumb-y)) rotate(var(--crumb-turn)) scale(.5)}}@keyframes juice-ring{from{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.4)}}@keyframes juice-target-bounce{0%{transform:scale(1)}35%{transform:scale(.97)}70%{transform:scale(1.025)}100%{transform:scale(1)}}
@media(max-height:600px) and (orientation:landscape){.juice-toast{max-width:185px;min-height:31px;font-size:10px;padding:6px 8px;gap:5px;border-radius:9px}.juice-toast-mark{width:20px;height:20px;flex-basis:20px;font-size:12px}.juice-toast .copy-vi,.juice-toast .i18n-vi{font-size:9px}.juice-chain{font-size:8px;margin-top:3px}.juice-chain .copy-vi,.juice-chain .i18n-vi{font-size:7px}.juice-earned{font-size:15px}}
@media(prefers-reduced-motion:reduce){.juice-toast,.juice-ring,.juice-target-bounce{animation:none!important}.juice-crumb{display:none}.juice-ring{opacity:.55;transform:none}.juice-toast{transform:translateX(-50%)}}