/* ── startup.css — startup loading overlay ── */

/* ── Startup loading overlay ─────────────────────────────────────────────── */
#startup-loader {
  position: fixed; inset: 0; z-index: 900;
  background: #080808;
  display: flex; align-items: center; justify-content: center;
  transition: opacity 0.6s ease;
}
#startup-loader.hidden { opacity: 0; pointer-events: none; }
#startup-loader-inner {
  display: flex; flex-direction: column; align-items: center; gap: 24px;
}
#startup-loader-symbol {
  width: 80px; height: 80px;
  filter: drop-shadow(0 0 16px #4caf5099);
  animation: loader-pulse 1.8s ease-in-out infinite,
             loader-spin 4s linear infinite;
}
@keyframes loader-pulse {
  0%, 100% { opacity: 1; filter: drop-shadow(0 0 24px #4caf5099); }
  50%       { opacity: 0.5; filter: drop-shadow(0 0 8px #4caf5033); }
}
@keyframes loader-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
#startup-loader-bar-wrap {
  width: 220px; height: 6px;
  background: #1a1a1a; border-radius: 3px; overflow: hidden;
}
#startup-loader-bar {
  height: 100%; width: 0%; background: #4caf50; border-radius: 3px;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
#startup-loader-label {
  font-family: 'Share Tech Mono', monospace;
  font-size: 11px; letter-spacing: 3px; color: #4caf50; opacity: 0.7;
}