.snack-popup{position:fixed;right:22px;bottom:22px;width:280px;z-index:100;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:16px;box-shadow:6px 7px 0 var(--ink);padding:20px 16px 12px;animation:snack-enter .35s ease-out;overflow:hidden}.snack-popup[hidden]{display:none}.snack-close{position:absolute;right:4px;top:2px;width:36px;height:36px;border:0;background:transparent;color:var(--ink);font-size:28px;cursor:pointer;z-index:3}.snack-close:focus-visible{outline:3px solid #1686bd;border-radius:6px}.snack-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;max-width:205px;line-height:1.1;margin:0 0 10px}.snack-scene{height:170px;position:relative}.snack-cat{position:absolute;width:140px;height:154px;object-fit:cover;left:0;top:0;border:3px solid var(--cream);border-radius:12px;animation:snack-cat 3.5s ease-in-out both}.snack-fries{position:absolute;left:83px;top:87px;font-size:40px;z-index:2;animation:snack-drop 3.5s ease-in-out both}.snack-bag{position:absolute;left:152px;top:87px;font-size:72px;line-height:1;z-index:3;animation:snack-bag 3.5s ease-in-out both}.snack-done{font-size:15px;font-weight:700;text-align:center;margin:2px 0;animation:snack-done 3.5s ease both}@keyframes snack-enter{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes snack-cat{0%,15%,80%,100%{transform:rotate(0)}35%,60%{transform:rotate(9deg) translate(5px,2px)}}@keyframes snack-drop{0%,15%{transform:translate(0,0) rotate(-15deg);opacity:1}45%{transform:translate(82px,-43px) rotate(12deg);opacity:1}65%{transform:translate(84px,10px) scale(.6);opacity:1}72%,100%{transform:translate(84px,30px) scale(.3);opacity:0}}@keyframes snack-bag{0%,65%,100%{transform:rotate(0)}73%{transform:rotate(-10deg) scale(1.1)}83%{transform:rotate(8deg)}93%{transform:rotate(-4deg)}}@keyframes snack-done{0%,65%{opacity:0}80%,100%{opacity:1}}@media(max-width:600px){.snack-popup{right:12px;bottom:12px;width:260px;padding:18px 12px 10px}.snack-scene{height:165px}}@media(prefers-reduced-motion:reduce){.snack-popup,.snack-cat,.snack-fries,.snack-bag,.snack-done{animation:none}.snack-fries{display:none}}