.loading-screen {
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 9999;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px;
}
.loading-screen.hidden { display: none; }
.loading-logo {
  width: 80px; height: 80px;
  animation: ls-pulse 1.6s ease-in-out infinite;
}
@keyframes ls-pulse {
  0%, 100% { transform: scale(1);    opacity: 1;   }
  50%       { transform: scale(1.1); opacity: 0.75; }
}
.loading-spinner {
  width: 38px; height: 38px;
  border: 3px solid #d0ecfa;
  border-top-color: #1aa6ed;
  border-radius: 50%;
  animation: ls-spin 0.75s linear infinite;
}
@keyframes ls-spin { to { transform: rotate(360deg); } }
.loading-msg {
  font-size: 14px; font-weight: bold; color: #444;
  min-height: 20px; text-align: center;
}
.loading-sub { font-size: 12px; color: #bbb; }