html, body { margin: 0; height: 100%; background: #fbf8f2; overflow: hidden; }
#ida { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
#splash { position: fixed; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  background: #fbf8f2; color: #831517; font: 600 17px/1.4 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; transition: opacity .4s; text-align: center; padding: 24px; }
#splash.done { opacity: 0; pointer-events: none; }
#splash img { border-radius: 50%; box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(186, 135, 47, .55); }
#splash p { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: 22px; }
#splash .bar { width: 160px; height: 3px; background: #eadfcb; border-radius: 3px; overflow: hidden; }
#splash .bar i { display: block; width: 40%; height: 100%; background: linear-gradient(90deg, #ba872f, #f6c345); animation: load 1.2s ease-in-out infinite; }
#splash a { color: #831517; font-size: 14px; }
@keyframes load { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) { #splash .bar i { animation: none; width: 100%; } }