/* Native SVG artwork. One coordinated 12-second story; no image/video downloads. */
#referral-reward .pixel-studio{padding:32px 8px 34px 0;justify-content:center}
.pixel-studio .studio-scene{display:block;width:100%;height:auto;max-width:600px;flex:none;overflow:visible}
.pixel-studio .studio-scene *{animation-play-state:paused!important}
.pixel-studio[data-studio-state="running"] .studio-scene *{animation-play-state:running!important}
.pixel-studio .studio-working{animation:studio-working 12s linear infinite}
.pixel-studio .studio-question{opacity:0;animation:studio-question 12s linear infinite}
.pixel-studio .studio-complete{opacity:0;animation:studio-complete 12s linear infinite}
.pixel-studio .studio-answer{opacity:0;animation:studio-answer 12s linear infinite}
.pixel-studio .studio-task{animation:studio-task 12s steps(8,end) infinite}
.pixel-studio .studio-message{opacity:0;animation:studio-message 12s steps(16,end) infinite}
.pixel-studio .studio-code{animation:studio-typing 12s steps(1,end) infinite}
.pixel-studio .studio-hands{animation:studio-hands 12s steps(1,end) infinite}
.pixel-studio .studio-code-sage,.pixel-studio .studio-hands-sage{animation-delay:-.16s}
.pixel-studio .studio-code-slate,.pixel-studio .studio-hands-slate{animation-delay:-.32s}
.pixel-studio .studio-wave{transform-box:fill-box;transform-origin:center;animation:studio-wave 1.2s steps(4,end) infinite}
.pixel-studio .studio-wave-2{animation-delay:-.3s}
.pixel-studio .studio-wave-3{animation-delay:-.6s}
.pixel-studio .studio-wave-4{animation-delay:-.9s}
/* A stable, completed composition when JS is absent or motion is reduced. */
.pixel-studio[data-studio-state="still"] .studio-scene *{animation:none!important}
.pixel-studio[data-studio-state="still"] .studio-working,
.pixel-studio[data-studio-state="still"] .studio-question,
.pixel-studio[data-studio-state="still"] .studio-message{opacity:0}
.pixel-studio[data-studio-state="still"] .studio-complete{opacity:1}
.pixel-studio[data-studio-state="still"] .studio-task{transform:translate(72px,-20px)}
#referral-reward .studio-toggle{position:absolute;right:24px;bottom:18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#55614a;font:inherit;font-size:11px;line-height:1.3;cursor:pointer;touch-action:manipulation}
#referral-reward .studio-toggle[hidden]{display:none}
#referral-reward .studio-toggle:focus-visible{outline:2px solid #8c593f;outline-offset:2px}
.studio-toggle .studio-play-icon{display:none}
.studio-toggle[data-paused="true"] .studio-pause-icon{display:none}
.studio-toggle[data-paused="true"] .studio-play-icon{display:block}
@media(hover:hover) and (pointer:fine){#referral-reward .studio-toggle:hover{background:#e6e7d7;color:#293d23}}
@media(max-width:1100px){#referral-reward .pixel-studio{padding-block:40px}#referral-reward .studio-toggle{right:16px;bottom:16px}}
@media(max-width:760px){#referral-reward .pixel-studio{padding:10px 12px 36px;max-width:600px;width:100%;justify-self:center;align-self:center}#referral-reward .studio-toggle{bottom:0;right:20px}}
@media(prefers-reduced-motion:reduce){
  .pixel-studio .studio-scene *{animation:none!important}
  .pixel-studio .studio-working,.pixel-studio .studio-question,.pixel-studio .studio-message{opacity:0}
  .pixel-studio .studio-complete{opacity:1}
  .pixel-studio .studio-task{transform:translate(72px,-20px)}
  #referral-reward .studio-toggle{display:none}
}
@keyframes studio-working{0%,42%{opacity:1}44%,90%{opacity:0}94%,100%{opacity:1}}
@keyframes studio-question{0%,43%{opacity:0;transform:translateY(4px)}46%,64%{opacity:1;transform:translateY(0)}67%,100%{opacity:0;transform:translateY(4px)}}
@keyframes studio-answer{0%,58%{opacity:0}60%,65%{opacity:1}67%,100%{opacity:0}}
@keyframes studio-complete{0%,65%{opacity:0}68%,89%{opacity:1}93%,100%{opacity:0}}
@keyframes studio-task{0%,28%{transform:translate(0,0)}40%,64%{transform:translate(36px,-14px)}72%,91%{transform:translate(72px,-20px);opacity:1}94%,97%{transform:translate(72px,-20px);opacity:0}98%,100%{transform:translate(0,0);opacity:1}}
@keyframes studio-message{0%,24%{opacity:0;transform:translate(324px,308px)}27%{opacity:1;transform:translate(324px,308px)}41%{opacity:1;transform:translate(416px,200px)}44%,100%{opacity:0;transform:translate(416px,200px)}}
@keyframes studio-wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
@keyframes studio-typing{0%,4%,8%,12%,16%,20%,24%,28%,32%,36%,40%,94%,98%{opacity:1}2%,6%,10%,14%,18%,22%,26%,30%,34%,38%{opacity:.35}42%,92%{opacity:1}}
@keyframes studio-hands{0%,4%,8%,12%,16%,20%,24%,28%,32%,36%,40%,94%,98%{transform:translateY(0)}2%,6%,10%,14%,18%,22%,26%,30%,34%,38%{transform:translateY(2px)}42%,92%{transform:translateY(0)}}