.korum-seasonal-particle {
    position: fixed;
    z-index: 9999;
    pointer-events: none;
    user-select: none;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
.korum-seasonal-snow {
    top: -40px;
    color: #a2cce6;
    text-shadow: 0 1px 2px rgba(29, 78, 112, .15);
    animation-name: korum-seasonal-fall;
}
.korum-seasonal-hearts {
    bottom: -40px;
    color: #f53b4a;
    animation-name: korum-seasonal-rise;
}
@keyframes korum-seasonal-fall {
    from { transform: translate(0, 0) rotate(0); opacity: .8; }
    75% { opacity: .62; }
    to { transform: translate(var(--korum-drift), 110vh) rotate(360deg); opacity: 0; }
}
@keyframes korum-seasonal-rise {
    from { transform: translate(0, 0) scale(.8); opacity: .9; }
    to { transform: translate(var(--korum-drift), -110vh) scale(1.1); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .korum-seasonal-particle { display: none; animation: none; }
}