@charset "UTF-8";
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(18px)}100%{opacity:1;transform:none}}@keyframes pulseRing{0%{transform:scale(.45);opacity:.7}80%,100%{transform:scale(1.55);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(36,154,101,.35)}50%{box-shadow:0 0 0 8px rgba(36,154,101,0)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.page-enter{animation:fadeUp .34s var(--ease) both}.modal-enter{animation:popIn .36s var(--ease) both}.skeleton{background:linear-gradient(90deg,#eef0f4 25%,#f8f9fb 38%,#eef0f4 60%);background-size:400% 100%;animation:shimmer 1.35s linear infinite}.live-dot{animation:livePulse 1.8s ease-in-out infinite}.shake{animation:shake .28s ease-in-out}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

@keyframes pageSlideInForward{from{opacity:.72;transform:translate3d(18%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes pageSlideOutForward{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:.58;transform:translate3d(-12%,0,0)}}
@keyframes pageSlideInBack{from{opacity:.72;transform:translate3d(-18%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes pageSlideOutBack{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:.58;transform:translate3d(12%,0,0)}}
.page-enter--forward{animation:pageSlideInForward .22s var(--ease) both}
.page-exit--forward{animation:pageSlideOutForward .18s var(--ease) both}
.page-enter--back{animation:pageSlideInBack .22s var(--ease) both}
.page-exit--back{animation:pageSlideOutBack .18s var(--ease) both}