/* EXYTOSA Motion UI — CSS/SVG-free animated sticker style. */
.exy-motion{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.exy-motion .exy-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.exy-motion .exy-confetti i{position:absolute;width:7px;height:12px;border-radius:2px;animation:exyConfetti 2.8s ease-in-out infinite;opacity:.9}
.exy-motion .exy-confetti i:nth-child(1){left:8%;top:28%;background:#22c55e;animation-delay:-.2s;transform:rotate(22deg)}
.exy-motion .exy-confetti i:nth-child(2){left:18%;top:12%;background:#38bdf8;animation-delay:-1.1s;transform:rotate(-28deg)}
.exy-motion .exy-confetti i:nth-child(3){left:78%;top:16%;background:#f59e0b;animation-delay:-1.8s;transform:rotate(36deg)}
.exy-motion .exy-confetti i:nth-child(4){left:88%;top:38%;background:#ec4899;animation-delay:-.8s;transform:rotate(-18deg)}
.exy-motion .exy-confetti i:nth-child(5){left:11%;top:68%;background:#8b5cf6;animation-delay:-2.2s;transform:rotate(45deg)}
.exy-motion .exy-confetti i:nth-child(6){left:84%;top:72%;background:#06b6d4;animation-delay:-1.4s;transform:rotate(-36deg)}
.exy-motion .exy-confetti i:nth-child(7){left:49%;top:6%;background:#facc15;animation-delay:-2.5s;transform:rotate(12deg)}
.exy-motion .exy-confetti i:nth-child(8){left:62%;top:82%;background:#fb7185;animation-delay:-.5s;transform:rotate(28deg)}
.exy-motion .exy-spark{position:absolute;width:8px;height:8px;background:#fef08a;transform:rotate(45deg);filter:drop-shadow(0 0 7px rgba(250,204,21,.8));animation:exySpark 1.8s ease-in-out infinite}
.exy-motion .exy-spark.s1{left:19%;top:49%}.exy-motion .exy-spark.s2{right:18%;top:48%;animation-delay:-.7s}.exy-motion .exy-spark.s3{right:29%;bottom:15%;animation-delay:-1.2s}
.exy-motion-pending{width:min(100%,320px);height:205px;margin:0 auto 8px}
.exy-motion-pending .exy-hand{font-size:76px;line-height:1;filter:drop-shadow(0 10px 15px rgba(250,204,21,.18));animation:exyHand 1.7s ease-in-out infinite;transform-origin:55% 90%}
.exy-motion-pending .exy-dots{display:inline-block;min-width:26px;text-align:left;animation:exyDots 1.4s steps(4,end) infinite}
.exy-motion-pending .exy-ring{position:absolute;width:112px;height:112px;border:2px solid rgba(250,204,21,.22);border-radius:50%;animation:exyRing 2.2s ease-out infinite}
.exy-motion-ready{width:100%;min-height:170px;margin:0 auto 8px}
.exy-motion-ready .exy-party{font-size:76px;line-height:1;animation:exyParty 1.25s ease-in-out infinite;filter:drop-shadow(0 12px 18px rgba(34,197,94,.22))}
.exy-motion-ready .exy-check{position:absolute;right:calc(50% - 76px);top:24px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#03150a;font-weight:1000;font-size:18px;box-shadow:0 0 0 5px rgba(34,197,94,.1),0 0 24px rgba(34,197,94,.35);animation:exyCheck 1.5s ease-in-out infinite}
.exy-motion-ready .exy-ready-word{position:absolute;bottom:2px;font-size:22px;font-weight:1000;letter-spacing:-.04em;color:#22c55e;text-shadow:0 0 18px rgba(34,197,94,.25);animation:exyGlowText 1.8s ease-in-out infinite}
.exy-motion-thanks{width:130px;height:86px;flex:0 0 130px}
.exy-motion-thanks .exy-party{font-size:48px;animation:exyParty 1.35s ease-in-out infinite}
.exy-motion-thanks .exy-heart{position:absolute;font-size:16px;animation:exyHeart 1.6s ease-in-out infinite}
.exy-motion-thanks .h1{left:17px;top:8px}.exy-motion-thanks .h2{right:17px;top:16px;animation-delay:-.6s}.exy-motion-thanks .h3{right:26px;bottom:9px;animation-delay:-1s}
.exy-ready-popup{position:fixed;inset:0;z-index:5200;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}
.exy-ready-popup.open{display:flex;animation:exyFadeIn .22s ease-out}
.exy-ready-card{position:relative;width:min(94vw,460px);padding:24px 22px 20px;border:1px solid rgba(34,197,94,.42);border-radius:22px;background:linear-gradient(150deg,rgba(5,17,12,.98),rgba(7,12,22,.98));box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 50px rgba(34,197,94,.12);text-align:center;overflow:hidden}
.exy-ready-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(34,197,94,.14),transparent 43%);pointer-events:none}
.exy-ready-card h3{position:relative;margin:0 0 7px;color:#34f26d;font-size:27px;font-weight:1000;letter-spacing:-.04em;text-transform:uppercase}
.exy-ready-card p{position:relative;margin:0 auto 16px;max-width:360px;color:#b8c6c0;font-size:12px;line-height:1.55}
.exy-ready-card .exy-ready-order{position:relative;margin:0 auto 14px;width:min(100%,330px);padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);font-size:10px;color:#cbd5e1}
.exy-ready-card .exy-ready-actions{position:relative;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.exy-ready-card .exy-ready-actions button{border:1px solid rgba(34,197,94,.35);border-radius:10px;padding:10px 16px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#03150a;font-weight:950;cursor:pointer;box-shadow:0 8px 24px rgba(34,197,94,.18)}
.exy-ready-card .exy-ready-actions button.secondary{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#e5e7eb;box-shadow:none}
html[data-theme="light"] .exy-ready-popup{background:rgba(15,23,42,.38)}
html[data-theme="light"] .exy-ready-card{background:linear-gradient(150deg,#ffffff,#f4fff7);border-color:rgba(22,163,74,.28);box-shadow:0 25px 70px rgba(15,23,42,.2)}
html[data-theme="light"] .exy-ready-card p{color:#52606d}.exy-ready-card .exy-ready-order{background:#f6f9f7;color:#344054;border-color:rgba(15,23,42,.08)}
@keyframes exyHand{0%,100%{transform:translateY(2px) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}
@keyframes exyDots{0%{opacity:.25}30%{opacity:.55}60%{opacity:1}100%{opacity:.25}}
@keyframes exyRing{0%{transform:scale(.72);opacity:.8}100%{transform:scale(1.55);opacity:0}}
@keyframes exyConfetti{0%,100%{transform:translateY(0) rotate(0deg);opacity:.25}45%{transform:translateY(-11px) rotate(90deg);opacity:1}70%{transform:translateY(7px) rotate(150deg);opacity:.7}}
@keyframes exySpark{0%,100%{transform:rotate(45deg) scale(.6);opacity:.25}50%{transform:rotate(45deg) scale(1.25);opacity:1}}
@keyframes exyParty{0%,100%{transform:translateY(2px) rotate(-3deg) scale(1)}45%{transform:translateY(-7px) rotate(3deg) scale(1.05)}70%{transform:translateY(0) rotate(-2deg) scale(1)}}
@keyframes exyCheck{0%,100%{transform:scale(.94) rotate(-4deg)}50%{transform:scale(1.08) rotate(4deg)}}
@keyframes exyGlowText{0%,100%{filter:brightness(1)}50%{filter:brightness(1.28)}}
@keyframes exyHeart{0%,100%{transform:translateY(3px) scale(.8);opacity:.4}50%{transform:translateY(-8px) scale(1.12);opacity:1}}
@keyframes exyFadeIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.exy-motion *, .exy-ready-popup, .exy-ready-card *{animation:none!important;transition:none!important}}
@media(max-width:520px){.exy-ready-card{padding:20px 15px}.exy-ready-card h3{font-size:22px}.exy-motion-pending{height:175px}.exy-motion-pending .exy-hand,.exy-motion-ready .exy-party{font-size:64px}}
.exy-motion-renew{width:92px;height:76px;flex:0 0 92px}.exy-motion-renew .exy-cycle{width:56px;height:56px;border:10px solid #ffb703;border-top-color:#ff7a00;border-radius:50%;animation:exyCycle 2.2s linear infinite;box-shadow:0 0 20px rgba(255,167,0,.18)}.exy-motion-renew .exy-arrow{position:absolute;font-size:26px;color:#22c55e;font-weight:1000;animation:exyArrow .9s ease-in-out infinite alternate}.exy-motion-renew .a1{left:5px;top:8px}.exy-motion-renew .a2{right:5px;bottom:8px;animation-delay:-.45s}.exy-motion-renew .exy-renew-word{position:absolute;bottom:-2px;font-size:12px;font-weight:1000;color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.2)}
@keyframes exyCycle{to{transform:rotate(360deg)}}@keyframes exyArrow{from{transform:scale(.88)}to{transform:scale(1.12)}}