.qr-burst{z-index:40;pointer-events:none;contain:layout style paint;position:fixed;inset:0}.qr-burst-bloom{background:radial-gradient(circle closest-side, color-mix(in srgb, var(--brand) 46%, white) 0%, color-mix(in srgb, var(--brand-soft) 78%, transparent) 42%, transparent 72%);pointer-events:none;border-radius:50%;width:min(36rem,52vw);height:min(36rem,52vw);animation:2s ease-out both qr-burst-glow;position:absolute;top:50%;left:50%;translate:-50% -50%}.qr-burst-prop{width:var(--size,4.25rem);contain:layout style paint;animation:qr-burst-fly var(--dur,1.7s) cubic-bezier(.14, .78, .22, 1) var(--delay,0s) both;margin:0;padding:0;line-height:0;position:absolute;top:50%;left:50%}.qr-burst-prop img{width:100%;height:auto;display:block}@keyframes qr-burst-fly{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.18)}12%{opacity:1;transform:translate(-50%, -50%) translate(calc(var(--x) * .2), calc(var(--y) * .14 - 2rem)) rotate(calc(var(--rot) * .35)) scale(1.14)}40%{opacity:1;transform:translate(-50%, -50%) translate(var(--x), calc(var(--y) - .85rem)) rotate(var(--rot)) scale(1)}66%{opacity:1;transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--rot)) scale(.98)}to{opacity:0;transform:translate(-50%, -50%) translate(var(--x), calc(var(--y) + .7rem)) rotate(var(--rot)) scale(.84)}}@keyframes qr-burst-glow{0%{opacity:0}16%{opacity:.92}58%{opacity:.55}to{opacity:0}}@keyframes qr-welcome-hop{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-1.2rem)scale(.94,1.1)}54%{transform:translateY(.16rem)scale(1.08,.9)}78%{transform:translateY(-.38rem)scale(.98,1.04)}to{transform:translateY(-.18rem)scale(1)}}@keyframes qr-welcome-bow{0%{opacity:1;transform:rotate(var(--rest-rot))}14%{opacity:1;transform:rotate(-12deg)translateY(.28rem)}28%{opacity:1;transform:rotate(5deg)}42%{opacity:1;transform:rotate(var(--rest-rot))}to{opacity:0;transform:rotate(var(--rest-rot)) translateY(.7rem) scale(.97)}}@media (prefers-reduced-motion:no-preference){html[data-qr-welcome] .page-atmosphere{background:radial-gradient(ellipse 78% 58% at 50% 48%, color-mix(in srgb, white 36%, var(--background)) 0%, color-mix(in srgb, white 16%, var(--background)) 42%, var(--background) 74%)}html[data-qr-welcome] .login-bunny-art{animation:.78s cubic-bezier(.22,1,.36,1) both qr-welcome-hop}html[data-qr-welcome] .login-host .login-bunny-art{animation:none}html[data-qr-welcome] .login-guide{animation:1.85s cubic-bezier(.22,1,.36,1) both qr-welcome-bow}}@media (prefers-reduced-motion:reduce){.qr-burst{display:none}}