html, body { margin: 0; height: 100%; background: #FBF8FF; }
@media (prefers-color-scheme: dark) { html, body { background: #121318; } }
#splash { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
#splash .logo { width: 72px; height: 72px; border-radius: 16px; background: url("icons/Icon-192.png") center / contain no-repeat; }
@media (prefers-reduced-motion: no-preference) {
  #splash .logo { animation: kb-pulse 1.2s ease-in-out infinite alternate; }
}
@keyframes kb-pulse { from { opacity: 1; } to { opacity: .55; } }