/* Small transform/opacity animations; transparent and click-through at every frame. */
.light-celebration{position:fixed;inset:0;z-index:10000;pointer-events:none;overflow:hidden;contain:strict;isolation:isolate}
.light-celebration .light-confetti{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:2px;background:var(--c);opacity:0;animation:zk-confetti-drift 1080ms cubic-bezier(.12,.55,.33,1) var(--delay) both}
@keyframes zk-confetti-drift{0%{opacity:0;transform:translate3d(0,-22px,0) rotate(0deg)}12%{opacity:1}65%{opacity:.9}100%{opacity:0;transform:translate3d(var(--drift),var(--fall),0) rotate(var(--turn))}}
.light-celebration .light-celebration-badge{position:absolute;top:36%;left:50%;box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:12px;padding:15px 22px;border:1px solid #85e4c0;border-radius:22px;background:#effff7;color:#123e32;font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.5;font-weight:800;font-size:21px;animation:zk-badge-pop 1240ms ease both}
.light-celebration .light-celebration-check{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#158966;color:#fff;font:800 23px/1 Arial}
.light-celebration .light-celebration-copy{display:grid;gap:0;min-width:0;overflow-wrap:anywhere}.light-celebration .light-celebration-copy small{font-size:13px;font-weight:650;color:#25684e}
@keyframes zk-badge-pop{0%{opacity:0;transform:translate3d(-50%,12px,0) scale(.95)}15%,73%{opacity:1;transform:translate3d(-50%,0,0) scale(1)}100%{opacity:0;transform:translate3d(-50%,-10px,0) scale(1)}}
@media(max-width:600px){.light-celebration .light-celebration-badge{font-size:19px;padding:13px 18px}}
@media(prefers-reduced-motion:reduce){.light-celebration .light-confetti{display:none}.light-celebration .light-celebration-badge{animation:none;opacity:1;transform:translateX(-50%)}}
