/* Available before React/the app bundle: no white flash after an update. */
html, body { margin: 0; background: #141616; color: #f7f4ee; }
.vybe-boot { min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.vybe-boot img { width: 56px; height: 56px; margin-bottom: 20px; }
.vybe-boot strong { font-size: 20px; letter-spacing: -.02em; }
.vybe-boot p { color: #b7bdba; font-size: 13px; }
.vybe-boot-track { width: 160px; height: 3px; margin-top: 16px; border-radius: 3px; background: #2a2d2d; overflow: hidden; }
.vybe-boot-track::after { content: ""; display: block; width: 35%; height: 100%; background: #ff6548; animation: vybe-boot-travel 1.5s ease-in-out infinite; }
@keyframes vybe-boot-travel { from { transform: translateX(-110%); } to { transform: translateX(300%); } }
@media (prefers-color-scheme: light) { html, body { background: #f7f4ee; color: #202323; } .vybe-boot p { color: #5b625f; } .vybe-boot-track { background: #e8e4dd; } }
@media (prefers-reduced-motion: reduce) { .vybe-boot-track::after { animation: none; width: 100%; opacity: .5; } }