#loading { position: fixed; inset: 0; z-index: 9999; background: #f7f8fa; pointer-events: none; }
.loader-inner { position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; margin: -21px 0 0 -21px; border-radius: 50%; background: #2f63ff; animation: geek-scaleout .72s infinite ease-in-out; text-indent: -9999px; }
@keyframes geek-scaleout { 0% { transform: scale(0); opacity: 0; } 42% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } }
@media (prefers-color-scheme: dark) { #loading { background: #0b1020; } }
@media (prefers-reduced-motion: reduce) { .loader-inner { animation-duration: 1.5s; } }