/* Xenyra light wave (T1): smooth colour change and the Xenyra ring that spreads when Light / Dark switches.
   Classes are set for a moment by js/hub-theme.mjs. Nothing here changes the normal look. */
html.xt-theming body,html.xt-theming body *,html.xt-theming body *::before,html.xt-theming body *::after{
  transition:background-color .55s ease,color .55s ease,border-color .55s ease,fill .55s ease,stroke .55s ease,box-shadow .55s ease!important}
.xt-wave{position:fixed;z-index:2147483646;pointer-events:none;border-radius:50%;translate:-50% -50%;
  background:conic-gradient(from 210deg,#00e5ff,#1d7cff,#b026ff,#00e5ff);
  -webkit-mask:radial-gradient(closest-side,transparent 88%,#000 94%,transparent 100%);mask:radial-gradient(closest-side,transparent 88%,#000 94%,transparent 100%);
  animation:xt-wave .95s cubic-bezier(.2,.7,.2,1) forwards}
.xt-wave::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,transparent 70%,rgba(122,140,255,.16) 92%,transparent 100%)}
.xt-wave[data-to="dark"]::after{background:radial-gradient(closest-side,transparent 70%,rgba(150,120,255,.22) 92%,transparent 100%)}
@keyframes xt-wave{0%{transform:scale(.03);opacity:.95}65%{opacity:.6}100%{transform:scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.xt-wave{display:none}}