/* Decorative layer: never covers controls or intercepts input. */
body{isolation:isolate}
.app{position:relative;z-index:1}
.social-rain{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;color:var(--sky,#7cc4ff);contain:strict}
.social-rain__drop{position:absolute;top:-48px;left:var(--left);width:var(--size);height:var(--size);opacity:0;animation:social-drift var(--duration) var(--delay) linear infinite;will-change:transform}
.social-rain__drop svg{display:block;width:100%;height:100%}
@keyframes social-drift{
  0%{transform:translate3d(-50%,0,0);opacity:0}
  8%,88%{opacity:var(--faint)}
  100%{transform:translate3d(-50%,calc(100vh + 96px),0);opacity:0}
}
.social-rain[data-paused] .social-rain__drop{animation-play-state:paused}
@media(max-width:640px){.social-rain__drop{left:var(--mobile-left);animation-delay:var(--mobile-delay)}.social-rain__drop:nth-child(n+11){display:none}}
@media(prefers-reduced-motion:reduce){.social-rain{display:none}}
@media print{.social-rain{display:none}}

.social-rain__bird{display:block;width:100%;height:100%;background:currentColor;-webkit-mask:url(/soar-bird.svg) center/contain no-repeat;mask:url(/soar-bird.svg) center/contain no-repeat}