:root {
  --hgs-bg: #08090b;
  --hgs-bg-glow: #0e1319;
  --hgs-panel: #0b0e12;
  --hgs-panel-card: #0c1014;
  --hgs-panel-raised: #0f1319;
  --hgs-panel-active: #131922;
  --hgs-slot: #10151a;
  --hgs-slot-stripe: #151a20;
  --hgs-footer: rgba(10, 12, 15, 0.94);
  --hgs-line-soft: #14181d;
  --hgs-line: #1c2127;
  --hgs-line-strong: #2a323b;
  --hgs-line-bright: #414b56;
  --hgs-text: #e8ecef;
  --hgs-text-soft: #b6c0c9;
  --hgs-text-muted: #9aa5b1;
  --hgs-text-dim: #7d8792;
  --hgs-text-faint: #5f6a76;
  --hgs-cyan: oklch(0.78 0.14 195);
  --hgs-cyan-bright: oklch(0.86 0.12 195);
  --hgs-cyan-ink: #04252b;
  --hgs-cyan-wash: rgba(34, 211, 238, 0.07);
  --hgs-cyan-tint: rgba(34, 211, 238, 0.05);
  --hgs-cyan-line: rgba(34, 211, 238, 0.4);
  --hgs-amber: oklch(0.78 0.14 75);
  --hgs-amber-bright: oklch(0.86 0.12 75);
  --hgs-amber-line: rgba(245, 180, 90, 0.35);
  --hgs-amber-wash: rgba(245, 180, 90, 0.06);
  --hgs-font-display: "Saira Condensed", "Arial Narrow", sans-serif;
  --hgs-font-body: Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;
  --hgs-font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  color-scheme: dark;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-height: 100vh;
  background: #08090b radial-gradient(120% 80% at 50% 0%, #0e1319 0%, #08090b 60%) no-repeat;
  color: #e8ecef;
  font-family: Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}
a {
  color: oklch(0.78 0.14 195);
}
a:hover {
  color: oklch(0.86 0.12 195);
}
h1,
h2,
h3 {
  font-weight: 700;
}
#blazor-error-ui {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 12px clamp(16px, 3vw, 48px);
  border-top: 1px solid oklch(0.78 0.14 75);
  background: #1c1408;
  color: oklch(0.86 0.12 75);
  font-size: 13.5px;
}
#blazor-error-ui .dismiss {
  float: right;
  cursor: pointer;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #22262c;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}