html, body { margin: 0; height: 100%; background: #ffffff; }
#splash { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; background: #ffffff; z-index: 1; transition: opacity .25s ease; }
#splash img { border-radius: 24px; animation: lm-pulse 1.6s ease-in-out infinite; }
#splash .bar { width: 140px; height: 4px; border-radius: 4px; background: #E1E7F0; overflow: hidden; }
#splash .bar span { display: block; width: 40%; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #1565C0, #2F80ED); animation: lm-load 1.1s ease-in-out infinite; }
@keyframes lm-load { 0% { transform: translateX(-100%); } 100% { transform: translateX(260%); } }
@keyframes lm-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } }
@media (prefers-reduced-motion: reduce) { #splash img, #splash .bar span { animation: none; } }