/* The boot splash (index.html #splash): static markup styled from this file, because the app CSP allows no inline
   styles. It covers the blank page until main.ts mounts the app and removes it. Colours match app.css. */
#splash {
  position: fixed; inset: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px; background: #0e1013; color: #d8dee9; font: 13px/1.4 system-ui, -apple-system, Segoe UI, sans-serif;
}
#splash .splash-radar {
  position: relative; width: 72px; height: 72px; border-radius: 50%; border: 1px solid #262b33;
  background: radial-gradient(circle, #14171c 0 34%, transparent 35% 64%, #1a1f26 65% 66%, transparent 67%);
}
#splash .splash-radar::before {
  content: ''; position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(86, 180, 233, 0.45), transparent 70deg);
  animation: splash-sweep 1.6s linear infinite;
}
#splash .splash-radar::after {
  content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px;
  border-radius: 2px; background: #56b4e9;
}
#splash .splash-title { font-size: 20px; font-weight: 600; letter-spacing: 0.02em; }
#splash .splash-sub { color: #8a93a3; }
@keyframes splash-sweep { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #splash .splash-radar::before { animation: none; } }

/* #intro: the static page for crawlers and script-less readers (index.html). While the splash covers it the page must
   not scroll; noscript.css lifts both. */
body:has(#splash) { overflow: hidden; }
#intro {
  max-width: 44rem; margin: 0 auto; padding: 48px 20px; background: #0e1013; color: #d8dee9;
  font: 16px/1.6 system-ui, -apple-system, Segoe UI, sans-serif;
}
#intro h1 { margin: 0 0 4px; font-size: 32px; }
#intro h2 { margin: 32px 0 8px; font-size: 20px; }
#intro .intro-lead { margin-top: 0; color: #8a93a3; font-size: 19px; }
#intro a { color: #56b4e9; }
#intro pre { overflow-x: auto; padding: 14px 16px; border: 1px solid #262b33; border-radius: 8px; background: #14171c; font-size: 13px; }
#intro .intro-note { padding: 10px 14px; border-left: 3px solid #e69f00; background: #14171c; }