/* GENERATED by scripts/build-design-tokens.mjs — DO NOT EDIT. */
:root {
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 64px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --type-largeTitle-size: 34px;
  --type-largeTitle-lh: 41px;
  --type-largeTitle-weight: 700;
  --type-title1-size: 28px;
  --type-title1-lh: 34px;
  --type-title1-weight: 700;
  --type-title2-size: 22px;
  --type-title2-lh: 28px;
  --type-title2-weight: 600;
  --type-title3-size: 20px;
  --type-title3-lh: 25px;
  --type-title3-weight: 600;
  --type-headline-size: 17px;
  --type-headline-lh: 22px;
  --type-headline-weight: 600;
  --type-body-size: 17px;
  --type-body-lh: 22px;
  --type-body-weight: 400;
  --type-callout-size: 16px;
  --type-callout-lh: 21px;
  --type-callout-weight: 400;
  --type-subhead-size: 15px;
  --type-subhead-lh: 20px;
  --type-subhead-weight: 400;
  --type-footnote-size: 13px;
  --type-footnote-lh: 18px;
  --type-footnote-weight: 400;
  --type-caption1-size: 12px;
  --type-caption1-lh: 16px;
  --type-caption1-weight: 500;
  --type-caption2-size: 11px;
  --type-caption2-lh: 13px;
  --type-caption2-weight: 500;
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --elev-0: none;
  --elev-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 1px rgba(0,0,0,.04);
  --elev-2: 0 8px 24px rgba(0,0,0,.12);
  --z-base: 0;
  --z-sticky: 10;
  --z-tabbar: 20;
  --z-fab: 30;
  --z-banner: 40;
  --z-sheet: 50;
  --z-modal: 60;
  --z-toast: 70;
  --z-splash: 80;
  --dur-press: 120ms;
  --dur-small: 200ms;
  --dur-sheet: 280ms;
  --dur-page: 350ms;
  --ease-standard: cubic-bezier(.2,.8,.2,1);
  --ease-exit: cubic-bezier(.4,0,1,1);
  --bg: #f2f2f7;
  --bg-grouped: #ffffff;
  --surface: #ffffff;
  --surface-2: #f2f2f7;
  --separator: rgba(60,60,67,0.29);
  --text: #000000;
  --text-secondary: rgba(60,60,67,0.6);
  --text-tertiary: rgba(60,60,67,0.3);
  --accent: #0055cc;
  --accent-contrast: #ffffff;
  --accent-text: #0046ad;
  --success: #34c759;
  --success-text: #248a3d;
  --warning: #ff9f0a;
  --warning-text: #b25000;
  --danger: #ff3b30;
  --danger-text: #d70015;
  --focus: #0a84ff;
  --scrim: rgba(0,0,0,0.4);
  --material-bar: color-mix(in srgb, #ffffff 85%, transparent);
}

@media (prefers-color-scheme: dark) {
:root {
  --bg: #000000;
  --bg-grouped: #1c1c1e;
  --surface: #1c1c1e;
  --surface-2: #2c2c2e;
  --separator: rgba(84,84,88,0.65);
  --text: #ffffff;
  --text-secondary: rgba(235,235,245,0.6);
  --text-tertiary: rgba(235,235,245,0.3);
  --accent: #0a84ff;
  --accent-contrast: #001428;
  --accent-text: #64d2ff;
  --success: #30d158;
  --success-text: #30d158;
  --warning: #ffd60a;
  --warning-text: #ffd60a;
  --danger: #ff453a;
  --danger-text: #ff453a;
  --focus: #64d2ff;
  --scrim: rgba(0,0,0,0.55);
  --material-bar: color-mix(in srgb, #1c1c1e 85%, transparent);
}
}

[data-theme="light"] {
  --bg: #f2f2f7;
  --bg-grouped: #ffffff;
  --surface: #ffffff;
  --surface-2: #f2f2f7;
  --separator: rgba(60,60,67,0.29);
  --text: #000000;
  --text-secondary: rgba(60,60,67,0.6);
  --text-tertiary: rgba(60,60,67,0.3);
  --accent: #0055cc;
  --accent-contrast: #ffffff;
  --accent-text: #0046ad;
  --success: #34c759;
  --success-text: #248a3d;
  --warning: #ff9f0a;
  --warning-text: #b25000;
  --danger: #ff3b30;
  --danger-text: #d70015;
  --focus: #0a84ff;
  --scrim: rgba(0,0,0,0.4);
  --material-bar: color-mix(in srgb, #ffffff 85%, transparent);
}

[data-theme="dark"] {
  --bg: #000000;
  --bg-grouped: #1c1c1e;
  --surface: #1c1c1e;
  --surface-2: #2c2c2e;
  --separator: rgba(84,84,88,0.65);
  --text: #ffffff;
  --text-secondary: rgba(235,235,245,0.6);
  --text-tertiary: rgba(235,235,245,0.3);
  --accent: #0a84ff;
  --accent-contrast: #001428;
  --accent-text: #64d2ff;
  --success: #30d158;
  --success-text: #30d158;
  --warning: #ffd60a;
  --warning-text: #ffd60a;
  --danger: #ff453a;
  --danger-text: #ff453a;
  --focus: #64d2ff;
  --scrim: rgba(0,0,0,0.55);
  --material-bar: color-mix(in srgb, #1c1c1e 85%, transparent);
}

@supports (font: -apple-system-body) {
  html { font: -apple-system-body; }
}

body {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--type-body-size);
  line-height: var(--type-body-lh);
  color: var(--text);
  background: var(--bg);
}

:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

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