@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/source-serif-4-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/source-serif-4-latin-700-normal.woff2') format('woff2'); }
:root {
  color-scheme: light;
  --bg: #EEF1F0; --card: #FFFFFF; --ink: #15181C; --muted: #4A5059;
  --rule: #D5DAD8; --accent: #0089A8; --band: #BFE3EC; --alert: #B0185A;
  --scan: #009a6e; --yellow: #E4C14B; --shade: #15181C88; --motion: 180ms;
  --font: 'Source Serif 4', Georgia, serif;
  --safe-bottom: env(safe-area-inset-bottom, 0px); --safe-top: env(safe-area-inset-top, 0px);
  --safe-left: env(safe-area-inset-left, 0px); --safe-right: env(safe-area-inset-right, 0px);
  --zero: 0; --s1: 5px; --s2: 8px; --s3: 13px; --s4: 21px; --s6: 34px; --s7: 55px;
  --radius: 16px; --inner-radius: 10px; --round: 50%;
  --label: 12px; --small: 14px; --body: 16px; --heading: 25.888px; --next-size: 18px; --unlimited-size: 41.89px; --stat: 25.888px; --hero: 67.78px;
  --tracking: .08em; --normal-tracking: 0; --leading: 1.45; --tight: 1.1;
  --target: 44px; --nav: 72px; --page: 480px; --icon: 20px; --mark: 8px;
  --accent-rule-width: 32px; --accent-rule-height: 3px;
  --hairline: 1px; --focus-width: 3px; --focus-offset: 3px;
}

@media (prefers-color-scheme: dark) {
 :root {color-scheme: dark; --bg: #101719; --card: #1B2528; --ink: #F3F5F2; --muted: #BAC7C9; --rule: #3D5054; --accent: #5DCBE5; --band: #2E6B7A; --alert: #F179B1; --scan: #3fd09e;}
}