:root{--dt-bg: #07050d;--dt-bg-elevated: #0d0918;--dt-surface: #110d1c;--dt-surface-hover: #171126;--dt-surface-active: #1d1430;--dt-primary: #7a3cff;--dt-primary-light: #9d6cff;--dt-primary-bright: #a855f7;--dt-primary-dark: #5b21d6;--dt-primary-hover: #8b4dff;--dt-primary-active: #652be0;--dt-primary-on-dark: #b18cff;--dt-primary-rgb: 122 60 255;--dt-bg-rgb: 7 5 13;--dt-blue: #4f8cff;--dt-cyan: #22d3ee;--dt-pink: #ec4899;--dt-text: #f8f7fc;--dt-text-secondary: #a8a3b5;--dt-text-tertiary: #6f6a7a;--dt-text-disabled: #454151;--dt-border: #292137;--dt-border-subtle: #1c1728;--dt-border-strong: #3a304d;--dt-border-active: #7a3cff;--dt-border-focus: #9d6cff;--dt-success-rgb: 34 197 94;--dt-warning-rgb: 245 158 11;--dt-error-rgb: 239 68 68;--dt-success: rgb(var(--dt-success-rgb));--dt-warning: rgb(var(--dt-warning-rgb));--dt-error: rgb(var(--dt-error-rgb));--dt-info: #4f8cff;--dt-xp: #a855f7;--dt-rank: #f59e0b;--dt-streak: #ec4899;--dt-progress-track: #211a30;--dt-progress-fill: #7a3cff;--dt-gradient-primary: linear-gradient(135deg, #7a3cff 0%, #a855f7 55%, #ec4899 100%);--dt-gradient-purple-blue: linear-gradient(135deg, #5b21d6 0%, #7a3cff 50%, #4f8cff 100%);--dt-gradient-hero: linear-gradient( 90deg, #07050d 0%, rgb(7 5 13 / .88) 35%, rgb(7 5 13 / .15) 100% );--dt-gradient-card: linear-gradient( 180deg, rgb(122 60 255 / .08) 0%, rgb(7 5 13 / 0) 100% );--dt-gradient-glow: radial-gradient( circle, rgb(122 60 255 / .35) 0%, rgb(122 60 255 / 0) 70% );--dt-shadow-card: 0 8px 32px rgb(0 0 0 / .35);--dt-shadow-elevated: 0 16px 48px rgb(0 0 0 / .5);--dt-glow-subtle: 0 0 20px rgb(122 60 255 / .2);--dt-glow: 0 0 32px rgb(122 60 255 / .3);--dt-glow-strong: 0 0 48px rgb(122 60 255 / .45);--dt-shadow-card-hover: 0 12px 40px rgb(122 60 255 / .2);--dt-glass-bg: rgb(17 13 28 / .72);--dt-glass-border: 1px solid rgb(255 255 255 / .08);--dt-glass-blur: 20px;--dt-ease: cubic-bezier(.22, 1, .36, 1);--dt-duration-fast: .15s;--dt-duration: .25s;--dt-duration-slow: .4s}@media(prefers-reduced-motion:reduce){:root{--dt-duration-fast: 0ms;--dt-duration: 0ms;--dt-duration-slow: 0ms}}.dt-root{color-scheme:dark}.dt-root :where(h1,h2,h3,h4,h5,h6){color:inherit}