/* Generated by scripts/generate_tokens.py from ../Ayanly/DesignTokens. Do not edit. */

@font-face {
  font-family: "GolosText";
  src: url("/assets/fonts/GolosText.ttf") format("truetype");
  font-weight: 400 900;
  font-display: swap;
}

:root {
  color-scheme: light;
  --font-family: "GolosText", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --color-text-primary: #35343A;
  --color-text-secondary: #6B6B7B;
  --color-text-tertiary: #B4B4C0;
  --color-text-quaternary: #D5D5DD;
  --color-text-inverse: #FFFFFF;
  --color-text-success: #008436;
  --color-text-warning: #C04C00;
  --color-text-danger: #CB2B29;
  --color-icon-default: #6B6B7B;
  --color-icon-subtle: #B4B4C0;
  --color-icon-bar: #8A8A99;
  --color-icon-background: #F4F4F7;
  --color-icon-tile-green-top: #57C76B;
  --color-icon-tile-green-bottom: #22A846;
  --color-icon-tile-blue-top: #5B9CFF;
  --color-icon-tile-blue-bottom: #2F6FED;
  --color-icon-tile-yellow-top: #FFD75E;
  --color-icon-tile-yellow-bottom: #F5B50A;
  --color-icon-tile-orange-top: #FFA94D;
  --color-icon-tile-orange-bottom: #EE7A12;
  --color-icon-tile-pink-top: #EC7DBB;
  --color-icon-tile-pink-bottom: #E5398F;
  --color-icon-tile-violet-top: #8B78FA;
  --color-icon-tile-violet-bottom: #6152C8;
  --color-icon-tile-red-top: #EF5F58;
  --color-icon-tile-red-bottom: #CB2B29;
  --color-icon-tile-gray-top: #8A8A99;
  --color-icon-tile-gray-bottom: #6B6B7B;
  --color-icon-tile-black-top: #3C3C47;
  --color-icon-tile-black-bottom: #0E0E12;
  --color-icon-tile-fg: #FFFFFF;
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #F4F4F7;
  --color-bg-elevated: #FFFFFF;
  --color-bg-inverse: #18181E;
  --color-bg-glass-strong: #FFFFFFE0;
  --color-border-subtle: #E9E9EE;
  --color-border-default: #D5D5DD;
  --color-border-focus: #35343A;
  --color-border-danger: #CB2B29;
  --color-border-field: #D5D5DD;
  --color-accent-default: #6152C8;
  --color-accent-soft: #F3F1FF;
  --color-button-primary-bg: #35343A;
  --color-button-primary-bg-pressed: #1F1E23;
  --color-button-primary-fg: #FFFFFF;
  --color-button-secondary-bg: #EEEFF3;
  --color-button-secondary-bg-pressed: #E2E3E8;
  --color-button-secondary-fg: #35343A;
  --color-button-destructive-bg: #CB2B29;
  --color-button-destructive-bg-pressed: #A8231F;
  --color-button-destructive-fg: #FFFFFF;
  --color-status-success: #22A846;
  --color-status-danger: #CB2B29;
  --color-status-warning: #EE7A12;
  --color-status-success-bg: #ECFDF3;
  --color-status-warning-bg: #FFFAEB;
  --color-status-danger-bg: #FEF3F2;
  --color-overlay-pressed: #0000001F;
  --color-overlay-scrim: #00000059;
  --color-overlay-sheen: #FFFFFFA6;
  --color-overlay-rim-top: #FFFFFF8C;
  --color-overlay-rim-mid: #FFFFFF14;
  --color-overlay-rim-bottom: #FFFFFF2E;
  --color-overlay-sheen-brand: #FFFFFF24;
  --color-shadow-low: #00000040;
  --color-shadow-high: #00000026;
  --color-shadow-sheet: #0000001F;
  --color-shadow-card: #1C1A261A;
  --color-reward-available: #22A846;
  --color-reward-progress: #6152C8;
  --color-reward-track: #E9E9EE;
  --color-scanner-overlay: #000000B3;
  --color-scanner-frame: #8B78FA;
  --color-scanner-success: #22A846;
  --color-scanner-error: #CB2B29;
  --color-scanner-background: #000000;
  --color-scanner-fg: #FFFFFF;
  --color-qr-background: #FFFFFF;
  --color-preview-wallpaper-top: #3B2A8F;
  --color-preview-wallpaper-bottom: #0E0E12;
  --color-surface-brand-a: #2A1F63;
  --color-surface-brand-b: #5243B0;
  --color-surface-brand-c: #6152C8;
  --color-surface-brand-d: #6E56F0;
  --color-surface-brand-fg: #FFFFFF;
  --color-surface-brand-fg-secondary: #E6E2FF;
  --color-surface-brand-on-fg: #2A1F63;
  --color-surface-brand-line: #CEC6FF;
  --color-surface-metal-a: #F8F7FB;
  --color-surface-metal-b: #E9E7F1;
  --color-surface-metal-c: #F5EEF4;
  --color-surface-metal-d: #D9D8E2;
  --color-surface-metal-sheen: #FFFFFF;
  --color-surface-metal-iris-violet: #B9A8FF;
  --color-surface-metal-iris-pink: #FFB8DA;
  --color-surface-metal-rim: #C9C7D4;
  --color-surface-metal-fg: #1C1A26;
  --color-surface-metal-fg-secondary: #55516A;
  --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;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --size-tap-target: 44px;
  --size-button-sm: 34px;
  --size-button-md: 44px;
  --size-button-lg: 56px;
  --size-row-icon: 30px;
  --size-card-edge: 4px;
  --size-card-aspect: 1.586;
  --size-mode-content-shift: 120px;
  --size-splash-mark: 88px;
  --size-card-stack-peek: 64px;
  --size-screenshot-mark: 16px;
  --size-reward-strip-item: 132px;
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;
  --shadow-low: 0 3px 12px #00000040;
  --shadow-high: 0 8px 40px #00000026;
  --shadow-sheet: 0 -4px 32px #0000001F;
  --shadow-card: 0 10px 40px #1C1A261A;
  --type-display-size: 1.875rem;
  --type-display-weight: 600;
  --type-display-tracking: -0.02em;
  --type-hero-size: 4rem;
  --type-hero-weight: 500;
  --type-hero-tracking: -0.0187em;
  --type-balance-size: 2.125rem;
  --type-balance-weight: 500;
  --type-balance-tracking: -0.0176em;
  --type-title1-size: 1.75rem;
  --type-title1-weight: 500;
  --type-title1-tracking: -0.0143em;
  --type-title2-size: 1.375rem;
  --type-title2-weight: 500;
  --type-title2-tracking: -0.0091em;
  --type-title3-size: 1.25rem;
  --type-title3-weight: 500;
  --type-title3-tracking: -0.01em;
  --type-title3-strong-size: 1.25rem;
  --type-title3-strong-weight: 600;
  --type-title3-strong-tracking: -0.01em;
  --type-headline-size: 1.0625rem;
  --type-headline-weight: 500;
  --type-headline-tracking: 0em;
  --type-headline-strong-size: 1.0625rem;
  --type-headline-strong-weight: 600;
  --type-headline-strong-tracking: 0em;
  --type-body-size: 1.0625rem;
  --type-body-weight: 400;
  --type-body-tracking: 0em;
  --type-body-medium-size: 1.0625rem;
  --type-body-medium-weight: 500;
  --type-body-medium-tracking: 0em;
  --type-body-strong-size: 1.0625rem;
  --type-body-strong-weight: 500;
  --type-body-strong-tracking: 0em;
  --type-callout-size: 1rem;
  --type-callout-weight: 400;
  --type-callout-tracking: 0em;
  --type-callout-strong-size: 1rem;
  --type-callout-strong-weight: 500;
  --type-callout-strong-tracking: 0em;
  --type-subheadline-size: 0.9375rem;
  --type-subheadline-weight: 400;
  --type-subheadline-tracking: 0em;
  --type-subheadline-medium-size: 0.9375rem;
  --type-subheadline-medium-weight: 500;
  --type-subheadline-medium-tracking: 0em;
  --type-subheadline-strong-size: 0.9375rem;
  --type-subheadline-strong-weight: 500;
  --type-subheadline-strong-tracking: 0em;
  --type-footnote-size: 0.8125rem;
  --type-footnote-weight: 400;
  --type-footnote-tracking: 0em;
  --type-footnote-medium-size: 0.8125rem;
  --type-footnote-medium-weight: 500;
  --type-footnote-medium-tracking: 0em;
  --type-footnote-strong-size: 0.8125rem;
  --type-footnote-strong-weight: 500;
  --type-footnote-strong-tracking: 0em;
  --type-caption-size: 0.75rem;
  --type-caption-weight: 400;
  --type-caption-tracking: 0em;
  --type-caption-strong-size: 0.75rem;
  --type-caption-strong-weight: 500;
  --type-caption-strong-tracking: 0em;
  --type-overline-size: 0.75rem;
  --type-overline-weight: 500;
  --type-overline-tracking: 0.1em;
  --type-code-size: 1.0625rem;
  --type-code-weight: 500;
  --type-code-tracking: 0em;
}

.t-display { font-size: var(--type-display-size); font-weight: 600; letter-spacing: -0.02em; }
.t-hero { font-size: var(--type-hero-size); font-weight: 500; letter-spacing: -0.0187em; font-variant-numeric: tabular-nums; }
.t-balance { font-size: var(--type-balance-size); font-weight: 500; letter-spacing: -0.0176em; font-variant-numeric: tabular-nums; }
.t-title1 { font-size: var(--type-title1-size); font-weight: 500; letter-spacing: -0.0143em; }
.t-title2 { font-size: var(--type-title2-size); font-weight: 500; letter-spacing: -0.0091em; }
.t-title3 { font-size: var(--type-title3-size); font-weight: 500; letter-spacing: -0.01em; }
.t-title3-strong { font-size: var(--type-title3-strong-size); font-weight: 600; letter-spacing: -0.01em; }
.t-headline { font-size: var(--type-headline-size); font-weight: 500; letter-spacing: 0em; }
.t-headline-strong { font-size: var(--type-headline-strong-size); font-weight: 600; letter-spacing: 0em; }
.t-body { font-size: var(--type-body-size); font-weight: 400; letter-spacing: 0em; }
.t-body-medium { font-size: var(--type-body-medium-size); font-weight: 500; letter-spacing: 0em; }
.t-body-strong { font-size: var(--type-body-strong-size); font-weight: 500; letter-spacing: 0em; }
.t-callout { font-size: var(--type-callout-size); font-weight: 400; letter-spacing: 0em; }
.t-callout-strong { font-size: var(--type-callout-strong-size); font-weight: 500; letter-spacing: 0em; }
.t-subheadline { font-size: var(--type-subheadline-size); font-weight: 400; letter-spacing: 0em; }
.t-subheadline-medium { font-size: var(--type-subheadline-medium-size); font-weight: 500; letter-spacing: 0em; }
.t-subheadline-strong { font-size: var(--type-subheadline-strong-size); font-weight: 500; letter-spacing: 0em; }
.t-footnote { font-size: var(--type-footnote-size); font-weight: 400; letter-spacing: 0em; }
.t-footnote-medium { font-size: var(--type-footnote-medium-size); font-weight: 500; letter-spacing: 0em; }
.t-footnote-strong { font-size: var(--type-footnote-strong-size); font-weight: 500; letter-spacing: 0em; }
.t-caption { font-size: var(--type-caption-size); font-weight: 400; letter-spacing: 0em; }
.t-caption-strong { font-size: var(--type-caption-strong-size); font-weight: 500; letter-spacing: 0em; }
.t-overline { font-size: var(--type-overline-size); font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
.t-code { font-size: var(--type-code-size); font-weight: 500; letter-spacing: 0em; font-variant-numeric: tabular-nums; }