body {
  background:
    radial-gradient(900px 420px at 0% -10%, rgba(159, 212, 245, 0.55), transparent 60%),
    radial-gradient(800px 380px at 100% 0%, rgba(126, 184, 224, 0.35), transparent 55%),
    #e8eaee;
  color: #111111;
  overflow-x: hidden;
}

.radar-glow {
  box-shadow: 0 10px 30px rgba(31, 108, 163, 0.12);
}

.text-glow {
  text-shadow: 0 0 18px rgba(94, 179, 228, 0.45);
}

.glass-panel {
  background: rgba(244, 249, 252, 0.88);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(31, 108, 163, 0.22);
}

.scanline {
  background: linear-gradient(
    to bottom,
    rgba(31, 108, 163, 0),
    rgba(31, 108, 163, 0) 50%,
    rgba(31, 108, 163, 0.05) 50%,
    rgba(31, 108, 163, 0.05)
  );
  background-size: 100% 4px;
}

.text-radar-green { color: #1f6ca3; }
.bg-radar-green { background-color: #9fd4f5; }
.border-radar-green { border-color: #7eb8e0; }
.bg-radar-dim { background-color: rgba(159, 212, 245, 0.45); }
.border-radar-border { border-color: rgba(31, 108, 163, 0.28); }
.bg-radar-card { background-color: #f4f7fa; }
.bg-radar-card\/50 { background-color: rgba(244, 247, 250, 0.72); }
.bg-radar-green\/10 { background-color: rgba(159, 212, 245, 0.35); }
.hover\:text-radar-green:hover { color: #186394; }
.hover\:bg-radar-green:hover { background-color: #b7e0f8; }
.hover\:border-radar-green:hover { border-color: #5aa6d6; }

[data-slideshow] [data-thumb][aria-current="true"] {
  border-color: #5aa6d6;
  opacity: 1;
}

[data-slideshow] {
  outline: none;
}

#lightbox {
  display: none;
}

#lightbox.is-open {
  display: flex;
}