.loading-bar{opacity:0;animation:.2s ease-out .15s forwards loading-bar-appear}.loading-bar:after{content:"";background:var(--color-accent);width:30%;animation:1.2s ease-in-out .15s infinite loading-bar-slide;position:absolute;inset-block:0}@keyframes loading-bar-appear{to{opacity:1}}@keyframes loading-bar-slide{0%{left:-30%}to{left:100%}}.mascot{transform-origin:50% 90%;overflow:visible}.mascot-eye-closed,.mascot-thought,.mascot-sparkles{display:none}.mascot .mascot-mouth{d:path("M41 33q3 1 5-1")}.mascot[data-mood=waving]{animation:2.4s ease-in-out infinite mascot-wave}.mascot[data-mood=thinking] .mascot-eye-open{display:none}.mascot[data-mood=thinking] .mascot-eye-closed,.mascot[data-mood=thinking] .mascot-thought{display:block}.mascot[data-mood=thinking] .mascot-mouth{d:path("M41 34q3-1 5 0")}.mascot[data-mood=thinking]{animation:3s ease-in-out infinite mascot-think}.mascot[data-mood=happy] .mascot-mouth{d:path("M40 32q4 4 7 0")}.mascot[data-mood=happy]{animation:.6s ease-out mascot-hop}.mascot[data-mood=celebrating] .mascot-mouth{d:path("M39 31q5 6 9 0")}.mascot[data-mood=celebrating] .mascot-sparkles{animation:1s ease-in-out infinite alternate mascot-twinkle;display:block}.mascot[data-mood=celebrating]{animation:.6s ease-out 2 mascot-hop}.mascot[data-still],.mascot[data-still] .mascot-sparkles{animation:none}@keyframes mascot-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes mascot-think{0%,to{transform:translateY(0)}50%{transform:translateY(2px)rotate(3deg)}}@keyframes mascot-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes mascot-twinkle{0%{opacity:.4}to{opacity:1}}.smh-hand{pointer-events:none;transform-origin:20% 10%;transform:translate(var(--smh-to-x), var(--smh-to-y));position:absolute;top:0;left:0}.smh-hand[data-moving=true]{animation:1.4s ease-in-out both smh-travel}@keyframes smh-travel{0%{transform:translate(var(--smh-from-x), var(--smh-from-y)) scale(1)}65%{transform:translate(var(--smh-to-x), var(--smh-to-y)) scale(1)}80%{transform:translate(var(--smh-to-x), var(--smh-to-y)) scale(.82)}to{transform:translate(var(--smh-to-x), var(--smh-to-y)) scale(1)}}.decor-layer{z-index:0;opacity:.45}.decor-drift{animation-name:decor-fall;animation-timing-function:linear;animation-iteration-count:infinite}.decor-still-reduced{display:none}@media (prefers-reduced-motion:reduce){.decor-drift{display:none}.decor-still-reduced{display:block}}@keyframes decor-fall{0%{transform:translate(0)rotate(0)}50%{transform:translate(var(--decor-sway), 55vh) rotate(90deg)}to{transform:translateY(calc(100vh + 5rem))rotate(180deg)}}.celebrate-fall{animation:2s ease-in both celebrate-fall}.celebrate-burst{animation:1s ease-out both celebrate-burst}@media (prefers-reduced-motion:reduce){.celebrate-shapes{display:none}}@keyframes celebrate-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.6;transform:translateY(100vh)rotate(160deg)}}@keyframes celebrate-burst{0%{transform:rotate(var(--celebrate-angle)) translateY(0) scale(.6);opacity:1}to{transform:rotate(var(--celebrate-angle)) translateY(-7rem) scale(1);opacity:0}}
