:root{color-scheme:dark;--app-max-width: 560px;--surface-canvas: #0b1020;--surface-page: #111a2b;--surface-raised: #18243a;--surface-muted: #202d44;--surface-overlay: rgb(6 10 20 / 88%);--primary: #8b5cf6;--primary-hover: #9d78ff;--primary-active: #7447e8;--success: #34d399;--warning: #fbbf24;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-control: 14px;--radius-card: 22px;--radius-hero: 28px;--control-height: 48px;--type-caption: .75rem;--type-body: 1rem;--type-control: .875rem;--type-section: 1.25rem;--type-title: 1.5rem;--type-screen: 2rem;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 42%, transparent);--elevation-low: 0 8px 24px rgb(0 0 0 / 18%);--elevation-medium: 0 18px 48px rgb(0 0 0 / 28%);--elevation-overlay: 0 28px 80px rgb(0 0 0 / 42%);--motion-fast: .15s;--motion-standard: .22s;--bg: #111217;--text: #f6f6f7;--muted: #90939d;--surface: #1b1d24;--accent: #8b5cf6;--accent-text: #ffffff;--link: #a78bfa;--danger: #fb7185;--border: color-mix(in srgb, var(--text) 12%, transparent);--shadow: 0 24px 70px rgb(0 0 0 / 24%);--radius-lg: 24px;--safe-top: max(env(safe-area-inset-top), var(--tg-safe-area-inset-top, 0px));--safe-right: max(env(safe-area-inset-right), var(--tg-safe-area-inset-right, 0px));--safe-bottom: max(env(safe-area-inset-bottom), var(--tg-safe-area-inset-bottom, 0px));--safe-left: max(env(safe-area-inset-left), var(--tg-safe-area-inset-left, 0px))}