/* Calm UI — static front pages & buttons; Monica page (#ym-monica) keeps motion */

.yal-shell-fx,
.yal-login-canvas,
.yal-shell-canvas,
.yal-login-orbit,
.yal-shell-grid,
.yal-shell-scan,
.yal-login-spotlight,
.x-auth-wrap .yal-login-aurora,
.x-auth-wrap .yal-login-orbit,
.x-auth-wrap .yal-login-hud-pulse,
.x-auth-wrap .yal-login-flying-note,
.x-auth-wrap .yal-login-noise {
  display: none !important;
}

.x-auth-wrap,
.x-auth-wrap *,
.x-auth-wrap::before,
.x-auth-wrap::after {
  animation: none !important;
}

body:not(.ym-monica-active) .x-shell,
body:not(.ym-monica-active) .x-shell *,
body:not(.ym-monica-active) #yal-mnav,
body:not(.ym-monica-active) #yal-mnav *,
body:not(.ym-monica-active) #yal-fab,
body:not(.ym-monica-active) .yal-mnav-backdrop {
  animation: none !important;
}

body.yal-has-shell::before,
body.yal-has-shell::after,
body:has(.x-shell)::before,
body:has(.x-shell)::after,
body:not(.ym-monica-active)::before,
body:not(.ym-monica-active)::after {
  animation: none !important;
}

.x-auth-wrap button,
.x-shell button,
.x-modal-backdrop button,
.x-share-modal button,
#yal-mnav button,
#yal-fab,
.x-post-btn,
.yal-skin-toggle,
.x-nav-btn,
.x-nav-count-badge,
.x-nav-home-dot,
.yft-ripple,
.yn2-post-burst,
.yn2-post-enter,
.yn2-post-fresh,
.yn2-compose-flash,
.yft-tab-pulse,
.x-center.yft-tab-swap,
.x-center.yft-tab-swap .x-post {
  animation: none !important;
}

body:not(.ym-monica-active) .x-logo-badge,
body:not(.ym-monica-active) .x-logo-badge::after,
body:not(.ym-monica-active) .ym-brand-logo,
body:not(.ym-monica-active) .ym-brand-logo::before,
body:not(.ym-monica-active) .ym-brand-logo svg {
  animation: none !important;
}

body:not(.ym-monica-active) .x-center,
body:not(.ym-monica-active) .x-compose,
body:not(.ym-monica-active) .x-left,
body:not(.ym-monica-active) .x-right,
body:not(.ym-monica-active) .x-post,
body:not(.ym-monica-active) .x-post::before,
body:not(.ym-monica-active) .x-post::after,
body:not(.ym-monica-active) .x-center-head,
body:not(.ym-monica-active) .yal-glass-hud-corner {
  animation: none !important;
}

body:not(.ym-monica-active) .x-post-btn,
body:not(.ym-monica-active) .x-auth-card form button[type="submit"],
body:not(.ym-monica-active) .x-center form.x-compose .x-compose-actions-icons > button[type="submit"],
body:not(.ym-monica-active) .x-left .x-post-btn {
  background-size: 100% 100% !important;
}