:root{--bg-main: #0f0d1e;--bg-deep: #030014;--bg-card: #0f0d1e;--bg-surface: #1a1825;--bg-surface-hover: #252033;--bg-surface-active: #2d2640;--bg-glass: rgba(255, 255, 255, .05);--brand-primary: #8b5cf6;--brand-secondary: #7c3aed;--brand-dark: #581c87;--boorand-dark: #581c87;--brand-light: #a78bfa;--brand-pale: #c4b5fd;--accent-blue: #667eea;--accent-indigo: #4f46e5;--accent-yellow: #ebeba1;--accent-pink: #e879f9;--text-white: #ffffff;--text-primary: #e2e8f0;--text-secondary: #cbd5e0;--text-muted: #94a3b8;--text-dim: #64748b;--border-base: #1d2637;--border-glass: rgba(255, 255, 255, .1);--border-active: var(--brand-primary);--grad-card: linear-gradient(135deg, #2d2e4e 0%, #1a1b35 100%);--grad-card-secondary: linear-gradient( 135deg, rgba(45, 46, 78, .6) 0%, rgba(26, 27, 53, .6) 100% );--grad-nav: linear-gradient(to bottom, #000000 0%, #472f8c 100%);--glow-primary: rgba(139, 92, 246, .5);--glow-secondary: rgba(88, 28, 135, .2);--shadow-card: 0 10px 40px rgba(0, 0, 0, .3);--toast-success-bg: rgba(16, 185, 129, .15);--toast-success-text: #10b981;--toast-success-border: #10b981;--toast-error-bg: rgba(239, 68, 68, .15);--toast-error-text: #ef4444;--toast-error-border: #ef4444;--toast-info-bg: rgba(59, 130, 246, .15);--toast-info-text: #3b82f6;--toast-info-border: #3b82f6;--toast-warning-bg: rgba(245, 158, 11, .15);--toast-warning-text: #f59e0b;--toast-warning-border: #f59e0b}img{transition:opacity .3s ease;opacity:0}img.loaded{opacity:1}body.light-theme{--bg-main: #f2f4f7;--bg-deep: #f8fafc;--bg-surface: #f8fafc;--bg-surface-hover: #e2e8f0;--bg-surface-active: #cbd5e1;--bg-glass: rgba(0, 0, 0, .06);--bg-card: #f8fafc;--bg-card-hover: #f1f5f9;--bg-sidebar: #e2e8f0;--bg-sidebar-hover: #cbd5e1;--bg-header: #f8fafc;--bg-section: #f1f5f9;--bg-container: #e2e8f0;--text-white: #ffffff;--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--text-dim: #64748b;--text-inverse: #ffffff;--border-base: #cbd5e1;--border-light: #e2e8f0;--border-medium: #94a3b8;--border-glass: rgba(0, 0, 0, .12);--border-hover: #94a3b8;--border-strong: #64748b;--shadow-card: 0 2px 4px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .15), 0 4px 8px rgba(0, 0, 0, .1);--shadow-elevated: 0 12px 24px rgba(0, 0, 0, .12), 0 6px 12px rgba(0, 0, 0, .08);--shadow-section: 0 4px 8px rgba(0, 0, 0, .08);--toast-success-bg: rgba(16, 185, 129, .1);--toast-success-text: #059669;--toast-success-border: #10b981;--toast-error-bg: rgba(239, 68, 68, .1);--toast-error-text: #dc2626;--toast-error-border: #ef4444;--toast-info-bg: rgba(59, 130, 246, .1);--toast-info-text: #2563eb;--toast-info-border: #3b82f6;--toast-warning-bg: rgba(245, 158, 11, .1);--toast-warning-text: #d97706;--toast-warning-border: #f59e0b;--grad-card: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--grad-card-secondary: linear-gradient( 135deg, rgba(248, 250, 252, .98) 0%, rgba(241, 245, 249, .95) 100% );--grad-nav: linear-gradient(to bottom, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--grad-bg-main: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);--grad-sidebar: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);--grad-header: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--grad-section: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%)}body.light-theme{background:var(--grad-bg-main);min-height:100vh}body.light-theme .connect_btn{box-shadow:none}body.light-theme .navbar .links{box-shadow:none!important}.blog-container.blog-light-theme{--bg-main: #f8f9fa;--bg-deep: #ffffff;--bg-surface: #ffffff;--bg-surface-hover: #f1f3f5;--bg-surface-active: #e9ecef;--bg-glass: rgba(0, 0, 0, .05);--text-white: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4a5568;--text-muted: #718096;--text-dim: #a0aec0;--border-base: #e2e8f0;--border-glass: rgba(0, 0, 0, .1);--shadow-card: 0 4px 12px rgba(0, 0, 0, .08)}body.light-theme .forums-title,body.light-theme .blog-title{color:var(--text-primary)}header .logo a{color:var(--text-white)}body.light-theme header .logo a{color:var(--text-primary)!important}app-svg-icon-component{color:var(--text-white)}body.light-theme app-svg-icon-component{color:var(--text-primary)}*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif,Satoshi}html,body{overflow-x:hidden;width:100%;max-width:100vw}@font-face{font-family:Satoshi;src:url(/assets/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:ClashDisplay;src:url(/assets/fonts/ClashDisplay-Medium.woff2) format("woff2");font-weight:400;font-style:normal}