@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://callypso.net/fonts/dm-sans/dm-sans-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://callypso.net/fonts/dm-sans/dm-sans-latin-600-normal.woff2") format("woff2");
}
html, body { font-family: "DM Sans", system-ui, sans-serif; }
html.dark {
  --background: 228 33% 6%;
  --foreground: 228 100% 97%;
  --card: 230 30% 12%;
  --card-foreground: 228 100% 97%;
  --popover: 234 26% 14%;
  --popover-foreground: 228 100% 97%;
  --primary: 253 72% 52%;
  --primary-foreground: 228 100% 97%;
  --secondary: 230 26% 22%;
  --secondary-foreground: 228 70% 88%;
  --muted: 228 36% 9%;
  --muted-foreground: 240 17% 64%;
  --accent: 234 26% 20%;
  --accent-foreground: 228 100% 97%;
  --border: 230 28% 13%;
  --input: 228 36% 9%;
  --ring: 253 72% 52%;
}
html.dark, html.dark body { background-color: hsl(228 33% 6%) !important; }
header h1,
header [class*="text-3xl"],
header [class*="text-4xl"],
header [class*="text-5xl"] {
  font-family: "DM Sans", system-ui, sans-serif;
  letter-spacing: -0.02em;
}
/* Roomier 2-column card grid + slightly taller heartbeat bars */
@media (min-width: 1024px) {
  main .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }
}
.endpoint .endpoint-content .flex.gap-0\.5 > div {
  height: 2.25rem !important;
  border-radius: 0.25rem !important;
}