/* The splash in index.html, shown until the app mounts. */
.boot-splash { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; background: #F5EEE4; opacity: 0; animation: boot-in 240ms ease-out 300ms forwards; }
.boot-splash img { border-radius: 18px; }
.boot-splash__bar { width: 120px; height: 4px; border-radius: 9999px; background: rgba(90, 71, 56, 0.16); overflow: hidden; }
.boot-splash__bar span { display: block; width: 40%; height: 100%; border-radius: inherit; background: #A9521F; animation: boot-bar 1.1s ease-in-out infinite; }
@keyframes boot-in { to { opacity: 1; } }
@keyframes boot-bar { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) { .boot-splash__bar span { animation: none; width: 100%; opacity: 0.5; } }