/* boot.css — carregado ANTES de tudo, de forma bloqueante.
   Garante que (a) o conteúdo bruto do Vue (com "{{ ... }}") nunca apareça e (b) a tela de carregamento
   tenha estilo, mesmo se um <style> inline for bloqueado (política de segurança do host, extensão,
   escudo do navegador). Fica em arquivo externo de propósito. */
[v-cloak], #app[v-cloak] { display: none !important; }
html { background: #0f1115; }
@media (prefers-color-scheme: light) { html { background: #f5f6f8; } }
#dl-boot-splash {
  position: fixed; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 12px; padding: 24px; text-align: center;
  background: #0f1115; color: #e7e9ee; font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  z-index: 9999;
}
#dl-boot-splash .dl-boot-icon { line-height: 0; }
#dl-boot-splash .dl-boot-spinner {
  width: 22px; height: 22px; border-radius: 50%;
  border: 2.5px solid rgba(231,233,238,0.25); border-top-color: #e7e9ee;
  animation: dl-boot-spin 0.8s linear infinite;
}
#dl-boot-splash-text { font-size: 13px; opacity: 0.75; max-width: 420px; line-height: 1.5; }
@keyframes dl-boot-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #dl-boot-splash .dl-boot-spinner { animation: none; } }