#loadingScreen {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.9);
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transition: opacity 200ms ease, visibility 200ms ease;
}

/* Compatibility: some legacy pages toggle a `.hidden` class */
#loadingScreen.hidden {
  visibility: hidden;
  opacity: 0;
}

/* Respect global light/dark mode */
body.dark-mode #loadingScreen {
  background: rgba(15,23,42); /* slate-900 with slight transparency */
  color: #e5e7eb;
}

#loadingScreen.show {
  visibility: visible;
  opacity: 1;
}

.loading-screen svg {
width: 300px;
max-width: 70vw;
height: auto;
display: block;
}

.bubble1 {
animation: bounce1 2s infinite ease-in-out, cross1 4s infinite ease-in-out;
transform-origin: center;
}

.bubble2 {
animation: bounce2 2s infinite ease-in-out, cross2 4s infinite ease-in-out;
transform-origin: center;
}

.bubble1, .bubble2 {
filter: drop-shadow(0 0 4px rgba(59,130,246,0.6));
}

.logo-text {
opacity: 0;
animation: fadeSlideIn 2s ease forwards 1.5s;
}

@keyframes bounce1 {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}

@keyframes bounce2 {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(6px); }
}

@keyframes cross1 {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(5px); }
}

@keyframes cross2 {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(-5px); }
}

@keyframes fadeSlideIn {
to {
opacity: 1;
transform: translateX(0);
}
from {
opacity: 0;
transform: translateX(10px);
}
}
#advertise:hover {color: teal;}
.loading-content {
display: flex;
flex-direction: column;
align-items: center;
}
.from-ozia {
position: absolute;
bottom: 20px; /* distance from bottom */
left: 50%;
transform: translateX(-50%);
font-size: 0.9rem;
color: #6b7280; /* gray text */
font-weight: 500;
}

.from-ozia span {
font-weight: 600;
background: linear-gradient(90deg, #3B82F6, #9333EA);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

a { text-decoration: none; }