:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #18253b;
  background: #e7edf6;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  --font-caption: .75rem;
  --font-small: .875rem;
  --font-body: 1rem;
  --font-section: 1.125rem;
  --text: #18253b;
  --muted: #65728a;
  --accent: #3266ed;
  --accent-soft: #e8efff;
  --positive: #168163;
  --positive-soft: #e3f3ed;
  --negative: #c74f60;
  --surface: rgba(255, 255, 255, .75);
  --surface-solid: #f8fafc;
  --glass: rgba(249, 252, 255, .48);
  --border: rgba(255, 255, 255, .84);
  --divider: rgba(48, 74, 108, .09);
  --shadow: 0 8px 32px rgba(35, 64, 117, .035), inset 0 1px 0 rgba(255, 255, 255, .85);
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; min-width: 360px; }
button, input, select { font: inherit; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: default; }
button, a { touch-action: manipulation; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 3px solid #3266ed;
  outline-offset: 4px;
}
a { color: inherit; }
button { color: inherit; }
svg { display: block; flex-shrink: 0; }
h1, h2, h3, p { margin: 0; }
.tabular { font-variant-numeric: tabular-nums; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}