:root {
  --bg: #ffffff;
  --bg-grouped: #f2f2f7;
  --surface: #ffffff;
  --surface-2: #f2f2f7;
  --ink: #0a0a0a;
  --ink-2: #6e6e73;
  --ink-3: #aeaeb2;
  --on-ink: #ffffff;
  --separator: #d8d8dc;
  --material: rgba(255,255,255,0.72);
  --success: #1f7a37;
  --danger: #c4001a;
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-sheet: 0 -8px 40px rgba(0,0,0,0.18);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 380ms;
  --easing-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --easing-standard: cubic-bezier(0.45, 0, 0.55, 1);
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Geist", system-ui, sans-serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Geist", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #000000;
  --bg-grouped: #000000;
  --surface: #1c1c1e;
  --surface-2: #2c2c2e;
  --ink: #f5f5f7;
  --ink-2: #98989d;
  --ink-3: #636366;
  --on-ink: #000000;
  --separator: #38383a;
  --material: rgba(22,22,24,0.72);
  --success: #30d158;
  --danger: #ff453a;
} }
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-grouped: #000000;
  --surface: #1c1c1e;
  --surface-2: #2c2c2e;
  --ink: #f5f5f7;
  --ink-2: #98989d;
  --ink-3: #636366;
  --on-ink: #000000;
  --separator: #38383a;
  --material: rgba(22,22,24,0.72);
  --success: #30d158;
  --danger: #ff453a;
}
.t-hero { font-family: var(--font-display); font-size: 96px; line-height: 0.92; font-weight: 900; letter-spacing: -0.045em; }
.t-display-1 { font-family: var(--font-display); font-size: 64px; line-height: 0.95; font-weight: 800; letter-spacing: -0.04em; }
.t-large-title { font-family: var(--font-display); font-size: 44px; line-height: 1; font-weight: 800; letter-spacing: -0.03em; }
.t-title-1 { font-family: var(--font-display); font-size: 32px; line-height: 1.08; font-weight: 800; letter-spacing: -0.025em; }
.t-title-2 { font-family: var(--font-display); font-size: 24px; line-height: 1.15; font-weight: 700; letter-spacing: -0.015em; }
.t-headline { font-family: var(--font-sans); font-size: 20px; line-height: 26px; font-weight: 700; letter-spacing: -0.01em; }
.t-body { font-family: var(--font-sans); font-size: 19px; line-height: 28px; font-weight: 500; }
.t-subhead { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 500; }
.t-footnote { font-family: var(--font-sans); font-size: 15px; line-height: 21px; font-weight: 500; }
.t-caption { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 0.06em; }