#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.10; }

#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; } }