/* Final public ABVChat.bg identity layer. Loaded after all compatibility styles. */
:root {
  --abv-lime: #c9f26f;
  --abv-violet: #b387ff;
  --abv-coral: #ff796d;
  --abv-ink: #080914;
  --abv-paper: #f0f0e7;
}

#loading {
  background:
    radial-gradient(circle at 65% 23%, rgba(108, 83, 255, .24), transparent 34%),
    radial-gradient(circle at 30% 78%, rgba(255, 121, 109, .12), transparent 31%),
    radial-gradient(circle at 82% 78%, rgba(201, 242, 111, .1), transparent 30%),
    linear-gradient(145deg, #070812, #11122a 52%, #080914) !important;
}

#loading .window {
  background: transparent !important;
}

#loading-status-container {
  min-width: min(440px, calc(100vw - 32px)) !important;
  padding: 46px 34px 38px !important;
  border: 1px solid rgba(179, 135, 255, .42) !important;
  border-top: 3px solid var(--abv-violet) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(16, 15, 38, .94), rgba(9, 10, 22, .97)) !important;
  box-shadow:
    0 32px 90px rgba(0, 0, 0, .58),
    0 0 50px rgba(179, 135, 255, .1),
    inset 0 1px rgba(255, 255, 255, .05) !important;
}

#loading-status-container .logo,
#loading-status-container .logo-inverted {
  display: none !important;
}

#loading-status-container::before {
  content: "ABVCHAT" !important;
  display: block !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(105deg, var(--abv-paper), var(--abv-paper) 41%, var(--abv-violet) 42%, var(--abv-violet) 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  font: italic 900 clamp(35px, 7vw, 58px)/1 "Orbitron", "Rajdhani", system-ui, sans-serif !important;
  letter-spacing: -.065em !important;
  text-shadow: none !important;
  filter: drop-shadow(0 0 19px rgba(179, 135, 255, .24));
}

#loading-status-container::after {
  content: "BGIRC NETWORK  ·  СВЪРЗВАМЕ ВИ" !important;
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 24px auto 0 !important;
  padding-top: 17px !important;
  border-top: 1px solid rgba(179, 135, 255, .34) !important;
  color: var(--abv-lime) !important;
  -webkit-text-fill-color: var(--abv-lime) !important;
  font: 800 10px/1.35 "Orbitron", "Rajdhani", system-ui, sans-serif !important;
  letter-spacing: .18em !important;
  animation: abv-loading-pulse 1.5s ease-in-out infinite !important;
}

#loading-page-message,
#loading-slow {
  color: #b8b8c8 !important;
  -webkit-text-fill-color: #b8b8c8 !important;
  font-family: "Rajdhani", system-ui, sans-serif !important;
}

#loading-reload-container {
  color: #b8b8c8 !important;
}

#loading-reload {
  min-height: 42px !important;
  padding: 0 19px !important;
  border: 1px solid rgba(179, 135, 255, .72) !important;
  border-radius: 9px !important;
  background: linear-gradient(110deg, #955be7, #d04aad 52%, #ff796d) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 12px 28px rgba(179, 75, 184, .25) !important;
  font: 800 11px/1 "Orbitron", "Rajdhani", system-ui, sans-serif !important;
  letter-spacing: .07em !important;
}

#loading-reload:hover,
#loading-reload:focus-visible {
  border-color: var(--abv-lime) !important;
  filter: brightness(1.08);
}

@keyframes abv-loading-pulse {
  0%,
  100% {
    opacity: .55;
  }
  50% {
    opacity: 1;
  }
}

@media (max-width: 560px) {
  #loading-status-container {
    min-width: calc(100vw - 24px) !important;
    padding: 36px 20px 31px !important;
  }

  #loading-status-container::after {
    letter-spacing: .11em !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #loading-status-container::after {
    animation: none !important;
  }
}