html, body { margin: 0; height: 100%; background: #F4F6F8; }
#wofl-splash { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #15202B; text-align: center; padding: 16px; }
.wofl-title { font-size: 22px; font-weight: 600; margin: 0 0 8px; }
.wofl-note { font-size: 14px; color: #5B6673; margin: 0; }
/* Erscheint erst nach 12 s, ohne Skript: hilft auch, wenn das Laden selbst scheitert. */
.wofl-slow { font-size: 14px; color: #5B6673; margin: 16px 0 0; opacity: 0; animation: wofl-show 0s 12s forwards; }
@keyframes wofl-show { to { opacity: 1; } }
.wofl-noscript { font-family: system-ui, sans-serif; padding: 16px; }