html, body { margin: 0; height: 100%; background: #fff; }
@media (prefers-color-scheme: dark) { html, body { background: #141218; } }
#loading { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; }
#loading img { border-radius: 16px; }
#loading .bar { width: 120px; height: 4px; border-radius: 2px; background: #c7c4f5; overflow: hidden; position: relative; }
#loading .bar::after { content: ''; position: absolute; inset: 0; width: 40%; background: #4F46E5; animation: slide 1s ease-in-out infinite alternate; }
@keyframes slide { from { left: 0; } to { left: 60%; } }