#transitionLayer{

    position:fixed;

    inset:0;

    overflow:hidden;

    pointer-events:none;

    z-index:9998;

}

.star{

    position:absolute;

    border-radius:50%;

    background:white;

    box-shadow:

        0 0 6px white,
        0 0 12px hotpink,
        0 0 20px deeppink;

    opacity:.9;

    will-change:transform;

}
@keyframes twinkle{

    from{

        opacity:.3;

        transform:scale(.8);

    }

    to{

        opacity:1;

        transform:scale(1.8);

    }

}

.heart-final-glow{

    filter:

        drop-shadow(0 0 25px hotpink)
        drop-shadow(0 0 60px deeppink);

}
#transitionLayer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 20;
}

.heart-final-glow .heart-particle {
  filter: brightness(1.6) drop-shadow(0 0 8px #ff2d6b);
  transition: filter 1.6s ease;
}

.heart-blinding-glow .heart-particle {
  filter: brightness(3) drop-shadow(0 0 30px #ffffff);
  transition: filter 1s ease;
}

.warp-streak {
  position: fixed;
  width: 2px;
  height: 2px;
  background: linear-gradient(90deg, #fff, transparent);
  transform-origin: left center;
  border-radius: 2px;
}
#transitionLayer{

    position:fixed;

    inset:0;

    pointer-events:none;

    overflow:hidden;

    z-index:99999;

}

.warp-streak{

    position:absolute;

    width:3px;

    height:3px;

    border-radius:50%;

    background:white;

    box-shadow:

    0 0 15px white,

    0 0 30px hotpink;

    opacity:0;

}