:root { color-scheme: light dark; --billfx-bg: #f4f8fc; --billfx-ink: #193c60; }
@media (prefers-color-scheme: dark) {
  :root { --billfx-bg: #111922; --billfx-ink: #dbe8f5; }
}
:root[data-billfx-theme="dark"] { --billfx-bg: #111922; --billfx-ink: #dbe8f5; }
:root[data-billfx-theme="light"] { --billfx-bg: #f4f8fc; --billfx-ink: #193c60; }
html, body { margin: 0; background: var(--billfx-bg); color: var(--billfx-ink); }
#billfx-startup {
  position: fixed; inset: 0; z-index: 10000;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 24px; background: var(--billfx-bg); color: var(--billfx-ink);
  font: 16px "Century Gothic", sans-serif;
}
#billfx-startup img { object-fit: contain; border-radius: 25%; }
.billfx-startup-progress {
  width: 28px; height: 28px; border-radius: 50%;
  border: 3px solid #7d99b444; border-top-color: #3185ca;
  animation: billfx-turn 1s linear infinite;
}
@keyframes billfx-turn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .billfx-startup-progress { animation: none; }
}