:root{--color-primary: #6C5CE7;--color-primary-light: #8B7CF6;--color-primary-dark: #4A3DB8;--color-secondary: #00D2FF;--color-secondary-light: #66E3FF;--color-secondary-dark: #009FC4;--color-tertiary: #BB86FC;--color-tertiary-light: #D4AFFF;--color-tertiary-dark: #8B5FC7;--color-background: #0D1117;--color-surface: #121820;--color-surface-container: #1A2332;--color-surface-container-high: #252D3D;--color-surface-container-highest: #2F3A4E;--color-accent-cyan: #00E5FF;--color-accent-pink: #FF6BFF;--color-on-surface: #d4d8de;--color-on-surface-variant: #8b95a3;--color-on-primary: #FFFFFF;--color-error: #FF5252;--color-success: #69F0AE;--color-warning: #FFD740;--color-outline: #3C4456;--color-outline-variant: #2A3142;--font-family-sans: "Inter", system-ui, sans-serif;--font-family-display: "Playfair Display", Georgia, serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--glass-bg: rgba(18, 24, 32, .7);--glass-bg-heavy: rgba(13, 17, 23, .85);--glass-blur: blur(16px);--glass-border: 1px solid rgba(255, 255, 255, .06);--glow-primary: 0 0 24px rgba(108, 92, 231, .3);--glow-secondary: 0 0 24px rgba(0, 210, 255, .2);--glow-sm: 0 0 12px rgba(108, 92, 231, .2);--gradient-bg: radial-gradient(ellipse 80% 60% at 15% 40%, rgba(108, 92, 231, .07) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 85% 15%, rgba(0, 210, 255, .05) 0%, transparent 55%), radial-gradient(ellipse 50% 40% at 60% 85%, rgba(187, 134, 252, .04) 0%, transparent 50%);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--topbar-height: 56px;--content-max-width: 720px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-page: .2s ease;--transition-slide: .28s cubic-bezier(.4, 0, .2, 1);--transition-glow: box-shadow .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--color-background);background-image:var(--gradient-bg);background-attachment:fixed;color:var(--color-on-surface);font-family:var(--font-family-sans);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app-root{height:100%}*{scrollbar-width:thin;scrollbar-color:transparent transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px;transition:background .25s ease}.is-scrolling{scrollbar-color:rgba(108,92,231,.5) transparent}.is-scrolling::-webkit-scrollbar-thumb{background:#6c5ce780}::-webkit-scrollbar-thumb:hover{background:#8b7cf6b3}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes page-slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes page-slide-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:page-fade-in var(--transition-page) both}.animate-slide-in-right{animation:page-slide-in-right var(--transition-slide) both}.animate-slide-in-up{animation:page-slide-in-up var(--transition-slide) both}