/* Rankmint — generated from tokens.json */
:root, [data-theme="light"] {
  --bg: #ffffff;
  --bg-2: #f7f7f5;
  --ink: #131313;
  --ink-2: #57574f;
  --ink-3: #6f6f68;
  --line: #e7e6e1;
  --line-2: #d9d8d2;
  --mint: #0a9a72;
  --mint-ink: #07775a;
  --mint-bg: #e4f5ee;
  --red: #b23b27;
  --red-bg: #fbeae6;
  --amber: #8f5e12;
  --amber-bg: #fbf1df;
  --win: #ffffff;
  --win-side: #f4f4f1;
  --win-bar: #efeeea;
  --sel: #eef7f3;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.04), 0 24px 60px -32px rgba(0,0,0,0.18);
  --shadow-window: 0 1px 1px rgba(0,0,0,0.04), 0 8px 24px -8px rgba(0,0,0,0.10), 0 40px 80px -40px rgba(0,0,0,0.22);
}
[data-theme="dark"] {
  --bg: #0d0d0e;
  --bg-2: #141415;
  --ink: #f1f1ee;
  --ink-2: #a6a69f;
  --ink-3: #8a8a83;
  --line: #242426;
  --line-2: #323235;
  --mint: #3fd0a2;
  --mint-ink: #3fd0a2;
  --mint-bg: #10291f;
  --red: #f07a66;
  --red-bg: #2c1612;
  --amber: #e5b158;
  --amber-bg: #2b2112;
  --win: #1a1a1c;
  --win-side: #151517;
  --win-bar: #202022;
  --sel: #142520;
  --shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset, 0 24px 60px -32px rgba(0,0,0,0.7);
  --shadow-window: 0 1px 0 rgba(255,255,255,0.04) inset, 0 30px 80px -30px rgba(0,0,0,0.8);
}
/* No data-theme set: follow the OS appearance. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0d0d0e;
    --bg-2: #141415;
    --ink: #f1f1ee;
    --ink-2: #a6a69f;
    --ink-3: #8a8a83;
    --line: #242426;
    --line-2: #323235;
    --mint: #3fd0a2;
    --mint-ink: #3fd0a2;
    --mint-bg: #10291f;
    --red: #f07a66;
    --red-bg: #2c1612;
    --amber: #e5b158;
    --amber-bg: #2b2112;
    --win: #1a1a1c;
    --win-side: #151517;
    --win-bar: #202022;
    --sel: #142520;
    --shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset, 0 24px 60px -32px rgba(0,0,0,0.7);
    --shadow-window: 0 1px 0 rgba(255,255,255,0.04) inset, 0 30px 80px -30px rgba(0,0,0,0.8);
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-xs: 5px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;
  --width-page: 1120px;
  --width-sheet: 1000px;
  --width-text: 68ch;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 72px; line-height: 1.02; font-weight: 700; letter-spacing: -0.04em; }
.display-lg { font-family: var(--font-display); font-size: 44px; line-height: 1.08; font-weight: 700; letter-spacing: -0.03em; }
.display-md { font-family: var(--font-display); font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; }
.stat { font-family: var(--font-display); font-size: 34px; line-height: 1; font-weight: 700; letter-spacing: -0.03em; }
.heading-lg { font-family: var(--font-display); font-size: 26px; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; }
.heading-md { font-family: var(--font-display); font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
.heading-sm { font-family: var(--font-display); font-size: 16px; line-height: 1.35; font-weight: 600; letter-spacing: -0.01em; }
.body-lg { font-family: var(--font-sans); font-size: 19px; line-height: 1.5; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.55; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 1.4; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 1.2; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 1.4; font-weight: 400; }
.data-strong { font-family: var(--font-mono); font-size: 13px; line-height: 1.4; font-weight: 600; }