#app-splash {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f7;
  transition: opacity 0.45s ease;
}

html.dark #app-splash {
  background: #050507;
}

/* Первые 600 мс сплэш невидим: при быстрой загрузке ничего не мелькает; дальше — неподвижный знак
   без волны и свечения (владелец, 11.09). */
#app-splash .as-inner {
  opacity: 0;
  animation: as-appear 0.35s ease 0.6s forwards;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#app-splash .as-logo {
  display: block;
  width: 100px;
  height: 100px;
  overflow: visible;
}
#app-splash .as-from {
  stop-color: #7c3aed;
}
#app-splash .as-to {
  stop-color: #6366f1;
}
html.dark #app-splash .as-from {
  stop-color: #ffffff;
}
html.dark #app-splash .as-to {
  stop-color: #000dff;
}
#app-splash .as-base {
  fill: #7c3aed;
  opacity: 0.12;
}
html.dark #app-splash .as-base {
  fill: #ffffff;
  opacity: 0.1;
}

#app-splash .as-px {
  fill: url('#as-logo-grad');
  fill-opacity: 0.85;
}

#app-splash.as-hidden {
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  #app-splash .as-inner {
    animation: none;
    opacity: 1;
  }
}

@keyframes as-appear {
  to {
    opacity: 1;
  }
}