/* assets/css/preload.css */
@import './theme.css';

body.is-preloading { overflow: hidden; }

.preload {
  position: fixed; inset: 0; z-index: 1000000;
  display: grid; place-items: center;
  background: radial-gradient(1200px 800px at 50% -10%, var(--bg-start) 0%, var(--bg-end) 100%);
  transition: opacity .4s ease, transform .4s ease, visibility .4s ease;
}
[data-theme="dark"] .preload{
  background: radial-gradient(1400px 900px at 50% -10%,
              #0b0b0c 0%, #0f0f10 45%, #141416 75%, #161617 100%);
}

.preload__card{
  background: var(--glass);
  border: 1px solid rgba(127,127,127,.16);
  border-radius: 18px;
  backdrop-filter: blur(14px) saturate(120%);
  box-shadow: 0 18px 60px var(--shadow);
  padding: 1.1rem 1.25rem;
  display: grid; gap: .6rem; place-items: center;
  min-width: 220px;
}

.preload__logo{
  width: 110px; height: auto; display:block; filter: drop-shadow(0 6px 20px rgba(0,176,239,.35));
}

.preload__brand{
  font-weight: 800; letter-spacing: -.01em; color: var(--text);
}

.preload__spinner{
  width: 36px; height: 36px; border-radius: 50%;
  border: 2px solid rgba(127,127,127,.25);
  border-top-color: var(--accent);
  animation: spin 900ms linear infinite;
  box-shadow: 0 0 0 4px rgba(0,176,239,.08) inset;
}
@keyframes spin { to { transform: rotate(360deg); } }

.preload__hint{
  font-size: .85rem; color: var(--text-muted);
}

/* Hide state */
.preload--hide{
  opacity: 0; visibility: hidden; transform: scale(.985);
  pointer-events: none;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .preload__spinner{ animation: none; }
  .preload{ transition: opacity .2s ease, visibility .2s ease; }
}