:root, [data-theme="dark"], [data-theme="default"] { --premium-bg-deepest: #050609; --premium-bg-deep: #0a0b14; --premium-bg-base: #0f1019; --premium-bg-elevated: #161725; --premium-bg-card: rgba(22, 23, 37, .55); --premium-bg-card-hover: rgba(28, 30, 48, .65); --premium-bg-glass: rgba(255, 255, 255, .03); --premium-bg-glass-hover: rgba(255, 255, 255, .06); --premium-violet-1: #6366f1; --premium-violet-2: #818cf8; --premium-violet-3: #a5b4fc; --premium-violet-4: #c7d2fe; --premium-violet-deep: #4338ca; --premium-violet-glow: rgba(99, 102, 241, .45); --premium-violet-glow-soft: rgba(99, 102, 241, .18); --premium-gold-1: #fbbf24; --premium-gold-2: #f59e0b; --premium-gold-3: #d97706; --premium-gold-glow: rgba(251, 191, 36, .45); --premium-platinum-1: #e5e7eb; --premium-platinum-2: #f3f4f6; --premium-platinum-3: #d1d5db; --premium-cyan-1: #06b6d4; --premium-cyan-2: #22d3ee; --premium-cyan-3: #67e8f9; --premium-cyan-glow: rgba(34, 211, 238, .4); --premium-pink-1: #ec4899; --premium-pink-2: #f472b6; --premium-pink-3: #f9a8d4; --premium-pink-glow: rgba(236, 72, 153, .4); --premium-emerald-1: #10b981; --premium-emerald-2: #34d399; --premium-emerald-3: #6ee7b7; --premium-emerald-glow: rgba(16, 185, 129, .45); --premium-red-1: #ef4444; --premium-red-2: #f87171; --premium-red-3: #fca5a5; --premium-red-glow: rgba(239, 68, 68, .45); --premium-text-1: #fafafa; --premium-text-2: rgba(250, 250, 250, .72); --premium-text-3: rgba(250, 250, 250, .48); --premium-text-4: rgba(250, 250, 250, .28); --premium-text-muted: rgba(250, 250, 250, .18); --premium-border-subtle: rgba(255, 255, 255, .06); --premium-border-soft: rgba(255, 255, 255, .09); --premium-border-strong: rgba(255, 255, 255, .14); --premium-border-glow: rgba(99, 102, 241, .3); --premium-border-gold: rgba(251, 191, 36, .35); --premium-shadow-xs: 0 1px 2px rgba(0, 0, 0, .25); --premium-shadow-sm: 0 4px 12px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .25); --premium-shadow-md: 0 8px 28px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .25); --premium-shadow-lg: 0 20px 48px rgba(0, 0, 0, .5), 0 8px 20px rgba(0, 0, 0, .3); --premium-shadow-xl: 0 40px 80px rgba(0, 0, 0, .6), 0 16px 32px rgba(0, 0, 0, .35); --premium-shadow-2xl: 0 60px 120px rgba(0, 0, 0, .7), 0 24px 48px rgba(0, 0, 0, .4); --premium-glow-violet: 0 0 32px rgba(99, 102, 241, .35), 0 0 64px rgba(129, 140, 248, .18); --premium-glow-gold: 0 0 32px rgba(251, 191, 36, .4), 0 0 64px rgba(245, 158, 11, .2); --premium-glow-cyan: 0 0 32px rgba(34, 211, 238, .35), 0 0 64px rgba(6, 182, 212, .18); --premium-glow-emerald: 0 0 32px rgba(16, 185, 129, .4), 0 0 64px rgba(52, 211, 153, .2); --premium-glow-red: 0 0 32px rgba(239, 68, 68, .4), 0 0 64px rgba(248, 113, 113, .2); --premium-glow-pink: 0 0 32px rgba(236, 72, 153, .4), 0 0 64px rgba(244, 114, 182, .2); --premium-gradient-violet: linear-gradient(135deg, #6366f1 0%, #818cf8 50%, #a5b4fc 100%); --premium-gradient-gold: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%); --premium-gradient-cyan: linear-gradient(135deg, #06b6d4 0%, #22d3ee 50%, #67e8f9 100%); --premium-gradient-emerald: linear-gradient(135deg, #10b981 0%, #34d399 50%, #6ee7b7 100%); --premium-gradient-red: linear-gradient(135deg, #ef4444 0%, #f87171 50%, #fca5a5 100%); --premium-gradient-pink: linear-gradient(135deg, #ec4899 0%, #f472b6 50%, #f9a8d4 100%); --premium-gradient-aurora: linear-gradient(135deg, #6366f1 0%, #8b5cf6 25%, #ec4899 50%, #f59e0b 75%, #10b981 100%); --premium-gradient-mesh: radial-gradient(at 20% 20%, rgba(99, 102, 241, .25) 0%, transparent 50%), radial-gradient(at 80% 0%, rgba(236, 72, 153, .2) 0%, transparent 50%), radial-gradient(at 0% 80%, rgba(34, 211, 238, .2) 0%, transparent 50%), radial-gradient(at 80% 80%, rgba(251, 191, 36, .15) 0%, transparent 50%); --premium-gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%); --premium-gradient-border: linear-gradient(135deg, rgba(99, 102, 241, .5), rgba(236, 72, 153, .3), rgba(251, 191, 36, .2)); --premium-gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .12) 50%, transparent 100%); --premium-gradient-text: linear-gradient(135deg, #fff 0%, #c7d2fe 50%, #fbbf24 100%); --premium-gradient-text-violet: linear-gradient(135deg, #a5b4fc 0%, #c7d2fe 50%, #e0e7ff 100%); --premium-blur-sm: blur(8px); --premium-blur-md: blur(16px); --premium-blur-lg: blur(24px); --premium-blur-xl: blur(32px); --premium-blur-2xl: blur(48px); --premium-blur-glass: blur(24px) saturate(1.8); --premium-blur-glass-strong: blur(40px) saturate(2); --premium-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --premium-ease-spring-soft: cubic-bezier(.34, 1.56, .64, 1); --premium-ease-smooth: cubic-bezier(.4, 0, .2, 1); --premium-ease-out-quart: cubic-bezier(.25, 1, .5, 1); --premium-ease-out-expo: cubic-bezier(.16, 1, .3, 1); --premium-ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55); --premium-ease-elastic: cubic-bezier(.68, -.55, .265, 1.55); --premium-t-fast: .15s var(--premium-ease-smooth); --premium-t-base: .3s var(--premium-ease-smooth); --premium-t-slow: .5s var(--premium-ease-out-quart); --premium-t-spring: .5s var(--premium-ease-spring); --premium-t-bounce: .6s var(--premium-ease-spring-soft); --premium-t-elastic: .8s var(--premium-ease-elastic); --premium-r-xs: 6px; --premium-r-sm: 10px; --premium-r-md: 14px; --premium-r-lg: 20px; --premium-r-xl: 28px; --premium-r-2xl: 36px; --premium-r-full: 9999px; --premium-z-bg: 0; --premium-z-content: 1; --premium-z-nav: 100; --premium-z-overlay: 1000; --premium-z-modal: 2000; --premium-z-toast: 3000; --premium-z-cursor: 9999; --premium-font-display: 'Sora', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --premium-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --premium-font-mono: 'JetBrains Mono', 'Fira Code', monospace; --premium-space-xs: 4px; --premium-space-sm: 8px; --premium-space-md: 16px; --premium-space-lg: 24px; --premium-space-xl: 40px; --premium-space-2xl: 64px; --premium-space-3xl: 96px; } body { background: var(--premium-bg-deepest) !important; position: relative; overflow-x: hidden; font-family: var(--premium-font-body) !important; color: var(--premium-text-1) !important; letter-spacing: -.011em !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-rendering: optimizeLegibility !important; } body::after { content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(99, 102, 241, .18) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 100% 50%, rgba(236, 72, 153, .12) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 0% 80%, rgba(34, 211, 238, .12) 0%, transparent 60%), radial-gradient(ellipse 80% 50% at 50% 110%, rgba(251, 191, 36, .08) 0%, transparent 60%); animation: premiumAuroraDrift 30s ease-in-out infinite; will-change: transform; } @keyframes premiumAuroraDrift { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; } 25% { transform: translate(2%, -1%) scale(1.05); opacity: .9; } 50% { transform: translate(-1%, 2%) scale(.98); opacity: 1; } 75% { transform: translate(1%, 1%) scale(1.02); opacity: .95; } } body::before { content: ''; position: fixed; inset: 0; z-index: 1; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"); opacity: .04; mix-blend-mode: overlay; } ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { background: rgba(255, 255, 255, .015); border-left: 1px solid rgba(255, 255, 255, .04); } ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(99, 102, 241, .5) 0%, rgba(139, 92, 246, .5) 50%, rgba(236, 72, 153, .5) 100%); border-radius: 10px; border: 3px solid transparent; background-clip: padding-box; transition: all .3s var(--premium-ease-smooth); box-shadow: 0 0 12px rgba(99, 102, 241, .3); } ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(99, 102, 241, .8) 0%, rgba(139, 92, 246, .8) 50%, rgba(236, 72, 153, .8) 100%); border: 3px solid transparent; background-clip: padding-box; box-shadow: 0 0 20px rgba(99, 102, 241, .5); } ::-webkit-scrollbar-corner { background: transparent; } ::selection { background: linear-gradient(135deg, rgba(99, 102, 241, .4), rgba(236, 72, 153, .3)); color: #fff; text-shadow: 0 0 12px rgba(99, 102, 241, .6); } h1, h2, h3, h4, h5, h6 { font-family: var(--premium-font-display), inherit !important; letter-spacing: -.02em !important; } p { line-height: 1.6 !important; } a { transition: color var(--premium-t-base); color: var(--premium-violet-3); } .navbar, nav.navbar, .cv-navbar, .cv-nav { background: rgba(10, 11, 20, .65) !important; backdrop-filter: var(--premium-blur-glass-strong) !important; -webkit-backdrop-filter: var(--premium-blur-glass-strong) !important; border-bottom: 1px solid var(--premium-border-subtle) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 8px 32px rgba(0, 0, 0, .25) !important; transition: all var(--premium-t-base) !important; position: sticky; top: 0; z-index: var(--premium-z-nav) !important; } .navbar.scrolled, nav.navbar.scrolled { background: rgba(10, 11, 20, .9) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 12px 40px rgba(0, 0, 0, .4) !important; } [data-theme="light"] .navbar, [data-theme="light"] nav.navbar, [data-theme="light"] .cv-navbar, [data-theme="light"] .cv-nav { background: rgba(255, 255, 255, .75) !important; backdrop-filter: blur(24px) saturate(1.8) !important; -webkit-backdrop-filter: blur(24px) saturate(1.8) !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 1px 0 rgba(0, 0, 0, .04), 0 8px 32px rgba(0, 0, 0, .08) !important; } [data-theme="light"] .navbar.scrolled, [data-theme="light"] nav.navbar.scrolled { background: rgba(255, 255, 255, .95) !important; box-shadow: 0 1px 0 rgba(0, 0, 0, .06), 0 12px 40px rgba(0, 0, 0, .1) !important; } [data-theme="light"] .navbar a, [data-theme="light"] .navbar-link, [data-theme="light"] .nav-link { color: rgba(15, 23, 42, .75) !important; } [data-theme="light"] .navbar a:hover, [data-theme="light"] .navbar-link:hover, [data-theme="light"] .nav-link:hover { color: rgba(15, 23, 42, 1) !important; text-shadow: 0 0 12px rgba(99, 102, 241, .3); } [data-theme="light"] body { background: #f8fafc !important; color: #1e293b !important; } [data-theme="light"] body::after { background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(99, 102, 241, .15) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 100% 50%, rgba(236, 72, 153, .1) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 0% 80%, rgba(34, 211, 238, .1) 0%, transparent 60%) !important; } [data-theme="light"] .glass-card, [data-theme="light"] .feature-card, [data-theme="light"] .server-card, [data-theme="light"] .cv-card, [data-theme="light"] .glass { background: rgba(255, 255, 255, .7) !important; backdrop-filter: blur(20px) saturate(1.6) !important; -webkit-backdrop-filter: blur(20px) saturate(1.6) !important; border: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 10px 40px -10px rgba(0, 0, 0, .1), 0 4px 16px -4px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .5) !important; color: #1e293b !important; } [data-theme="light"] .av-input, [data-theme="light"] .pm-input-field, [data-theme="light"] .input-field, [data-theme="light"] #loginForm input[type="text"], [data-theme="light"] #loginForm input[type="password"], [data-theme="light"] #loginForm input[type="email"], [data-theme="light"] textarea.av-input { background: rgba(255, 255, 255, .8) !important; border: 1.5px solid rgba(0, 0, 0, .1) !important; color: #1e293b !important; } [data-theme="light"] .av-input::placeholder, [data-theme="light"] #loginForm input::placeholder { color: rgba(15, 23, 42, .4) !important; } [data-theme="light"] .av-input:focus, [data-theme="light"] #loginForm input:focus:not(:disabled) { border-color: #6366f1 !important; background: rgba(255, 255, 255, .95) !important; box-shadow: 0 0 0 4px rgba(99, 102, 241, .15), 0 0 24px rgba(99, 102, 241, .2) !important; } [data-theme="light"] footer, [data-theme="light"] .cv-footer { background: rgba(255, 255, 255, .8) !important; border-top: 1px solid rgba(0, 0, 0, .08) !important; color: #475569 !important; } [data-theme="light"] section h2, [data-theme="light"] .section-title, [data-theme="light"] .cv-section-title { background: linear-gradient(135deg, #1e293b 0%, #4338ca 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } [data-theme="light"] #mobileMenu, [data-theme="light"] .mobile-menu { background: rgba(255, 255, 255, .96) !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; } [data-theme="light"] #mobileMenuBtn, [data-theme="light"] .mobile-menu-btn { background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(0, 0, 0, .1) !important; color: #1e293b !important; } [data-theme="light"] .btn-secondary, [data-theme="light"] .cv-btn-secondary { background: rgba(255, 255, 255, .7) !important; border: 1px solid rgba(0, 0, 0, .1) !important; color: #1e293b !important; } [data-theme="light"] .btn-secondary:hover, [data-theme="light"] .cv-btn-secondary:hover { background: rgba(255, 255, 255, .9) !important; border-color: rgba(99, 102, 241, .4) !important; color: #4338ca !important; } [data-theme="light"] ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(99, 102, 241, .4), rgba(139, 92, 246, .4)) !important; } [data-theme="light"] .av-admin-list-name, [data-theme="light"] .av-admin-stat-val, [data-theme="light"] .av-admin-title, [data-theme="light"] .av-admin-modal-title, [data-theme="light"] .av-admin-list-item, [data-theme="light"] .av-admin-table tbody td { color: #1e293b !important; } [data-theme="light"] .av-admin-panel { background: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, .98) 100%) !important; border-left: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: -20px 0 80px rgba(0, 0, 0, .1) !important; } [data-theme="light"] .av-admin-header, [data-theme="light"] .av-admin-modal-header { background: linear-gradient(180deg, rgba(0, 0, 0, .02), transparent) !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; } [data-theme="light"] .av-admin-nav { border-bottom: 1px solid rgba(0, 0, 0, .06) !important; } [data-theme="light"] .av-admin-nav-btn { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] .av-admin-nav-btn.active { color: #1e293b !important; } [data-theme="light"] .av-admin-stat-card { background: linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(248, 250, 252, .8)) !important; border: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .05) !important; } [data-theme="light"] .av-admin-stat-label, [data-theme="light"] .av-admin-subtitle, [data-theme="light"] .av-admin-modal-subtitle, [data-theme="light"] .av-admin-list-meta { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] .av-admin-search { background: rgba(255, 255, 255, .7) !important; border: 1.5px solid rgba(0, 0, 0, .1) !important; } [data-theme="light"] .av-admin-search input { color: #1e293b !important; } [data-theme="light"] .av-admin-search input::placeholder { color: rgba(15, 23, 42, .4) !important; } [data-theme="light"] .av-admin-table-wrap { background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(0, 0, 0, .08) !important; } [data-theme="light"] .av-admin-table thead th { background: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .01)) !important; color: rgba(15, 23, 42, .65) !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; } [data-theme="light"] .av-admin-table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, .04) !important; } [data-theme="light"] .av-admin-list-item { background: linear-gradient(135deg, rgba(255, 255, 255, .7), rgba(248, 250, 252, .7)) !important; border: 1px solid rgba(0, 0, 0, .06) !important; } [data-theme="light"] .av-admin-modal, [data-theme="light"] .av-glass-modal { background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .96)) !important; border: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 40px 80px rgba(0, 0, 0, .15), 0 0 60px rgba(99, 102, 241, .1) !important; } [data-theme="light"] .av-admin-edit-row .av-input, [data-theme="light"] .av-admin-edit-row select.av-input, [data-theme="light"] .av-input { background: rgba(255, 255, 255, .8) !important; border: 1.5px solid rgba(0, 0, 0, .1) !important; color: #1e293b !important; } [data-theme="light"] .av-admin-edit-row label, [data-theme="light"] .av-label { color: rgba(15, 23, 42, .55) !important; } [data-theme="light"] .av-admin-overlay, [data-theme="light"] .av-admin-modal-backdrop, [data-theme="light"] .modal-backdrop, [data-theme="light"] #loginModalOverlay { background: rgba(255, 255, 255, .7) !important; } [data-theme="light"] #loginError, [data-theme="light"] .login-error { background: linear-gradient(135deg, rgba(239, 68, 68, .1), rgba(236, 72, 153, .05)) !important; border: 1px solid rgba(239, 68, 68, .25) !important; color: #dc2626 !important; } [data-theme="light"] .feature-icon, [data-theme="light"] .cv-feature-icon { background: linear-gradient(135deg, rgba(99, 102, 241, .15), rgba(139, 92, 246, .08)) !important; border: 1px solid rgba(99, 102, 241, .2) !important; } [data-theme="light"] .panel-mockup, [data-theme="light"] .cv-panel-mockup { background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(248, 250, 252, .9)) !important; border: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 40px 80px rgba(0, 0, 0, .15), 0 0 60px rgba(99, 102, 241, .1) !important; } [data-theme="light"] .voice-section, [data-theme="light"] .voice-panel-section { background: linear-gradient(135deg, rgba(255, 255, 255, .7), rgba(248, 250, 252, .7)) !important; border: 1px solid rgba(0, 0, 0, .08) !important; color: #1e293b !important; } [data-theme="light"] .notes-panel, [data-theme="light"] #notesPanel { background: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(248, 250, 252, .95)) !important; border: 1px solid rgba(0, 0, 0, .08) !important; color: #1e293b !important; } [data-theme="light"] .notes-header { background: linear-gradient(180deg, rgba(0, 0, 0, .02), transparent) !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; } [data-theme="light"] .voice-btn, [data-theme="light"] .voice-control-btn, [data-theme="light"] .mic-btn, [data-theme="light"] .camera-btn, [data-theme="light"] .screen-btn, [data-theme="light"] .cv-voice-btn { background: rgba(255, 255, 255, .7) !important; border: 1px solid rgba(0, 0, 0, .1) !important; color: #475569 !important; } [data-theme="light"] .voice-btn:hover, [data-theme="light"] .voice-control-btn:hover, [data-theme="light"] .mic-btn:hover, [data-theme="light"] .cv-voice-btn:hover { background: rgba(99, 102, 241, .1) !important; border-color: rgba(99, 102, 241, .35) !important; color: #4338ca !important; } [data-theme="light"] .voice-user, [data-theme="light"] .voice-user-card, [data-theme="light"] .voice-participant { background: linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(248, 250, 252, .8)) !important; border: 1px solid rgba(0, 0, 0, .08) !important; color: #1e293b !important; } [data-theme="light"] .av-admin-section-header { color: rgba(15, 23, 42, .75) !important; } [data-theme="light"] .av-admin-filter-btn { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] .av-admin-filter-btn:hover { background: rgba(0, 0, 0, .04) !important; color: rgba(15, 23, 42, .85) !important; } [data-theme="light"] .av-admin-filter-group { background: rgba(0, 0, 0, .02) !important; border: 1px solid rgba(0, 0, 0, .06) !important; } [data-theme="light"] .av-admin-back-btn { background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(0, 0, 0, .08) !important; color: rgba(15, 23, 42, .7) !important; } [data-theme="light"] .av-admin-edit-row-check { background: linear-gradient(135deg, rgba(255, 255, 255, .7), rgba(248, 250, 252, .7)) !important; border: 1px solid rgba(0, 0, 0, .06) !important; } [data-theme="light"] .av-admin-edit-row-check label { color: #1e293b !important; } [data-theme="light"] .av-admin-list-badge.expired, [data-theme="light"] .av-admin-list-badge.offline, [data-theme="light"] .av-admin-list-badge.user { background: rgba(0, 0, 0, .04) !important; color: rgba(15, 23, 42, .4) !important; } .navbar a, .navbar-link, .nav-link { color: var(--premium-text-2) !important; font-weight: 500 !important; font-size: 14px !important; letter-spacing: -.01em !important; transition: all var(--premium-t-base) !important; position: relative; } .navbar a:hover, .navbar-link:hover, .nav-link:hover { color: var(--premium-text-1) !important; text-shadow: 0 0 12px var(--premium-violet-glow-soft); } .navbar a::after, .navbar-link::after { content: ''; position: absolute; bottom: -4px; left: 50%; width: 0; height: 2px; background: var(--premium-gradient-violet); border-radius: 2px; transition: all var(--premium-t-spring); transform: translateX(-50%); box-shadow: 0 0 8px var(--premium-violet-glow); } .navbar a:hover::after, .navbar-link:hover::after { width: 100%; } .btn-primary, .cta-btn, .cv-btn-primary, #loginSubmitBtn, .av-btn-create, .ch-send-btn, .ch-send-button, button[type="submit"]:not(.av-admin-btn):not(.secondary):not(.danger) { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%) !important; background-size: 200% 200% !important; border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: var(--premium-r-md) !important; color: #fff !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: -.01em !important; padding: 12px 24px !important; cursor: pointer !important; position: relative !important; overflow: hidden !important; transition: all var(--premium-t-spring) !important; box-shadow: 0 4px 16px rgba(99, 102, 241, .35), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .15) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-family: var(--premium-font-body) !important; text-decoration: none !important; white-space: nowrap !important; } .btn-primary::before, .cta-btn::before, .cv-btn-primary::before, #loginSubmitBtn::before, .av-btn-create::before, .ch-send-btn::before, .ch-send-button::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .3) 50%, transparent 100%); transform: translateX(-150%); transition: transform .7s var(--premium-ease-out-expo); pointer-events: none; z-index: 1; } .btn-primary::after, .cta-btn::after, .cv-btn-primary::after, #loginSubmitBtn::after, .av-btn-create::after, .ch-send-btn::after, .ch-send-button::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, .25), transparent 60%); opacity: 0; transition: opacity var(--premium-t-base); pointer-events: none; z-index: 1; } .btn-primary:hover, .cta-btn:hover, .cv-btn-primary:hover, #loginSubmitBtn:hover:not(:disabled), .av-btn-create:hover, .ch-send-btn:hover, .ch-send-button:hover { background-position: 100% 50% !important; transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 12px 32px rgba(99, 102, 241, .5), 0 0 60px rgba(139, 92, 246, .35), inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(0, 0, 0, .15) !important; filter: brightness(1.08) !important; } .btn-primary:hover::before, .cta-btn:hover::before, .cv-btn-primary:hover::before, #loginSubmitBtn:hover:not(:disabled)::before, .av-btn-create:hover::before, .ch-send-btn:hover::before, .ch-send-button:hover::before { transform: translateX(150%); } .btn-primary:hover::after, .cta-btn:hover::after, .cv-btn-primary:hover::after, #loginSubmitBtn:hover:not(:disabled)::after, .av-btn-create:hover::after, .ch-send-btn:hover::after, .ch-send-button:hover::after { opacity: 1; } .btn-primary:active, .cta-btn:active, .cv-btn-primary:active, #loginSubmitBtn:active:not(:disabled), .av-btn-create:active, .ch-send-btn:active, .ch-send-button:active { transform: translateY(-1px) scale(.98) !important; transition-duration: .1s !important; } .btn-primary > *, .cta-btn > *, #loginSubmitBtn > *, .av-btn-create > *, .ch-send-btn > *, .ch-send-button > * { position: relative; z-index: 2; } .btn-secondary, .cv-btn-secondary, .av-admin-btn.secondary { background: var(--premium-bg-glass) !important; backdrop-filter: var(--premium-blur-md) !important; -webkit-backdrop-filter: var(--premium-blur-md) !important; border: 1px solid var(--premium-border-soft) !important; border-radius: var(--premium-r-md) !important; color: var(--premium-text-1) !important; font-weight: 600 !important; font-size: 14px !important; padding: 11px 22px !important; cursor: pointer !important; transition: all var(--premium-t-spring) !important; position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 8px; } .btn-secondary:hover, .cv-btn-secondary:hover, .av-admin-btn.secondary:hover { background: var(--premium-bg-glass-hover) !important; border-color: var(--premium-border-glow) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .3), var(--premium-glow-violet) !important; color: #fff !important; } .navbar-login-btn, .cv-login-btn { background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%) !important; background-size: 200% 200% !important; border: 1px solid rgba(255, 255, 255, .2) !important; border-radius: var(--premium-r-md) !important; color: #1a1a1a !important; font-weight: 700 !important; font-size: 14px !important; padding: 11px 22px !important; cursor: pointer !important; position: relative; overflow: hidden; transition: all var(--premium-t-spring) !important; box-shadow: 0 4px 16px rgba(251, 191, 36, .35), inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .15) !important; display: inline-flex; align-items: center; gap: 8px; } .navbar-login-btn:hover, .cv-login-btn:hover { background-position: 100% 50% !important; transform: translateY(-3px) scale(1.03) !important; box-shadow: 0 12px 32px rgba(251, 191, 36, .5), 0 0 60px rgba(245, 158, 11, .35), inset 0 1px 0 rgba(255, 255, 255, .35) !important; filter: brightness(1.1) !important; color: #000 !important; } .av-admin-btn.danger, .btn-danger, .cv-btn-danger { background: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #b91c1c 100%) !important; background-size: 200% 200% !important; border: 1px solid rgba(255, 255, 255, .15) !important; border-radius: var(--premium-r-md) !important; color: #fff !important; font-weight: 600 !important; padding: 11px 22px !important; cursor: pointer !important; transition: all var(--premium-t-spring) !important; position: relative; overflow: hidden; box-shadow: 0 4px 16px rgba(239, 68, 68, .35), inset 0 1px 0 rgba(255, 255, 255, .2) !important; display: inline-flex; align-items: center; gap: 8px; } .av-admin-btn.danger:hover, .btn-danger:hover, .cv-btn-danger:hover { background-position: 100% 50% !important; transform: translateY(-2px) scale(1.02) !important; box-shadow: 0 12px 32px rgba(239, 68, 68, .5), 0 0 40px rgba(248, 113, 113, .35), inset 0 1px 0 rgba(255, 255, 255, .25) !important; filter: brightness(1.1) !important; } .glass-card, .feature-card, .server-card, .av-admin-stat-card, .glass, .cv-card, .card-glass { background: var(--premium-bg-card) !important; backdrop-filter: var(--premium-blur-glass) !important; -webkit-backdrop-filter: var(--premium-blur-glass) !important; border: 1px solid var(--premium-border-soft) !important; border-radius: var(--premium-r-lg) !important; box-shadow: var(--premium-shadow-md), inset 0 1px 0 rgba(255, 255, 255, .06) !important; transition: all var(--premium-t-spring) !important; position: relative !important; overflow: hidden !important; } .glass-card::before, .feature-card::before, .server-card::before, .av-admin-stat-card::before, .cv-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .25) 50%, transparent 100%); z-index: 1; } .glass-card::after, .feature-card::after, .server-card::after, .cv-card::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle 200px at var(--mx, 50%) var(--my, 50%), rgba(99, 102, 241, .12), transparent 60%); opacity: 0; transition: opacity var(--premium-t-base); pointer-events: none; z-index: 0; } .glass-card:hover, .feature-card:hover, .server-card:hover, .av-admin-stat-card:hover, .cv-card:hover { background: var(--premium-bg-card-hover) !important; border-color: var(--premium-border-glow) !important; transform: translateY(-4px) !important; box-shadow: var(--premium-shadow-xl), 0 0 0 1px rgba(99, 102, 241, .2), var(--premium-glow-violet), inset 0 1px 0 rgba(255, 255, 255, .08) !important; } .glass-card:hover::after, .feature-card:hover::after, .server-card:hover::after, .cv-card:hover::after { opacity: 1; } .av-input, .pm-input-field, .input-field, .ch-input, .ch-input-field, #loginForm input[type="text"], #loginForm input[type="password"], #loginForm input[type="email"], .av-admin-search input, .av-admin-edit-row .av-input, textarea.av-input, select.av-input { background: rgba(255, 255, 255, .025) !important; border: 1.5px solid var(--premium-border-soft) !important; border-radius: var(--premium-r-md) !important; color: var(--premium-text-1) !important; font-size: 14px !important; font-family: var(--premium-font-body) !important; padding: 12px 16px !important; outline: none !important; transition: all var(--premium-t-spring) !important; position: relative; letter-spacing: -.01em !important; } .av-input::placeholder, .pm-input-field::placeholder, .input-field::placeholder, .ch-input::placeholder, #loginForm input::placeholder, .av-admin-search input::placeholder, textarea.av-input::placeholder { color: var(--premium-text-4) !important; transition: color var(--premium-t-base); } .av-input:hover, .pm-input-field:hover, .input-field:hover, .ch-input:hover, #loginForm input:hover:not(:disabled), .av-admin-search input:hover, textarea.av-input:hover, select.av-input:hover { border-color: rgba(99, 102, 241, .35) !important; background: rgba(99, 102, 241, .04) !important; } .av-input:focus, .pm-input-field:focus, .input-field:focus, .ch-input:focus, #loginForm input:focus:not(:disabled), .av-admin-search input:focus, textarea.av-input:focus, select.av-input:focus { border-color: var(--premium-violet-1) !important; background: rgba(99, 102, 241, .06) !important; box-shadow: 0 0 0 4px rgba(99, 102, 241, .15), 0 0 24px rgba(99, 102, 241, .3), inset 0 1px 0 rgba(255, 255, 255, .05) !important; } .modal-backdrop, .av-admin-modal-backdrop, #loginModalOverlay, .av-admin-overlay { background: rgba(5, 6, 9, .75) !important; backdrop-filter: var(--premium-blur-xl) saturate(1.5) !important; -webkit-backdrop-filter: var(--premium-blur-xl) saturate(1.5) !important; } .av-glass-modal, .av-admin-modal, .ch-settings-modal, #loginModalOverlay .modal, .cv-modal, .support-modal { background: linear-gradient(135deg, rgba(22, 23, 37, .92) 0%, rgba(15, 16, 25, .95) 100%) !important; backdrop-filter: var(--premium-blur-glass-strong) !important; -webkit-backdrop-filter: var(--premium-blur-glass-strong) !important; border: 1px solid var(--premium-border-soft) !important; border-radius: var(--premium-r-xl) !important; box-shadow: var(--premium-shadow-2xl), 0 0 0 1px rgba(255, 255, 255, .06), 0 0 80px rgba(99, 102, 241, .15), inset 0 1px 0 rgba(255, 255, 255, .08) !important; animation: premiumModalIn .6s var(--premium-ease-spring) !important; position: relative !important; overflow: hidden !important; } .av-glass-modal::before, .av-admin-modal::before, .ch-settings-modal::before, #loginModalOverlay .modal::before, .cv-modal::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .3) 30%, rgba(99, 102, 241, .5) 50%, rgba(255, 255, 255, .3) 70%, transparent 100%); z-index: 1; } @keyframes premiumModalIn { 0% { opacity: 0; transform: scale(.92) translateY(24px) perspective(1000px) rotateX(-8deg); } 60% { opacity: 1; transform: scale(1.01) translateY(-3px) perspective(1000px) rotateX(2deg); } 100% { opacity: 1; transform: scale(1) translateY(0) perspective(1000px) rotateX(0); } } .av-toggle-track, .toggle-track, .cv-toggle-track { width: 44px !important; height: 26px !important; border-radius: var(--premium-r-full) !important; background: rgba(255, 255, 255, .08) !important; position: relative !important; transition: all var(--premium-t-spring) !important; border: 1px solid var(--premium-border-soft) !important; cursor: pointer; flex-shrink: 0; } .av-toggle-thumb, .toggle-thumb, .cv-toggle-thumb { width: 20px !important; height: 20px !important; border-radius: 50% !important; background: linear-gradient(135deg, #fff, #e5e7eb) !important; position: absolute !important; top: 2px !important; left: 2px !important; transition: all var(--premium-t-spring) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .5) !important; z-index: 1; } .av-toggle:checked + .av-toggle-track, .toggle:checked + .toggle-track, .cv-toggle:checked + .cv-toggle-track { background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; border-color: rgba(99, 102, 241, .5) !important; box-shadow: 0 0 16px rgba(99, 102, 241, .45), inset 0 1px 0 rgba(255, 255, 255, .15) !important; } .av-toggle:checked + .av-toggle-track .av-toggle-thumb, .toggle:checked + .toggle-track .toggle-thumb, .cv-toggle:checked + .cv-toggle-track .cv-toggle-thumb { transform: translateX(18px) !important; background: linear-gradient(135deg, #fff, #f3f4f6) !important; box-shadow: 0 2px 12px rgba(99, 102, 241, .5), 0 0 16px rgba(255, 255, 255, .3), inset 0 1px 0 rgba(255, 255, 255, .5) !important; } .av-label, label.av-label, .cv-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .1em !important; color: var(--premium-text-3) !important; margin-bottom: 8px !important; display: block !important; position: relative !important; padding-left: 12px !important; } .av-label::before, label.av-label::before, .cv-label::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 12px; background: linear-gradient(180deg, #6366f1, #8b5cf6); border-radius: 2px; box-shadow: 0 0 8px rgba(99, 102, 241, .6); } .status-dot, .cv-status-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; position: relative; flex-shrink: 0; } .status-dot.online, .cv-status-dot.online { background: var(--premium-emerald-1); box-shadow: 0 0 12px var(--premium-emerald-glow); } .status-dot.online::after, .cv-status-dot.online::after { content: ''; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid var(--premium-emerald-2); animation: premiumStatusPulse 2s ease-out infinite; opacity: 0; } @keyframes premiumStatusPulse { 0% { transform: scale(.8); opacity: .8; } 100% { transform: scale(1.6); opacity: 0; } } .status-dot.idle, .cv-status-dot.idle { background: var(--premium-gold-1); box-shadow: 0 0 12px var(--premium-gold-glow); } .status-dot.dnd, .cv-status-dot.dnd { background: var(--premium-red-1); box-shadow: 0 0 12px var(--premium-red-glow); } .status-dot.offline, .cv-status-dot.offline { background: rgba(255, 255, 255, .25); } @keyframes premiumShimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @keyframes premiumFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @keyframes premiumSpin { to { transform: rotate(360deg); } } @keyframes premiumPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .7; transform: scale(1.05); } } @keyframes premiumGradientShift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes premiumReveal { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } .spinner, .cv-spinner { display: inline-block; width: 22px; height: 22px; border: 2.5px solid rgba(99, 102, 241, .15); border-top-color: #6366f1; border-right-color: #8b5cf6; border-radius: 50%; animation: premiumSpin .8s linear infinite; box-shadow: 0 0 16px rgba(99, 102, 241, .35); } .gradient-text, .cv-gradient-text, h1.gradient, .hero-title, .hero h1 { background: var(--premium-gradient-text) !important; background-size: 200% 200% !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; animation: premiumGradientShift 8s ease-in-out infinite; letter-spacing: -.04em !important; } #backToTop { position: fixed !important; bottom: 32px !important; right: 32px !important; width: 52px !important; height: 52px !important; border-radius: 50% !important; background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%) !important; background-size: 200% 200% !important; border: 1px solid rgba(255, 255, 255, .15) !important; color: #fff !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 8px 24px rgba(99, 102, 241, .4), 0 0 40px rgba(139, 92, 246, .3), inset 0 1px 0 rgba(255, 255, 255, .25) !important; opacity: 0; visibility: hidden; transform: translateY(20px) scale(.8); transition: all var(--premium-t-spring) !important; z-index: 999 !important; } #backToTop.visible { opacity: 1 !important; visibility: visible !important; transform: translateY(0) scale(1) !important; } #backToTop:hover { background-position: 100% 50% !important; transform: translateY(-4px) scale(1.1) !important; box-shadow: 0 16px 40px rgba(99, 102, 241, .55), 0 0 60px rgba(139, 92, 246, .45), inset 0 1px 0 rgba(255, 255, 255, .3) !important; } .hero, .cv-hero, .hero-section { position: relative; z-index: var(--premium-z-content); padding: 120px 0 80px !important; } .hero-title, .hero h1, .cv-hero h1 { line-height: 1.05 !important; margin-bottom: 24px !important; background: linear-gradient(135deg, #ffffff 0%, #c7d2fe 35%, #a5b4fc 65%, #fbbf24 100%) !important; background-size: 200% 200% !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; animation: premiumGradientShift 8s ease-in-out infinite; text-shadow: 0 0 60px rgba(99, 102, 241, .3); letter-spacing: -.045em !important; } .hero p, .cv-hero p, .hero-subtitle { line-height: 1.6 !important; color: var(--premium-text-2) !important; max-width: 640px; margin-bottom: 32px !important; } section h2, .section-title, .cv-section-title { background: linear-gradient(135deg, #ffffff 0%, #a5b4fc 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; letter-spacing: -.03em !important; } .feature-icon, .cv-feature-icon { width: 60px !important; height: 60px !important; border-radius: var(--premium-r-lg) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 28px !important; background: linear-gradient(135deg, rgba(99, 102, 241, .25), rgba(139, 92, 246, .15)) !important; border: 1px solid rgba(99, 102, 241, .25) !important; box-shadow: 0 8px 24px rgba(99, 102, 241, .25), inset 0 1px 0 rgba(255, 255, 255, .15), var(--premium-glow-violet) !important; transition: all var(--premium-t-spring) !important; position: relative; margin-bottom: 20px; } .feature-card:hover .feature-icon, .glass-card:hover .feature-icon, .cv-card:hover .cv-feature-icon { transform: scale(1.1) rotate(-5deg) translateY(-2px) !important; box-shadow: 0 16px 32px rgba(99, 102, 241, .4), 0 0 40px rgba(139, 92, 246, .3), inset 0 1px 0 rgba(255, 255, 255, .2) !important; } section, .cv-section { position: relative; z-index: var(--premium-z-content); padding: 80px 0 !important; } footer, .cv-footer { position: relative; z-index: var(--premium-z-content); background: rgba(10, 11, 20, .7) !important; backdrop-filter: var(--premium-blur-glass) !important; -webkit-backdrop-filter: var(--premium-blur-glass) !important; border-top: 1px solid var(--premium-border-subtle) !important; padding: 64px 0 32px !important; } *:focus-visible { outline: 2px solid var(--premium-violet-1); outline-offset: 3px; border-radius: 6px; box-shadow: 0 0 0 4px rgba(99, 102, 241, .2); } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } body::after { animation: none !important; } } .container, .cv-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: var(--premium-z-content); } #mobileMenu, .mobile-menu { background: rgba(10, 11, 20, .96) !important; backdrop-filter: var(--premium-blur-glass-strong) !important; -webkit-backdrop-filter: var(--premium-blur-glass-strong) !important; border-bottom: 1px solid var(--premium-border-soft) !important; transition: all var(--premium-t-spring) !important; } #mobileMenuBtn, .mobile-menu-btn { background: var(--premium-bg-glass) !important; border: 1px solid var(--premium-border-soft) !important; border-radius: var(--premium-r-sm) !important; transition: all var(--premium-t-spring) !important; cursor: pointer; } #mobileMenuBtn:hover { background: var(--premium-bg-glass-hover) !important; border-color: var(--premium-border-glow) !important; } #mobileMenuBtn.active { background: rgba(99, 102, 241, .15) !important; border-color: var(--premium-border-glow) !important; box-shadow: var(--premium-glow-violet) !important; } .panel-mockup, .cv-panel-mockup { border-radius: var(--premium-r-xl) !important; background: linear-gradient(135deg, rgba(22, 23, 37, .8) 0%, rgba(15, 16, 25, .9) 100%) !important; backdrop-filter: var(--premium-blur-glass-strong) !important; -webkit-backdrop-filter: var(--premium-blur-glass-strong) !important; border: 1px solid var(--premium-border-soft) !important; box-shadow: var(--premium-shadow-2xl), 0 0 0 1px rgba(255, 255, 255, .06), 0 0 80px rgba(99, 102, 241, .2), inset 0 1px 0 rgba(255, 255, 255, .08) !important; transition: transform var(--premium-t-spring) !important; transform-style: preserve-3d !important; will-change: transform !important; overflow: hidden; position: relative; } .panel-mockup::before, .cv-panel-mockup::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .3) 30%, rgba(99, 102, 241, .6) 50%, rgba(255, 255, 255, .3) 70%, transparent 100%); z-index: 1; } .ripple-container { position: relative; overflow: hidden; } .ripple, .cv-ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, .35); transform: scale(0); animation: premiumRipple .7s var(--premium-ease-out-quart); pointer-events: none; } @keyframes premiumRipple { to { transform: scale(2.8); opacity: 0; } } .reveal, .cv-reveal { opacity: 0; transform: translateY(32px); transition: opacity .9s var(--premium-ease-out-expo), transform .9s var(--premium-ease-out-expo); will-change: opacity, transform; } .reveal.visible, .cv-reveal.visible { opacity: 1; transform: translateY(0); } .text-gradient-violet { background: var(--premium-gradient-violet); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .glow-border, .cv-glow-border { position: relative; } .glow-border::after, .cv-glow-border::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, #6366f1, #8b5cf6, #ec4899, #fbbf24, #10b981); background-size: 300% 300%; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity var(--premium-t-base); pointer-events: none; animation: premiumGradientShift 4s ease-in-out infinite; } .glow-border:hover::after, .cv-glow-border:hover::after { opacity: 1; } .skeleton, .cv-skeleton { background: linear-gradient(90deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .08) 50%, rgba(255, 255, 255, .03) 100%); background-size: 200% 100%; animation: premiumShimmer 1.5s linear infinite; border-radius: var(--premium-r-sm); } .cv-aurora-orb { position: fixed; border-radius: 50%; filter: blur(80px); opacity: .3; pointer-events: none; z-index: 0; will-change: transform; } .cv-aurora-orb.orb-1 { width: 600px; height: 600px; background: radial-gradient(circle, #6366f1, transparent 70%); top: -200px; right: -200px; animation: premiumOrbFloat1 25s ease-in-out infinite; } .cv-aurora-orb.orb-2 { width: 500px; height: 500px; background: radial-gradient(circle, #ec4899, transparent 70%); bottom: -150px; left: -150px; animation: premiumOrbFloat2 30s ease-in-out infinite; } .cv-aurora-orb.orb-3 { width: 400px; height: 400px; background: radial-gradient(circle, #22d3ee, transparent 70%); top: 40%; left: 40%; animation: premiumOrbFloat3 35s ease-in-out infinite; } @keyframes premiumOrbFloat1 { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(80px, 60px) scale(1.1); } 66% { transform: translate(-40px, 40px) scale(.95); } } @keyframes premiumOrbFloat2 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-60px, -80px) scale(1.15); } } @keyframes premiumOrbFloat3 { 0%, 100% { transform: translate(0, 0) scale(1); } 25% { transform: translate(60px, -40px) scale(.9); } 75% { transform: translate(-80px, 60px) scale(1.1); } } .toast, .cv-toast { background: linear-gradient(135deg, rgba(22, 23, 37, .96) 0%, rgba(15, 16, 25, .96) 100%) !important; backdrop-filter: var(--premium-blur-glass-strong) !important; -webkit-backdrop-filter: var(--premium-blur-glass-strong) !important; border: 1px solid var(--premium-border-soft) !important; border-radius: var(--premium-r-lg) !important; box-shadow: var(--premium-shadow-xl), 0 0 40px rgba(99, 102, 241, .2), inset 0 1px 0 rgba(255, 255, 255, .08) !important; padding: 16px 20px !important; color: var(--premium-text-1) !important; font-size: 14px !important; font-weight: 500 !important; animation: premiumToastIn .5s var(--premium-ease-spring) !important; } @keyframes premiumToastIn { from { opacity: 0; transform: translateX(120%) scale(.9); } to { opacity: 1; transform: translateX(0) scale(1); } } #loginError, .login-error { background: linear-gradient(135deg, rgba(239, 68, 68, .15), rgba(236, 72, 153, .1)) !important; border: 1px solid rgba(239, 68, 68, .3) !important; border-radius: var(--premium-r-sm) !important; padding: 12px 16px !important; color: var(--premium-red-3) !important; font-size: 13px !important; font-weight: 500 !important; margin-bottom: 14px !important; transition: all var(--premium-t-spring) !important; overflow: hidden; max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } #loginError.visible, .login-error.visible { opacity: 1 !important; max-height: 120px !important; padding: 12px 16px !important; animation: premiumErrorShake .5s var(--premium-ease-smooth); box-shadow: 0 0 16px rgba(239, 68, 68, .25); } @keyframes premiumErrorShake { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-8px); } 40% { transform: translateX(8px); } 60% { transform: translateX(-6px); } 80% { transform: translateX(6px); } } #loginBlockedWarning, .login-blocked-warning { background: linear-gradient(135deg, rgba(239, 68, 68, .2), rgba(236, 72, 153, .15)) !important; border: 1px solid rgba(239, 68, 68, .35) !important; border-radius: var(--premium-r-sm) !important; color: var(--premium-red-3) !important; font-size: 12px !important; font-weight: 500 !important; transition: all var(--premium-t-spring) !important; overflow: hidden; max-height: 0; padding: 0 16px !important; opacity: 0; } #loginBlockedWarning.visible, .login-blocked-warning.visible { opacity: 1 !important; max-height: 120px !important; padding: 12px 16px !important; margin-bottom: 14px !important; } @import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap'); [data-theme="dark"], :root {--bg0: #0a0a0f;--bg1: #111118;--bg2: #1a1a24;--bg3: #22222e;--bg4: #2a2a38;--bg5: #343446;--glass: rgba(255,255,255,.03);--glass-b: rgba(255,255,255,.06);--glass-h: rgba(255,255,255,.09);--border: rgba(255,255,255,.06);--border-h: rgba(255,255,255,.12);--accent: #6366f1;--accent2: #8b5cf6;--accent3: #a5b4fc;--cyan: #22d3ee;--green: #10b981;--red: #ef4444;--yellow: #f59e0b;--pink: #ec4899;--txt1: #f1f5f9;--txt2: rgba(255,255,255,.65);--txt3: rgba(255,255,255,.4);--txt4: rgba(255,255,255,.2);--online: #10b981;--idle: #f59e0b;--dnd: #ef4444;--offline: #6b7280;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 24px 64px rgba(0,0,0,.5);--glow-a: 0 0 30px rgba(99,102,241,.25);--glow-c: 0 0 20px rgba(34,211,238,.15);--orb-opacity: .35;--noise-opacity: .025;--card-bg: rgba(255,255,255,.025);--card-border: rgba(255,255,255,.07);--card-hover-border: rgba(255,255,255,.12);--field-bg: rgba(255,255,255,.02);--field-icon-bg: rgba(255,255,255,.04);--field-icon-color: rgba(255,255,255,.4);--toggle-bg: rgba(255,255,255,.1);--toggle-border: rgba(255,255,255,.12);--input-bg: rgba(255,255,255,.05);--input-border: rgba(255,255,255,.1);--section-header-color: rgba(255,255,255,.65);--field-label-color: rgba(255,255,255,.45);--field-val-color: rgba(255,255,255,.88);--scrollbar-thumb: rgba(99,102,241,.3);--scrollbar-thumb-hover: rgba(99,102,241,.5);--modal-bg: rgba(17, 17, 24, 0.94);--chat-header-bg: rgba(17, 17, 24, 0.8); --bg-dark: #0a0a0f;--sidebar-bg: #111318;--sidebar-secondary: #16181f;--channel-bg: #1a1d27;--hover: #1e2130;--active: #252a3a;--text-primary: #e8eaf0;--text-secondary: #8b90a0;--text-muted: #585e73;--accent-glow: rgba(108,92,231,0.3);--unread: #f04747;--pill: #e8eaf0;} [data-theme="light"] {--modal-bg: rgba(255, 255, 255, 0.88);--chat-header-bg: rgba(248, 249, 252, 0.8);--bg0: #f8f9fc;--bg1: #eef0f6;--bg2: #f2f4fa;--bg3: #e4e7f0;--bg4: #dce0ec;--bg5: #d0d5e4;--glass: rgba(0,0,0,.02);--glass-b: rgba(0,0,0,.05);--glass-h: rgba(0,0,0,.08);--border: rgba(0,0,0,.08);--border-h: rgba(0,0,0,.15);--accent: #4f46e5;--accent2: #6366f1;--accent3: #818cf8;--cyan: #0891b2;--green: #16a34a;--red: #dc2626;--yellow: #d97706;--pink: #db2777;--txt1: #0f172a;--txt2: #475569;--txt3: #94a3b8;--txt4: #cbd5e1;--online: #16a34a;--idle: #d97706;--dnd: #dc2626;--offline: #94a3b8;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow: 0 8px 32px rgba(0,0,0,.1);--shadow-lg: 0 24px 64px rgba(0,0,0,.12);--glow-a: 0 0 30px rgba(79,70,229,.15);--glow-c: 0 0 20px rgba(8,145,178,.1);--orb-opacity: .12;--noise-opacity: .01;--card-bg: rgba(255,255,255,.75);--card-border: rgba(0,0,0,.08);--card-hover-border: rgba(0,0,0,.15);--field-bg: rgba(0,0,0,.02);--field-icon-bg: rgba(79,70,229,.07);--field-icon-color: rgba(79,70,229,.6);--toggle-bg: rgba(0,0,0,.1);--toggle-border: rgba(0,0,0,.12);--input-bg: rgba(0,0,0,.03);--input-border: rgba(0,0,0,.1);--section-header-color: rgba(15,23,42,.7);--field-label-color: rgba(15,23,42,.5);--field-val-color: rgba(15,23,42,.88);--scrollbar-thumb: rgba(79,70,229,.2);--scrollbar-thumb-hover: rgba(79,70,229,.35); --bg-dark: #f8f9fc;--sidebar-bg: #eef0f6;--sidebar-secondary: #e4e7f0;--channel-bg: #f2f4fa;--hover: #e4e7f0;--active: #dce0ec;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-glow: rgba(79,70,231,.2);--unread: #dc2626;--pill: #0f172a;} [data-theme="blu-glass"] {--modal-bg: rgba(10, 22, 40, 0.94);--chat-header-bg: rgba(14, 30, 56, 0.8);--bg0: #0a1628;--bg1: #0e1e38;--bg2: #12243f;--bg3: #162d4a;--bg4: #1a3558;--bg5: #1f3f68;--glass: rgba(100,180,255,.03);--glass-b: rgba(100,180,255,.07);--glass-h: rgba(100,180,255,.11);--border: rgba(100,180,255,.1);--border-h: rgba(100,180,255,.2);--accent: #38bdf8;--accent2: #7dd3fc;--accent3: #bae6fd;--cyan: #22d3ee;--green: #34d399;--red: #fb7185;--yellow: #fbbf24;--pink: #f472b6;--txt1: #e0f2fe;--txt2: #7dd3fc;--txt3: #38bdf8;--txt4: #1e3a5f;--online: #34d399;--idle: #fbbf24;--dnd: #fb7185;--offline: #1e3a5f;--shadow-sm: 0 2px 8px rgba(0,20,60,.5);--shadow: 0 8px 32px rgba(0,20,60,.6);--shadow-lg: 0 24px 64px rgba(0,20,60,.8);--glow-a: 0 0 30px rgba(56,189,248,.25);--glow-c: 0 0 20px rgba(34,211,238,.2);--orb-opacity: .3;--noise-opacity: .02;--card-bg: rgba(14,30,56,.6);--card-border: rgba(100,180,255,.1);--card-hover-border: rgba(100,180,255,.2);--field-bg: rgba(100,180,255,.03);--field-icon-bg: rgba(56,189,248,.1);--field-icon-color: rgba(56,189,248,.7);--toggle-bg: rgba(100,180,255,.1);--toggle-border: rgba(100,180,255,.15);--input-bg: rgba(100,180,255,.04);--input-border: rgba(100,180,255,.12);--section-header-color: rgba(224,242,254,.7);--field-label-color: rgba(224,242,254,.5);--field-val-color: rgba(224,242,254,.9);--scrollbar-thumb: rgba(56,189,248,.25);--scrollbar-thumb-hover: rgba(56,189,248,.4); --bg-dark: #0a1628;--sidebar-bg: #0e1e38;--sidebar-secondary: #12243f;--channel-bg: #0e1e38;--hover: #162d4a;--active: #1a3558;--text-primary: #e0f2fe;--text-secondary: #7dd3fc;--text-muted: #38bdf8;--accent-glow: rgba(56,189,248,.3);--unread: #fb7185;--pill: #e0f2fe;} [data-theme="purple-glass"] {--modal-bg: rgba(15, 10, 26, 0.94);--chat-header-bg: rgba(20, 14, 36, 0.8);--bg0: #0f0a1a;--bg1: #140e24;--bg2: #1a122e;--bg3: #211840;--bg4: #2a1f52;--bg5: #342864;--glass: rgba(168,85,247,.03);--glass-b: rgba(168,85,247,.07);--glass-h: rgba(168,85,247,.11);--border: rgba(168,85,247,.1);--border-h: rgba(168,85,247,.2);--accent: #a855f7;--accent2: #c084fc;--accent3: #d8b4fe;--cyan: #818cf8;--green: #34d399;--red: #fb7185;--yellow: #fbbf24;--pink: #f472b6;--txt1: #f3e8ff;--txt2: #c084fc;--txt3: #a855f7;--txt4: #3b1a6e;--online: #34d399;--idle: #fbbf24;--dnd: #fb7185;--offline: #3b1a6e;--shadow-sm: 0 2px 8px rgba(30,10,60,.5);--shadow: 0 8px 32px rgba(30,10,60,.6);--shadow-lg: 0 24px 64px rgba(30,10,60,.8);--glow-a: 0 0 30px rgba(168,85,247,.25);--glow-c: 0 0 20px rgba(129,140,248,.2);--orb-opacity: .3;--noise-opacity: .02;--card-bg: rgba(20,14,36,.6);--card-border: rgba(168,85,247,.1);--card-hover-border: rgba(168,85,247,.2);--field-bg: rgba(168,85,247,.03);--field-icon-bg: rgba(168,85,247,.1);--field-icon-color: rgba(168,85,247,.7);--toggle-bg: rgba(168,85,247,.1);--toggle-border: rgba(168,85,247,.15);--input-bg: rgba(168,85,247,.04);--input-border: rgba(168,85,247,.12);--section-header-color: rgba(243,232,255,.7);--field-label-color: rgba(243,232,255,.5);--field-val-color: rgba(243,232,255,.9);--scrollbar-thumb: rgba(168,85,247,.25);--scrollbar-thumb-hover: rgba(168,85,247,.4); --bg-dark: #0f0a1a;--sidebar-bg: #140e24;--sidebar-secondary: #1a122e;--channel-bg: #140e24;--hover: #211840;--active: #2a1f52;--text-primary: #f3e8ff;--text-secondary: #c084fc;--text-muted: #a855f7;--accent-glow: rgba(168,85,247,.3);--unread: #fb7185;--pill: #f3e8ff;} [data-theme="gradient"] { --modal-bg: rgba(15, 5, 32, 0.94); --chat-header-bg: rgba(18, 8, 40, 0.8); --bg0: #0f0520; --bg1: #120828; --bg2: #150a30; --bg3: #180d38; --bg4: #1c1042; --bg5: #20144c; --glass: rgba(139,92,246,.04); --glass-b: rgba(139,92,246,.08); --glass-h: rgba(236,72,153,.1); --border: rgba(139,92,246,.1); --border-h: rgba(236,72,153,.2); --accent: #8b5cf6; --accent2: #ec4899; --accent3: #f9a8d4; --cyan: #a78bfa; --green: #34d399; --red: #fb7185; --yellow: #fbbf24; --pink: #ec4899; --txt1: #fce7f3; --txt2: #d8b4fe; --txt3: #a78bfa; --txt4: #4c1d95; --online: #34d399; --idle: #fbbf24; --dnd: #fb7185; --offline: #4c1d95; --shadow-sm: 0 2px 8px rgba(20,5,40,.5); --shadow: 0 8px 32px rgba(20,5,40,.6); --shadow-lg: 0 24px 64px rgba(20,5,40,.8); --glow-a: 0 0 30px rgba(139,92,246,.3); --glow-c: 0 0 20px rgba(236,72,153,.2); --orb-opacity: .35; --noise-opacity: .02; --card-bg: rgba(18,8,40,.65); --card-border: rgba(139,92,246,.12); --card-hover-border: rgba(236,72,153,.2); --field-bg: rgba(139,92,246,.03); --field-icon-bg: rgba(139,92,246,.1); --field-icon-color: rgba(139,92,246,.7); --toggle-bg: rgba(139,92,246,.1); --toggle-border: rgba(139,92,246,.15); --input-bg: rgba(139,92,246,.04); --input-border: rgba(139,92,246,.12); --section-header-color: rgba(252,231,243,.7); --field-label-color: rgba(252,231,243,.5); --field-val-color: rgba(252,231,243,.9); --scrollbar-thumb: rgba(139,92,246,.3); --scrollbar-thumb-hover: rgba(236,72,153,.4); --bg-dark: #0f0520; --sidebar-bg: #120828; --sidebar-secondary: #150a30; --channel-bg: #120828; --hover: #180d38; --active: #1c1042; --text-primary: #fce7f3; --text-secondary: #d8b4fe; --text-muted: #a78bfa; --accent-glow: rgba(139,92,246,.3); --unread: #fb7185; --pill: #fce7f3; } [data-theme="dark-glass"] { --modal-bg: rgba(10, 10, 15, 0.94); --chat-header-bg: rgba(10, 10, 15, 0.8); --bg0: #000000; --bg1: #0a0a0f; --bg2: #111118; --bg3: #18181f; --bg4: #1f1f28; --bg5: #282833; --glass: rgba(88,101,242,.04); --glass-b: rgba(88,101,242,.08); --glass-h: rgba(88,101,242,.12); --border: rgba(255,255,255,.1); --border-h: rgba(255,255,255,.2); --accent: #5865f2; --accent2: #7289da; --accent3: #8b9bff; --cyan: #4f8ff7; --green: #57f287; --red: #ed4245; --yellow: #fee75c; --pink: #eb4599; --txt1: #f2f3f5; --txt2: #b5bac1; --txt3: #80848e; --txt4: #4f545c; --online: #57f287; --idle: #fee75c; --dnd: #ed4245; --offline: #4f545c; --shadow-sm: 0 2px 8px rgba(0,0,0,.6); --shadow: 0 8px 32px rgba(0,0,0,.7); --shadow-lg: 0 24px 64px rgba(0,0,0,.85); --glow-a: 0 0 30px rgba(88,101,242,.3); --glow-c: 0 0 20px rgba(88,101,242,.2); --orb-opacity: .2; --noise-opacity: .03; --card-bg: rgba(17,17,24,.75); --card-border: rgba(255,255,255,.1); --card-hover-border: rgba(255,255,255,.2); --field-bg: rgba(255,255,255,.03); --field-icon-bg: rgba(88,101,242,.12); --field-icon-color: rgba(88,101,242,.8); --toggle-bg: rgba(255,255,255,.12); --toggle-border: rgba(255,255,255,.18); --input-bg: rgba(255,255,255,.06); --input-border: rgba(255,255,255,.12); --section-header-color: rgba(242,243,245,.7); --field-label-color: rgba(242,243,245,.5); --field-val-color: rgba(242,243,245,.9); --scrollbar-thumb: rgba(88,101,242,.3); --scrollbar-thumb-hover: rgba(88,101,242,.5); --bg-dark: #000000; --sidebar-bg: #0a0a0f; --sidebar-secondary: #111118; --channel-bg: #0a0a0f; --hover: #18181f; --active: #1f1f28; --text-primary: #f2f3f5; --text-secondary: #b5bac1; --text-muted: #80848e; --accent-glow: rgba(88,101,242,.3); --unread: #ed4245; --pill: #f2f3f5; } [data-theme="light"] .av-label { color: rgba(15,23,42,.55); } [data-theme="light"] .av-hint { color: var(--txt2); } [data-theme="light"] .av-info-label { color: var(--txt2); } [data-theme="light"] .av-row-label { color: var(--txt2); } [data-theme="light"] .av-row-val { color: var(--field-val-color); } [data-theme="light"] .av-row-val.muted { color: rgba(15,23,42,.4); } [data-theme="light"] .av-section-header { color: var(--section-header-color); } [data-theme="light"] .av-security-title { color: var(--txt1); } [data-theme="light"] .av-security-desc { color: var(--txt2); } [data-theme="light"] .av-session-title { color: var(--txt1); } [data-theme="light"] .av-session-meta { color: var(--txt2); } [data-theme="light"] .av-loginlog-title { color: var(--txt1); } [data-theme="light"] .av-loginlog-meta { color: var(--txt2); } [data-theme="light"] .av-preview-type { color: var(--txt2); } [data-theme="light"] .av-radio-label { color: var(--txt1); } [data-theme="light"] .av-radio-desc { color: var(--txt2); } [data-theme="light"] .av-toggle-desc { color: var(--txt2); } [data-theme="light"] .av2-section-header { color: var(--section-header-color); } [data-theme="light"] .av2-field-label { color: var(--field-label-color); } [data-theme="light"] .av2-field-val { color: var(--field-val-color); } [data-theme="light"] .av2-field-val.muted { color: rgba(15,23,42,.4); } [data-theme="light"] .av2-hint { color: var(--txt2); } [data-theme="light"] .av2-empty-text { color: var(--txt2); } [data-theme="light"] .av2-loading { color: var(--txt2); } [data-theme="light"] .av2-stat-label { color: rgba(15,23,42,.4); } [data-theme="light"] .av2-hero-status { color: var(--txt2); } [data-theme="light"] .av2-hero-id-line { color: rgba(15,23,42,.45); } [data-theme="light"] .av2-hero-id-text { color: rgba(15,23,42,.45); } [data-theme="light"] .av3-hint { color: var(--txt2); } [data-theme="light"] .av3-hint code { background: rgba(79,70,229,.06); color: var(--accent); } [data-theme="light"] .av3-empty { color: var(--txt2); } [data-theme="light"] .av3-loading { color: var(--txt2); } [data-theme="light"] .av3-radio-label { color: var(--txt1); } [data-theme="light"] .av3-radio-desc { color: var(--txt2); } [data-theme="light"] .av3-support-group label { color: var(--txt2); } [data-theme="light"] .field-label { color: var(--field-label-color); } [data-theme="light"] .stat-label { color: var(--txt2); } [data-theme="light"] .scc-label { color: var(--txt2); } [data-theme="light"] .category-name { color: rgba(15,23,42,.5); } [data-theme="light"] .account-server-desc { color: var(--txt3); } [data-theme="light"] .account-server-meta { color: var(--txt2); } [data-theme="light"] .account-server-invite { color: var(--txt2); } [data-theme="light"] .av-type-card-desc { color: var(--txt3); } [data-theme="light"] .profile-id-line { color: rgba(15,23,42,.5); } [data-theme="light"] .profile-custom-status { color: var(--txt2); } [data-theme="light"] .av-theme-card-label { color: var(--txt1); } [data-theme="light"] .av-theme-card-sub { color: var(--txt2); } [data-theme="light"] .av-modal-subtitle { color: var(--txt2); } [data-theme="light"] .av2-modal-subtitle { color: var(--txt2); } [data-theme="light"] .av3-modal-subtitle { color: var(--txt2) !important; } [data-theme="light"] .dm-page-subtitle { color: var(--txt2); } [data-theme="light"] .dm-tab-v2 { color: var(--txt2); } [data-theme="light"] .dm-conv-lastseen-text { color: var(--txt2); } [data-theme="light"] .dm-empty-state { color: var(--txt2); } [data-theme="light"] .av-notif-empty { color: var(--txt2); } [data-theme="light"] .av-notif-item-text { color: var(--txt1); } [data-theme="light"] .av-notif-item-time { color: var(--txt3); } [data-theme="light"] .date-sep-label { color: var(--txt2); } [data-theme="light"] .date-separator-text { color: var(--txt2); } [data-theme="light"] .av-btn-ghost { color: var(--txt2); } [data-theme="light"] .av-btn-ghost:hover { color: var(--accent); } [data-theme="light"] .av-edit-btn { background: rgba(79,70,229,.06); border-color: rgba(79,70,229,.12); color: rgba(79,70,229,.65); } [data-theme="light"] .av-edit-btn:hover { background: rgba(79,70,229,.12); color: #4f46e5; border-color: rgba(79,70,229,.25); } [data-theme="light"] .av-advanced-toggle { color: var(--txt2); } [data-theme="light"] .av-details-toggle { background: rgba(0,0,0,.02); border-color: rgba(0,0,0,.06); color: var(--txt2); } [data-theme="light"] .av-details-toggle:hover { background: rgba(0,0,0,.05); color: var(--txt1); border-color: rgba(0,0,0,.12); } [data-theme="light"] .av2-btn-secondary { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.08); color: var(--txt1); } [data-theme="light"] .av2-btn-secondary:hover { background: rgba(79,70,229,.08); color: var(--accent); border-color: rgba(79,70,229,.2); } [data-theme="light"] .av2-edit-btn { background: rgba(79,70,229,.06); border-color: rgba(79,70,229,.12); color: rgba(79,70,229,.65); } [data-theme="light"] .av2-edit-btn:hover { background: rgba(79,70,229,.12); color: #4f46e5; border-color: rgba(79,70,229,.25); } [data-theme="light"] .av2-copy-id { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--txt3); } [data-theme="light"] .av2-copy-id:hover { background: rgba(79,70,229,.1); color: var(--accent); } [data-theme="light"] .av2-hero-banner-btn { color: var(--txt2); } [data-theme="light"] .av2-toggle-text { color: var(--txt2); } [data-theme="light"] .av3-btn-secondary { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.08); color: var(--txt1); } [data-theme="light"] .av3-btn-secondary:hover { background: rgba(79,70,229,.08); color: var(--accent); } [data-theme="light"] .av3-priority-btn { color: var(--txt2); } [data-theme="light"] .copy-btn-sm { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--txt3); } [data-theme="light"] .copy-btn-sm:hover { background: rgba(79,70,229,.1); color: var(--accent); } [data-theme="light"] .edit-btn { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.08); color: var(--txt2); } [data-theme="light"] .edit-btn:hover { background: rgba(0,0,0,.08); color: var(--txt1); border-color: rgba(0,0,0,.15); } [data-theme="light"] .edit-btn.accent { border-color: rgba(79,70,229,.35); color: var(--accent); } [data-theme="light"] .edit-btn.accent:hover { background: rgba(79,70,229,.1); border-color: rgba(79,70,229,.5); } [data-theme="light"] .friend-action-btn { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--txt3); } [data-theme="light"] .friend-action-btn:hover { background: rgba(0,0,0,.1); color: var(--txt1); border-color: rgba(0,0,0,.15); } [data-theme="light"] .friend-action-btn.danger:hover { background: rgba(220,38,38,.1); color: #dc2626; border-color: rgba(220,38,38,.25); } [data-theme="light"] .av-notif-clear-btn { color: var(--txt2); } [data-theme="light"] .av-notif-clear-btn:hover { color: var(--accent); } [data-theme="light"] .av-toast-close { color: var(--txt3); } [data-theme="light"] .av-toast-close:hover { color: var(--txt1); } [data-theme="light"] .av-comment-toggle-btn { color: var(--txt2); } [data-theme="light"] .av-vote-btn { color: var(--txt2); } [data-theme="light"] .av-input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.1); color: var(--txt1); } [data-theme="light"] .av-input:hover { border-color: rgba(0,0,0,.18); background: rgba(0,0,0,.05); } [data-theme="light"] .av-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(79,70,229,.12); } [data-theme="light"] .av-input::placeholder { color: var(--txt3); } [data-theme="light"] .av-input-icon { color: var(--txt3); } [data-theme="light"] .av-input-prefix { color: rgba(15,23,42,.25); } [data-theme="light"] .av-input-wrap.focused .av-input-prefix { color: var(--accent); } [data-theme="light"] .av-input-suffix { color: rgba(15,23,42,.2); } [data-theme="light"] .av-select-arrow { color: rgba(15,23,42,.3); } [data-theme="light"] .av-select-icon { color: var(--txt3); } [data-theme="light"] .av2-neon-input { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt1) !important; } [data-theme="light"] .av2-neon-input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .av2-neon-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(79,70,229,.12) !important; } [data-theme="light"] .av2-code-input::placeholder { color: var(--txt3); } [data-theme="light"] .av2-search-input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: var(--txt1); } [data-theme="light"] .av2-search-input input::placeholder { color: var(--txt3); } [data-theme="light"] .av2-input-group label { color: var(--txt2); } [data-theme="light"] .av3-neon-input { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt1) !important; } [data-theme="light"] .av3-neon-input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .av3-neon-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(79,70,229,.12) !important; } [data-theme="light"] .av3-code-input::placeholder { color: var(--txt3); } [data-theme="light"] .av3-search-input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: var(--txt1); } [data-theme="light"] .av3-search-input input::placeholder { color: var(--txt3); } [data-theme="light"] .av3-support-textarea { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.1); color: var(--txt1); } [data-theme="light"] .av3-support-textarea::placeholder { color: var(--txt3); } [data-theme="light"] .av3-input-group label { color: var(--txt2); } [data-theme="light"] .gen-text-input::placeholder { color: var(--txt3); } [data-theme="light"] .call-add-search { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: var(--txt1); } [data-theme="light"] .call-add-search input::placeholder { color: var(--txt3); } [data-theme="light"] .call-chat-input-wrap input::placeholder { color: var(--txt3); } [data-theme="light"] .account-friends-search::placeholder { color: var(--txt3); } [data-theme="light"] .av-glass-modal { background: rgba(255,255,255,.88) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 24px 80px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.5); } [data-theme="light"] .av3-modal-box { background: rgba(255,255,255,.92) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .av3-modal-ttl { color: var(--txt1) !important; } [data-theme="light"] .av3-modal-close { color: var(--txt3); } [data-theme="light"] .av3-modal-close:hover { color: var(--txt1); } [data-theme="light"] .av3-radio-option { border-color: rgba(0,0,0,.06); } [data-theme="light"] .av3-radio-option.selected { border-color: var(--accent); background: rgba(79,70,229,.06); } [data-theme="light"] .av2-card { background: var(--card-bg); border-color: var(--card-border); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } [data-theme="light"] .av2-card:hover { border-color: var(--card-hover-border); } [data-theme="light"] .av2-card--highlight { background: linear-gradient(135deg, rgba(79,70,229,.06), rgba(79,70,229,.02)); border-color: rgba(79,70,229,.15); } [data-theme="light"] .av2-card--danger { background: linear-gradient(135deg, rgba(220,38,38,.04), rgba(220,38,38,.01)); border-color: rgba(220,38,38,.12); } [data-theme="light"] .av2-field { border-bottom-color: rgba(0,0,0,.05); } [data-theme="light"] .av2-field:hover { background: var(--field-bg); } [data-theme="light"] .av2-field-icon { background: var(--field-icon-bg); color: var(--field-icon-color); } [data-theme="light"] .av2-card-footer { border-top-color: rgba(0,0,0,.06); background: rgba(0,0,0,.03); } [data-theme="light"] .av2-toggle { background: var(--toggle-bg); border-color: var(--toggle-border); } [data-theme="light"] .av2-toggle.active { background: linear-gradient(135deg, #4f46e5, #6366f1); border-color: rgba(79,70,229,.7); } [data-theme="light"] .av2-badge { background: rgba(79,70,229,.1); color: #6366f1; } [data-theme="light"] .av2-2fa-icon { background: linear-gradient(135deg, rgba(79,70,229,.12), rgba(79,70,229,.06)); color: #4f46e5; } [data-theme="light"] .av2-2fa-title { color: rgba(15,23,42,.9); } [data-theme="light"] .av2-2fa-desc { color: rgba(15,23,42,.45); } [data-theme="light"] .av2-logout { background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.1); color: #dc2626; } [data-theme="light"] .av2-btn-danger { background: rgba(220,38,38,.08); border-color: rgba(220,38,38,.15); color: #dc2626; } [data-theme="light"] .av2-search-box input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: var(--txt1); } [data-theme="light"] .av2-search-box input::placeholder { color: var(--txt3); } [data-theme="light"] .page-header { background: rgba(255,255,255,.5); border-bottom-color: rgba(0,0,0,.06); } [data-theme="light"] .tab-pill { background: rgba(0,0,0,.04); color: var(--txt2); border: 1px solid rgba(0,0,0,.06); } [data-theme="light"] .tab-pill:hover { background: rgba(79,70,229,.08); color: var(--accent); } [data-theme="light"] .tab-pill.active { background: var(--accent); color: #fff; border-color: var(--accent); } [data-theme="light"] .server-bar { background: var(--bg0); border-right-color: var(--border); } [data-theme="light"] .channel-sidebar { background: linear-gradient(180deg, var(--bg1), var(--bg2)); border-right-color: var(--border); } [data-theme="light"] .main-content { background: var(--bg2); } [data-theme="light"] .server-icon { background: var(--bg4); border-color: var(--border); color: var(--txt2); } [data-theme="light"] .server-icon:hover { background: var(--bg5); border-color: var(--accent); color: var(--txt1); } [data-theme="light"] .server-icon.active { background: linear-gradient(135deg, var(--accent), #4f46e5); color: #fff; } [data-theme="light"] .sidebar-nav-item { color: var(--txt2); } [data-theme="light"] .sidebar-nav-item:hover { background: rgba(79,70,229,.06); color: var(--accent); } [data-theme="light"] .sidebar-nav-item.active { background: rgba(79,70,229,.1); color: var(--accent); } [data-theme="light"] .user-panel { background: rgba(0,0,0,.03); border-top-color: rgba(0,0,0,.06); } [data-theme="light"] .av2-hero-banner-overlay { background: linear-gradient(transparent, rgba(248,249,252,.9)); } [data-theme="light"] .av2-hero-name { background: linear-gradient(135deg, #0f172a, rgba(15,23,42,.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="light"] .av2-stat-item { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .av2-stat-num { color: var(--txt1); } [data-theme="light"] .call-timer-v2 { color: var(--accent); } [data-theme="light"] .call-participant-status { color: var(--txt2); } [data-theme="light"] .call-extra-name { color: var(--txt1); } [data-theme="light"] .call-extra-status { color: var(--txt2); } [data-theme="light"] .call-sidebar-item-name { color: var(--txt1); } [data-theme="light"] .call-sidebar-item-status { color: var(--txt2); } [data-theme="light"] .call-sidebar-title { color: var(--txt1); } [data-theme="light"] .call-sidebar-close { color: var(--txt3); } [data-theme="light"] .call-sidebar-close:hover { color: var(--txt1); } [data-theme="light"] .call-sidebar-item-btn { color: var(--txt3); } [data-theme="light"] .call-sidebar-item-btn:hover { color: var(--accent); } [data-theme="light"] .call-add-empty { color: var(--txt2); } [data-theme="light"] .call-add-list-item-name { color: var(--txt1); } [data-theme="light"] .call-add-list-item-status { color: var(--txt2); } [data-theme="light"] .call-add-modal-title { color: var(--txt1); } [data-theme="light"] .call-add-modal-close { color: var(--txt3); } [data-theme="light"] .call-chat-msg-name { color: var(--txt1); } [data-theme="light"] .call-chat-msg-text { color: var(--txt2); } [data-theme="light"] .call-chat-msg-time { color: var(--txt3); } [data-theme="light"] .call-chat-title { color: var(--txt1); } [data-theme="light"] .call-header-btn { color: var(--txt2); } [data-theme="light"] .call-header-btn:hover { color: var(--accent); background: rgba(79,70,229,.06); } [data-theme="light"] .call-ctrl-v2 { color: var(--txt2); } [data-theme="light"] .incoming-sub-v2 { color: var(--txt2); } [data-theme="light"] .bg-orbs { opacity: var(--orb-opacity); } [data-theme="light"] .noise { opacity: var(--noise-opacity); } [data-theme="light"] .orb-1 { background: radial-gradient(circle, #6366f1 0%, transparent 70%); } [data-theme="light"] .orb-2 { background: radial-gradient(circle, #38bdf8 0%, transparent 70%); } [data-theme="light"] .orb-3 { background: radial-gradient(circle, #f472b6 0%, transparent 70%); } [data-theme="light"] ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); } [data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); } [data-theme="light"] .account-server-card { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .account-friend-item { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .account-friend-name { color: var(--txt1); } [data-theme="light"] .account-friend-meta { color: var(--txt2); } [data-theme="light"] .account-server-name { color: var(--txt1); } [data-theme="light"] .friend-action-btn { background: rgba(0,0,0,.04); } [data-theme="light"] .av2-search-box { background: rgba(0,0,0,.02); border-color: rgba(0,0,0,.06); } [data-theme="light"] .av-session-item { border-bottom-color: rgba(0,0,0,.05); } [data-theme="light"] .av-session-badge { background: rgba(79,70,229,.1); color: var(--accent); } [data-theme="light"] .av-loginlog-item { border-bottom-color: rgba(0,0,0,.05); } [data-theme="light"] .av-session-icon { color: var(--txt3); } [data-theme="light"] .dm-conv-menu-btn { color: var(--txt3); } [data-theme="light"] .dm-conv-menu-btn:hover { color: var(--txt1); background: rgba(0,0,0,.06); } [data-theme="light"] .msg-time-mine { color: var(--txt3); } [data-theme="light"] .msg-time-compact { color: var(--txt3); } [data-theme="light"] .msg-mine-cont .msg-time-inside { color: var(--txt3); } [data-theme="light"] .msg-other-cont .msg-time-inside { color: var(--txt3); } [data-theme="light"] .msg-mine-cont .edited-mark { color: var(--txt3); } [data-theme="light"] #notesContent { color: var(--txt1); } [data-theme="light"] #notesContent:empty::before { color: var(--txt3); } [data-theme="light"] #notifBtn { color: var(--txt2); } [data-theme="light"] .av-notif-item { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .av-card { background: var(--card-bg); border-color: var(--card-border); } [data-theme="light"] .av-row { border-bottom-color: rgba(0,0,0,.05); } [data-theme="light"] .av-row:hover { background: rgba(0,0,0,.02); } [data-theme="light"] .av-card-footer { border-top-color: rgba(0,0,0,.06); background: rgba(0,0,0,.03); } [data-theme="light"] .av-toggle-track { background: rgba(0,0,0,.1); } [data-theme="light"] .av-toggle:checked + .av-toggle-track { background: var(--accent); } [data-theme="light"] .av-toggle-btn { background: rgba(0,0,0,.1); border-color: rgba(0,0,0,.12); } [data-theme="light"] .av-toggle-btn.active { background: rgba(79,70,229,.5); border-color: rgba(79,70,229,.7); } [data-theme="light"] .av-info-card { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .av-info-value { color: var(--txt1); } [data-theme="light"] .av-detail-cat { color: var(--txt2); } [data-theme="light"] .av-detail-ch { color: var(--txt2); } [data-theme="light"] .av-detail-ch:hover { background: rgba(0,0,0,.04); } [data-theme="light"] .av-detail-member:hover { background: rgba(0,0,0,.04); } [data-theme="light"] .av-radio-option { border-color: rgba(0,0,0,.06); } [data-theme="light"] .av-radio-option:hover { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.12); } [data-theme="light"] .av-radio-option.selected { background: rgba(79,70,229,.06); border-color: var(--accent); } [data-theme="light"] .av-radio-dot { border-color: rgba(0,0,0,.15); } [data-theme="light"] .av-radio-option.selected .av-radio-dot { border-color: var(--accent); background: var(--accent); } [data-theme="light"] .av-type-card { background: rgba(255,255,255,.5); border-color: rgba(0,0,0,.06); } [data-theme="light"] .av-type-card:hover { background: rgba(255,255,255,.7); border-color: rgba(0,0,0,.12); } [data-theme="light"] .av-type-card.active { background: rgba(79,70,229,.08); border-color: rgba(79,70,229,.4); } [data-theme="light"] .av-type-icon { background: rgba(0,0,0,.04); } [data-theme="light"] .av-type-card.active .av-type-icon { background: rgba(79,70,229,.1); } [data-theme="light"] .av-details-body { background: rgba(0,0,0,.02); border-color: rgba(0,0,0,.06); } [data-theme="light"] .profile-hero { background: rgba(255,255,255,.5); border-color: rgba(0,0,0,.06); } [data-theme="light"] .profile-tag.offline { background: rgba(0,0,0,.05); color: var(--txt3); } [data-theme="light"] .stat-card { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .stat-card:hover { border-color: rgba(0,0,0,.12); } [data-theme="light"] .settings-card { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .settings-row { border-bottom-color: rgba(0,0,0,.04); } [data-theme="light"] .settings-row:hover { background: rgba(0,0,0,.02); } [data-theme="light"] .field-val { color: var(--txt1); } [data-theme="light"] .servers-count-card { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .servers-count-card:hover { border-color: rgba(0,0,0,.12); } [data-theme="light"] .account-server-item { background: rgba(255,255,255,.5); border-color: rgba(0,0,0,.06); } [data-theme="light"] .account-server-item:hover { border-color: rgba(0,0,0,.12); background: rgba(255,255,255,.7); } [data-theme="light"] .account-friend-item.pending { border-color: rgba(217,119,6,.15); background: rgba(217,119,6,.04); } [data-theme="light"] .av-modal { background: rgba(255,255,255,.92); border-color: rgba(0,0,0,.08); box-shadow: 0 24px 80px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.04); } [data-theme="light"] .av-modal-header { border-bottom-color: rgba(0,0,0,.06); } [data-theme="light"] .av2-hero { background: rgba(255,255,255,.5); border-color: rgba(0,0,0,.06); box-shadow: 0 4px 24px rgba(0,0,0,.06); } [data-theme="light"] .av2-hero-meta { background: rgba(255,255,255,.4); border-color: rgba(0,0,0,.06); } [data-theme="light"] .ch-settings-modal { background: rgba(255,255,255,.95); border-color: rgba(0,0,0,.08); } [data-theme="light"] .ch-settings-header { border-bottom-color: rgba(0,0,0,.06); } [data-theme="light"] .ch-settings-close { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--txt3); } [data-theme="light"] .ch-settings-close:hover { background: rgba(0,0,0,.1); color: var(--txt1); } [data-theme="light"] .ch-settings-iconbar { border-bottom-color: rgba(0,0,0,.06); } [data-theme="light"] .ch-settings-iconbar-title { color: var(--txt3); } [data-theme="light"] .ch-settings-icon-item { color: var(--txt2); } [data-theme="light"] .ch-settings-icon-item:hover { background: rgba(0,0,0,.05); color: var(--txt1); } [data-theme="light"] .ch-settings-icon-item.active { background: rgba(79,70,229,.1); color: var(--accent); } [data-theme="light"] .ch-settings-section-title { color: var(--txt2); border-bottom-color: rgba(0,0,0,.06); } [data-theme="light"] .ch-color-picker { background: rgba(0,0,0,.02); border-color: rgba(0,0,0,.05); } [data-theme="light"] .ch-color-preview { border-color: rgba(0,0,0,.1); } [data-theme="light"] .ch-color-preview:hover { border-color: rgba(0,0,0,.25); } [data-theme="light"] .ch-color-swatch:hover { border-color: rgba(0,0,0,.25); } [data-theme="light"] .ch-color-input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); } [data-theme="light"] .ch-color-input:focus { border-color: rgba(79,70,229,.5); box-shadow: 0 0 0 3px rgba(79,70,229,.1); } [data-theme="light"] .ch-role-item { background: rgba(255,255,255,.5); border-color: rgba(0,0,0,.06); } [data-theme="light"] .ch-role-item:hover { background: rgba(255,255,255,.7); border-color: rgba(0,0,0,.12); } [data-theme="light"] .ch-role-check { border-color: rgba(0,0,0,.12); } [data-theme="light"] .ch-participants-search { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); } [data-theme="light"] .ch-participants-search:focus { border-color: rgba(79,70,229,.5); box-shadow: 0 0 0 3px rgba(79,70,229,.1); } [data-theme="light"] .ch-participants-count { color: var(--txt2); background: rgba(79,70,229,.08); border-color: rgba(79,70,229,.12); } [data-theme="light"] .ch-participant-item { background: rgba(255,255,255,.4); } [data-theme="light"] .ch-participant-item:hover { background: rgba(255,255,255,.7); box-shadow: 0 4px 12px rgba(0,0,0,.06); } [data-theme="light"] .ch-participant-role-select { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); } [data-theme="light"] .ch-participant-kick { background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.1); color: #dc2626; } [data-theme="light"] .server-card { background: rgba(255,255,255,.5); border-color: rgba(0,0,0,.06); } [data-theme="light"] .server-card:hover { border-color: rgba(0,0,0,.12); box-shadow: 0 12px 40px rgba(0,0,0,.06); } [data-theme="light"] .server-card-header { background: linear-gradient(135deg, rgba(79,70,229,.06), rgba(79,70,229,.02)); } [data-theme="light"] .server-card-icon { background: rgba(79,70,229,.1); } [data-theme="light"] .channel-row:hover { background: rgba(0,0,0,.04); } [data-theme="light"] .channel-row.active { background: rgba(79,70,229,.08); } [data-theme="light"] .channel-action-btn { color: var(--txt3); } [data-theme="light"] .channel-action-btn:hover { color: var(--txt1); background: rgba(0,0,0,.06); } [data-theme="light"] .ch-chat-header { background: rgba(255,255,255,.6); border-bottom-color: rgba(0,0,0,.06); } [data-theme="light"] .ch-chat-back { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--txt1); } [data-theme="light"] .ch-chat-back:hover { background: rgba(0,0,0,.1); } [data-theme="light"] .ch-chat-action-btn { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.05); color: var(--txt3); } [data-theme="light"] .ch-chat-action-btn:hover { background: rgba(0,0,0,.1); color: var(--txt1); } [data-theme="light"] .ch-msg-group:hover { background: rgba(0,0,0,.03); } [data-theme="light"] .ch-msg-text { color: rgba(15,23,42,.88); } [data-theme="light"] .ch-msg-time { color: rgba(15,23,42,.25); } [data-theme="light"] .ch-msg-date-sep { color: var(--txt2); } [data-theme="light"] .ch-msg-date-sep::before, [data-theme="light"] .ch-msg-date-sep::after { background: linear-gradient(90deg, transparent, rgba(0,0,0,.08), transparent); } [data-theme="light"] .server-member-role.member { background: rgba(0,0,0,.04); color: var(--txt3); } [data-theme="light"] .av-detail-member-role.member { background: rgba(0,0,0,.04); color: var(--txt3); } [data-theme="light"] .av-detail-channels { background: rgba(0,0,0,.03); } [data-theme="light"] .account-friends-search { background: rgba(0,0,0,.02); border-color: rgba(0,0,0,.06); } [data-theme="light"] .account-friends-search svg { color: var(--txt3); } [data-theme="light"] .account-friends-search input { color: var(--txt1); } [data-theme="light"] .account-friends-search input::placeholder { color: var(--txt3); } [data-theme="light"] .friend-status.offline { background: rgba(0,0,0,.2); } [data-theme="light"] .av-loginlog-icon { background: rgba(0,0,0,.03); } [data-theme="light"] .category-add-btn { color: var(--txt3); } [data-theme="light"] .category-add-btn:hover { color: var(--txt1); background: rgba(0,0,0,.06); } [data-theme="light"] .ch-settings-header-type { color: var(--txt2); } [data-theme="light"] .ch-settings-header-name { color: var(--txt1); } [data-theme="light"] .server-members-label { color: var(--txt3); } [data-theme="light"] .voice-user-dot { background: var(--green); box-shadow: 0 0 6px rgba(16,163,74,.3); } [data-theme="light"] .profile-banner { background: linear-gradient(135deg, rgba(79,70,229,.2), rgba(236,72,153,.15), rgba(168,85,247,.1)); } [data-theme="light"] .profile-banner::after { background: linear-gradient(transparent, rgba(248,249,252,.9)); } [data-theme="light"] .profile-avatar-lg { border-color: var(--bg0); } [data-theme="light"] .profile-tag.status-tag { background: rgba(79,70,229,.1); color: var(--accent); } [data-theme="light"] .profile-edit-btn { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.1); color: var(--txt1); } [data-theme="light"] .profile-edit-btn:hover { background: rgba(255,255,255,.8); } [data-theme="light"] .logout-btn { background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.12); color: #dc2626; } [data-theme="light"] .logout-btn:hover { background: rgba(220,38,38,.12); border-color: rgba(220,38,38,.25); } [data-theme="light"] .av-btn-danger { background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.15); color: #dc2626; } [data-theme="light"] .av-btn-danger:hover { background: rgba(220,38,38,.12); border-color: rgba(220,38,38,.25); } [data-theme="light"] .av-btn-danger-sm { background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.12); color: #dc2626; } [data-theme="light"] .av-btn-danger-sm:hover { background: rgba(220,38,38,.12); border-color: rgba(220,38,38,.25); } [data-theme="light"] .av-session-terminate { background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.1); color: rgba(220,38,38,.5); } [data-theme="light"] .av-session-terminate:hover { background: rgba(220,38,38,.12); border-color: rgba(220,38,38,.25); color: #dc2626; } [data-theme="light"] .av-logout-btn { background: rgba(220,38,38,.06); border-color: rgba(220,38,38,.12); color: #dc2626; } [data-theme="light"] .av-logout-btn:hover { background: rgba(220,38,38,.12); border-color: rgba(220,38,38,.25); } [data-theme="light"] .account-server-role.member { background: rgba(0,0,0,.04); color: var(--txt3); } [data-theme="light"] .account-friend-status { color: var(--txt2); } [data-theme="light"] .account-friend-avatar .offline-dot { background: rgba(0,0,0,.2); border-color: var(--bg0); } [data-theme="light"] .account-friend-avatar .online-dot { border-color: var(--bg0); } [data-theme="light"] .ch-role-name { color: var(--txt1); } [data-theme="light"] .ch-participant-name { color: var(--txt1); } [data-theme="light"] .server-card-name { color: var(--txt1); } [data-theme="light"] .server-card-meta { color: var(--txt2); } [data-theme="light"] .channel-row-name { color: var(--txt1); } [data-theme="light"] .ch-chat-channel-name { color: var(--txt1); text-shadow: none; } [data-theme="light"] .ch-chat-channel-topic { color: var(--txt2); } [data-theme="light"] .ch-msg-author { color: var(--txt1); } [data-theme="light"] .av-detail-member-name { color: var(--txt1); } [data-theme="light"] .av3-modal-close:hover { color: var(--txt1); background: rgba(0,0,0,.06); } [data-theme="light"] .av2-hero-banner { background: linear-gradient(135deg, rgba(79,70,229,.2), rgba(236,72,153,.15), rgba(168,85,247,.1), rgba(79,70,229,.1)); } [data-theme="light"] .av2-hero-avatar { border-color: var(--bg0); box-shadow: 0 4px 24px rgba(0,0,0,.1), 0 0 0 2px rgba(79,70,229,.15); } [data-theme="light"] .av2-online-indicator { border-color: var(--bg0); } [data-theme="light"] .av2-online-indicator.offline { background: rgba(0,0,0,.2); box-shadow: none; } [data-theme="light"] .av2-hero-edit { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.1); color: var(--txt1); } [data-theme="light"] .av2-hero-edit:hover { background: rgba(255,255,255,.8); border-color: rgba(0,0,0,.15); } [data-theme="light"] .av2-hero-banner-upload { background: rgba(0,0,0,.3); border-color: rgba(0,0,0,.1); color: var(--txt2); } [data-theme="light"] .av2-hero-banner-upload:hover { background: rgba(0,0,0,.5); color: var(--txt1); } [data-theme="light"] .av-select { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.1); color: var(--txt1); } [data-theme="light"] .av-select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(79,70,229,.12); } [data-theme="light"] .ch-settings-header-icon { background: linear-gradient(135deg, rgba(79,70,229,.1), rgba(79,70,229,.05)); box-shadow: 0 4px 16px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.3); } [data-theme="light"] .ch-chat-channel-icon { background: linear-gradient(135deg, rgba(79,70,242,.1), rgba(79,70,242,.05)); box-shadow: 0 2px 8px rgba(0,0,0,.06); } [data-theme="light"] .ch-msg-avatar { box-shadow: 0 0 0 2px rgba(79,70,241,.1), 0 2px 8px rgba(0,0,0,.06); } [data-theme="light"] .ch-participant-avatar { background: linear-gradient(135deg, rgba(79,70,229,.15), rgba(79,70,229,.08)); box-shadow: 0 0 0 2px rgba(79,70,229,.1), 0 0 10px rgba(79,70,229,.05); } [data-theme="light"] .server-member-avatar { background: rgba(79,70,229,.12); } [data-theme="light"] .server-icon-opt { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.06); } [data-theme="light"] .server-icon-opt:hover { background: rgba(0,0,0,.08); border-color: rgba(0,0,0,.12); } [data-theme="light"] .server-icon-opt.active { border-color: var(--accent); background: rgba(79,70,229,.1); } [data-theme="light"] .ch-settings-icon-sep { background: linear-gradient(180deg, transparent, rgba(0,0,0,.08), transparent); } [data-theme="light"] .ch-settings-icon-item.danger { color: #dc2626; } [data-theme="light"] .ch-settings-icon-item.danger:hover { background: rgba(220,38,38,.06); } [data-theme="light"] .ch-chat-header::after { background: linear-gradient(90deg, transparent, rgba(79,70,229,.2), rgba(79,70,229,.1), transparent); } [data-theme="light"] .msg-group.msg-other .msg-text { background: rgba(0,0,0,.04) !important; color: var(--text-primary) !important; border: 1px solid rgba(0,0,0,.06); } [data-theme="light"] .msg-other-cont > .msg-text, [data-theme="light"] .msg-other-cont > div:not(.msg-reactions):not(.msg-compact-header) { background: rgba(0,0,0,.04) !important; color: var(--text-primary) !important; border: 1px solid rgba(0,0,0,.06); } [data-theme="light"] .msg-group.msg-other:hover { background: rgba(0,0,0,.02); } [data-theme="light"] .msg-mine-cont .msg-time-inside { color: rgba(255,255,255,.65); } [data-theme="light"] .msg-other-cont .msg-time-inside { color: rgba(15,23,42,.4); } [data-theme="light"] .msg-group.msg-mine .edited-mark, [data-theme="light"] .msg-mine-cont .edited-mark { color: rgba(255,255,255,.55) !important; } [data-theme="light"] .msg-group.msg-mine .voice-message { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.2); } [data-theme="light"] .msg-name { color: var(--text-primary); } [data-theme="light"] .msg-time { color: var(--text-muted); } [data-theme="light"] .msg-timestamp { color: var(--text-muted); } [data-theme="light"] .server-bar { background: var(--sidebar-bg); border-right-color: var(--border); } [data-theme="light"] .server-icon { background: var(--hover); border-color: var(--border); color: var(--text-secondary); } [data-theme="light"] .server-icon:hover { background: var(--active); border-color: rgba(79,70,229,.3); color: var(--text-primary); } [data-theme="light"] .server-icon.active { background: linear-gradient(135deg, #4f46e5, #6366f1); color: #fff; border-color: #4f46e5; } [data-theme="light"] .server-icon.add, [data-theme="light"] .server-icon.join { background: var(--hover); border-color: var(--border); color: var(--text-secondary); } [data-theme="light"] .server-icon.add:hover, [data-theme="light"] .server-icon.join:hover { background: rgba(79,70,229,.1); color: var(--accent); border-color: rgba(79,70,229,.3); } [data-theme="light"] .server-sep { background: var(--border); } [data-theme="light"] .channel-sidebar { background: var(--sidebar-secondary); border-right-color: var(--border); } [data-theme="light"] .main-content { background: var(--channel-bg); } [data-theme="light"] .sidebar-brand { border-bottom-color: var(--border); } [data-theme="light"] .brand-name { color: var(--text-primary); } [data-theme="light"] .brand-tag { color: var(--text-muted); background: rgba(0,0,0,.05); } [data-theme="light"] .nav-item { color: var(--text-secondary); } [data-theme="light"] .nav-item:hover { background: rgba(79,70,229,.06); color: var(--accent); } [data-theme="light"] .nav-item.active { background: rgba(79,70,229,.1); color: var(--accent); } [data-theme="light"] .nav-badge { background: #dc2626; color: #fff; } [data-theme="light"] .sidebar-divider { border-top-color: var(--border); } [data-theme="light"] .divider-label { color: var(--text-muted); } [data-theme="light"] .divider-add { color: var(--text-muted); } [data-theme="light"] .divider-add:hover { color: var(--accent); background: rgba(79,70,229,.08); } [data-theme="light"] .user-panel { background: var(--hover); border-top-color: var(--border); } [data-theme="light"] .user-name { color: var(--text-primary); } [data-theme="light"] .user-id { color: var(--text-muted); } [data-theme="light"] .user-avatar { color: #fff; } [data-theme="light"] .user-status-dot { border-color: var(--sidebar-bg); } [data-theme="light"] .ctrl-btn { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--text-secondary); } [data-theme="light"] .ctrl-btn:hover { background: rgba(0,0,0,.08); color: var(--text-primary); border-color: rgba(0,0,0,.12); } [data-theme="light"] .dm-item { border-radius: 8px; } [data-theme="light"] .dm-item:hover { background: rgba(0,0,0,.04); } [data-theme="light"] .dm-item.active { background: rgba(79,70,229,.08); } [data-theme="light"] .dm-name { color: var(--text-primary); } [data-theme="light"] .dm-preview { color: var(--text-secondary); } [data-theme="light"] .dm-time { color: var(--text-muted); } [data-theme="light"] .dm-unread { background: #dc2626; color: #fff; } [data-theme="light"] .dm-close { color: var(--text-muted); } [data-theme="light"] .dm-close:hover { background: rgba(0,0,0,.06); color: var(--text-primary); } [data-theme="light"] .dm-placeholder-icon { color: var(--text-muted); } [data-theme="light"] .dm-placeholder-text { color: var(--text-muted); } [data-theme="light"] .page-header { background: rgba(255,255,255,.6); border-bottom-color: var(--border); backdrop-filter: blur(12px); } [data-theme="light"] .page-title { color: var(--text-primary); } [data-theme="light"] .page-body { background: var(--channel-bg); } [data-theme="light"] .section-label { color: var(--text-primary); } [data-theme="light"] .tab-pill { background: rgba(0,0,0,.04); color: var(--text-secondary); border: 1px solid rgba(0,0,0,.06); } [data-theme="light"] .tab-pill:hover { background: rgba(79,70,229,.06); color: var(--accent); } [data-theme="light"] .friend-card { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .friend-card:hover { background: rgba(255,255,255,.85); border-color: rgba(0,0,0,.1); box-shadow: 0 4px 16px rgba(0,0,0,.06); } [data-theme="light"] .friend-name { color: var(--text-primary); } [data-theme="light"] .friend-status-text { color: var(--text-secondary); } [data-theme="light"] .your-id-card { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); } [data-theme="light"] .your-id-label { color: var(--text-secondary); } [data-theme="light"] .your-id-val { color: var(--text-primary); } [data-theme="light"] .copy-btn { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--text-secondary); } [data-theme="light"] .copy-btn:hover { background: rgba(79,70,229,.08); color: var(--accent); border-color: rgba(79,70,229,.2); } [data-theme="light"] .profile-name { background: linear-gradient(135deg, #0f172a, rgba(15,23,42,.85)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="light"] .profile-avatar-lg { border-color: #fff; box-shadow: 0 4px 20px rgba(0,0,0,.15); } [data-theme="light"] .profile-banner { background: linear-gradient(135deg, rgba(79,70,229,.2), rgba(236,72,153,.15), rgba(168,85,247,.15)); } [data-theme="light"] .profile-tag.status-tag { background: rgba(79,70,229,.08); color: #4f46e5; } [data-theme="light"] .profile-tag.online { background: rgba(22,163,74,.08); color: #16a34a; } [data-theme="light"] .profile-tag.premium { background: rgba(217,119,6,.08); color: #d97706; } [data-theme="light"] .stat-value { color: var(--text-primary); } [data-theme="light"] .field-val { color: var(--text-primary); } [data-theme="light"] .server-card-name { color: var(--text-primary); } [data-theme="light"] .server-card-meta { color: var(--text-secondary); } [data-theme="light"] .server-card-icon { background: rgba(79,70,229,.1); box-shadow: 0 2px 8px rgba(0,0,0,.08); } [data-theme="light"] .server-card-header::before { background: linear-gradient(90deg, transparent, rgba(0,0,0,.03), transparent); } [data-theme="light"] .server-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,.08); } [data-theme="light"] .channel-row-name { color: var(--text-primary); } [data-theme="light"] .channel-row-topic { color: var(--text-muted); } [data-theme="light"] .channel-hash { color: var(--text-muted); } [data-theme="light"] .category-name { color: var(--text-secondary); } [data-theme="light"] .category-header:hover .category-name { background: linear-gradient(90deg, #4f46e5, #ec4899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="light"] .category-add-btn { color: var(--text-muted); } [data-theme="light"] .category-add-btn:hover { color: var(--accent); background: rgba(79,70,229,.08); } [data-theme="light"] .server-members-label { color: var(--text-muted); } [data-theme="light"] .server-member-row { color: var(--text-primary); } [data-theme="light"] .server-member-role.member { background: rgba(0,0,0,.04); color: var(--text-muted); } [data-theme="light"] .ch-chat-input-wrap { background: rgba(255,255,255,.85); border-color: rgba(0,0,0,.08); } [data-theme="light"] .ch-chat-input { color: var(--text-primary); } [data-theme="light"] .ch-chat-input::placeholder { color: var(--text-muted); } [data-theme="light"] .ch-chat-input-btn { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--text-muted); } [data-theme="light"] .ch-chat-input-btn:hover { background: rgba(79,70,229,.08); color: var(--accent); } [data-theme="light"] .ch-chat-input-area { background: rgba(255,255,255,.5); border-top-color: rgba(0,0,0,.06); } [data-theme="light"] .ch-chat-input-area::before { background: rgba(0,0,0,.02); } [data-theme="light"] .ch-msg-author { color: var(--text-primary); } [data-theme="light"] .ch-msg-role-badge { background: rgba(79,70,229,.08); color: #4f46e5; } [data-theme="light"] .ch-chat-back { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--text-primary); } [data-theme="light"] .ch-chat-back:hover { background: rgba(0,0,0,.08); } [data-theme="light"] .ch-chat-channel-name { color: var(--text-primary); } [data-theme="light"] .ch-chat-channel-topic { color: var(--text-secondary); } [data-theme="light"] .ch-chat-action-btn { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.05); color: var(--text-muted); } [data-theme="light"] .ch-chat-action-btn:hover { background: rgba(0,0,0,.08); color: var(--text-primary); } [data-theme="light"] .ch-msg-warning { background: rgba(217,119,6,.06); border-color: rgba(217,119,6,.15); } [data-theme="light"] .ch-msg-warning-text { color: var(--text-primary); } [data-theme="light"] .ch-msg-warning-by { color: var(--text-secondary); } [data-theme="light"] .ch-chat-header { background: rgba(255,255,255,.7); border-bottom-color: rgba(0,0,0,.06); } [data-theme="light"] .ch-chat-header::after { background: linear-gradient(90deg, transparent, rgba(79,70,229,.15), transparent); } [data-theme="light"] .ch-member-item { color: var(--text-secondary); } [data-theme="light"] .ch-category-header { color: var(--text-secondary); } [data-theme="light"] .ch-channel-row { color: var(--text-secondary); } [data-theme="light"] .ch-upload-progress-text { color: var(--accent); } [data-theme="light"] .spinner { border-color: rgba(79,70,229,.15); border-top-color: var(--accent); } [data-theme="light"] .grid-loading { color: var(--text-secondary); } [data-theme="light"] .av-app { background: var(--bg2); color: var(--text-primary); } [data-theme="light"] .bg-orbs { opacity: .08; } [data-theme="light"] .noise { opacity: .008; } [data-theme="light"] .page { background: var(--channel-bg); } [data-theme="light"] .dm-page { background: var(--channel-bg); } [data-theme="light"] .dm-chat-area { background: var(--channel-bg); } [data-theme="light"] .dm-chat-header { background: rgba(255,255,255,.7); border-bottom-color: rgba(0,0,0,.06); } [data-theme="light"] .dm-chat-title { color: var(--text-primary); } [data-theme="light"] .dm-chat-subtitle { color: var(--text-secondary); } [data-theme="light"] .dm-input-wrap { background: rgba(255,255,255,.85); border-color: rgba(0,0,0,.08); } [data-theme="light"] .dm-input-wrap input { color: var(--text-primary); background: transparent; } [data-theme="light"] .dm-input-wrap input::placeholder { color: var(--text-muted); } [data-theme="light"] .dm-send-btn { background: var(--accent); color: #fff; } [data-theme="light"] .dm-messages-area { background: var(--channel-bg); } [data-theme="light"] .dm-empty-state { color: var(--text-muted); } [data-theme="light"] .dm-conv-item { color: var(--text-primary); } [data-theme="light"] .dm-conv-name { color: var(--text-primary); } [data-theme="light"] .dm-conv-lastseen { color: var(--text-muted); } [data-theme="light"] .dm-conv-menu-btn { color: var(--text-muted); } [data-theme="light"] .dm-conv-menu-btn:hover { color: var(--text-primary); background: rgba(0,0,0,.06); } [data-theme="light"] .dm-tab { color: var(--text-secondary); } [data-theme="light"] .dm-tab.active { color: var(--accent); border-bottom-color: var(--accent); } [data-theme="light"] .dm-date-sep { color: var(--text-muted); } [data-theme="light"] .system-msg { color: var(--text-muted); } [data-theme="light"] .system-msg strong { color: var(--text-secondary); } [data-theme="light"] .date-sep-label { color: var(--text-muted); } [data-theme="light"] .date-separator-text { color: var(--text-muted); } [data-theme="light"] .typing-indicator { color: var(--text-muted); } [data-theme="light"] .typing-dots span { background: var(--text-muted); } [data-theme="light"] .av-notif-panel { background: rgba(255,255,255,.96); border-color: rgba(0,0,0,.08); box-shadow: 0 16px 48px rgba(0,0,0,.1); } [data-theme="light"] .av-notif-header { border-bottom-color: rgba(0,0,0,.06); } [data-theme="light"] .av-notif-header-title { color: var(--text-primary); } [data-theme="light"] .av-notif-clear-btn { color: var(--text-secondary); } [data-theme="light"] .av-notif-item { border-bottom-color: rgba(0,0,0,.04); } [data-theme="light"] .av-notif-item:hover { background: rgba(0,0,0,.03); } [data-theme="light"] .av-notif-empty { color: var(--text-muted); } [data-theme="light"] .av-toast-v2 { background: rgba(255,255,255,.96); border-color: rgba(0,0,0,.08); box-shadow: 0 8px 32px rgba(0,0,0,.1); } [data-theme="light"] .av-toast-text { color: var(--text-primary); } [data-theme="light"] .av-toast-close { color: var(--text-muted); } [data-theme="light"] .av-toast-close:hover { color: var(--text-primary); } [data-theme="light"] .channel-type-badge.text { background: rgba(79,70,229,.1); color: #4f46e5; } [data-theme="light"] .channel-type-badge.voice { background: rgba(22,163,74,.1); color: #16a34a; } [data-theme="light"] .channel-type-badge.announcement { background: rgba(217,119,6,.1); color: #d97706; } [data-theme="light"] .channel-type-badge.stage { background: rgba(236,72,153,.1); color: #db2777; } [data-theme="light"] #ctxMenu { background: rgba(255,255,255,.98); border-color: rgba(0,0,0,.08); box-shadow: 0 8px 40px rgba(0,0,0,.12); } [data-theme="light"] .icon-glow { background: rgba(79,70,229,.15); } [data-theme="light"] .icon-btn { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--text-secondary); } [data-theme="light"] .notes-panel { background: rgba(255,255,255,.96); border-color: rgba(0,0,0,.08); box-shadow: 0 8px 32px rgba(0,0,0,.1); } [data-theme="light"] .notes-header { border-bottom-color: rgba(0,0,0,.06); color: var(--text-primary); } [data-theme="light"] .notes-toolbar button { background: rgba(0,0,0,.04); color: var(--text-secondary); border-color: rgba(0,0,0,.06); } [data-theme="light"] #notesContent { color: var(--text-primary); } [data-theme="light"] #notesContent:empty::before { color: var(--text-muted); } [data-theme="blu-glass"] .av2-card { background: var(--card-bg); border-color: var(--card-border); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } [data-theme="blu-glass"] .av2-card:hover { border-color: var(--card-hover-border); } [data-theme="blu-glass"] .av2-card--highlight { background: linear-gradient(135deg, rgba(56,189,248,.06), rgba(56,189,248,.02)); border-color: rgba(56,189,248,.18); } [data-theme="blu-glass"] .av2-card--danger { background: linear-gradient(135deg, rgba(251,113,133,.04), rgba(251,113,133,.01)); border-color: rgba(251,113,133,.12); } [data-theme="blu-glass"] .av2-field { border-bottom-color: rgba(100,180,255,.06); } [data-theme="blu-glass"] .av2-field:hover { background: var(--field-bg); } [data-theme="blu-glass"] .av2-field-icon { background: var(--field-icon-bg); color: var(--field-icon-color); } [data-theme="blu-glass"] .av2-field-label { color: var(--field-label-color); } [data-theme="blu-glass"] .av2-field-val { color: var(--field-val-color); } [data-theme="blu-glass"] .av2-section-header { color: var(--section-header-color); } [data-theme="blu-glass"] .av2-edit-btn { background: rgba(56,189,248,.08); border-color: rgba(56,189,248,.15); color: rgba(125,211,252,.7); } [data-theme="blu-glass"] .av2-edit-btn:hover { background: rgba(56,189,248,.15); color: #7dd3fc; border-color: rgba(56,189,248,.3); } [data-theme="blu-glass"] .av2-2fa-icon { background: linear-gradient(135deg, rgba(56,189,248,.15), rgba(56,189,248,.06)); color: #38bdf8; } [data-theme="blu-glass"] .av2-2fa-title { color: rgba(224,242,254,.9); } [data-theme="blu-glass"] .av2-2fa-desc { color: rgba(224,242,254,.45); } [data-theme="blu-glass"] .av2-toggle { background: var(--toggle-bg); border-color: var(--toggle-border); } [data-theme="blu-glass"] .av2-toggle.active { background: linear-gradient(135deg, #0ea5e9, #38bdf8); border-color: rgba(56,189,248,.7); } [data-theme="blu-glass"] .av2-badge { background: rgba(56,189,248,.12); color: #7dd3fc; } [data-theme="blu-glass"] .av2-card-footer { border-top-color: rgba(100,180,255,.08); background: rgba(0,20,60,.2); } [data-theme="blu-glass"] .av2-logout { background: rgba(251,113,133,.06); border-color: rgba(251,113,133,.1); color: #fb7185; } [data-theme="blu-glass"] .av2-btn-danger { background: rgba(251,113,133,.08); border-color: rgba(251,113,133,.15); color: #fb7185; } [data-theme="blu-glass"] .av2-search-box { background: rgba(100,180,255,.03); border-color: rgba(100,180,255,.07); } [data-theme="blu-glass"] .av2-search-box input { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.1); color: var(--txt1); } [data-theme="blu-glass"] .server-bar { background: var(--bg0); border-right-color: var(--border); } [data-theme="blu-glass"] .channel-sidebar { background: linear-gradient(180deg, var(--bg1), var(--bg2)); border-right-color: var(--border); } [data-theme="blu-glass"] .main-content { background: var(--bg2); } [data-theme="blu-glass"] .page-header { background: rgba(14,30,56,.5); border-bottom-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .tab-pill { background: rgba(100,180,255,.05); color: var(--txt2); border: 1px solid rgba(100,180,255,.08); } [data-theme="blu-glass"] .tab-pill:hover { background: rgba(56,189,248,.1); color: var(--accent); } [data-theme="blu-glass"] .tab-pill.active { background: linear-gradient(135deg, var(--accent), #0ea5e9); color: #fff; border-color: transparent; } [data-theme="blu-glass"] .server-icon { background: var(--bg4); border-color: var(--border); color: var(--txt2); } [data-theme="blu-glass"] .server-icon:hover { background: var(--bg5); border-color: var(--accent); color: var(--txt1); } [data-theme="blu-glass"] .server-icon.active { background: linear-gradient(135deg, var(--accent), #0ea5e9); color: #fff; } [data-theme="blu-glass"] .sidebar-nav-item { color: var(--txt2); } [data-theme="blu-glass"] .sidebar-nav-item:hover { background: rgba(56,189,248,.08); color: var(--accent); } [data-theme="blu-glass"] .sidebar-nav-item.active { background: rgba(56,189,248,.1); color: var(--accent); } [data-theme="blu-glass"] .user-panel { background: rgba(0,20,60,.3); border-top-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .av2-hero-banner-overlay { background: linear-gradient(transparent, rgba(10,22,40,.9)); } [data-theme="blu-glass"] .av2-hero-name { color: var(--txt1); } [data-theme="blu-glass"] .av2-hero-id-text { color: rgba(125,211,252,.5); } [data-theme="blu-glass"] .av2-stat-item { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .av2-stat-label { color: rgba(224,242,254,.4); } [data-theme="blu-glass"] .av2-stat-num { color: var(--txt1); } [data-theme="blu-glass"] .av-glass-modal { background: rgba(10,22,40,.92) !important; border-color: rgba(100,180,255,.1) !important; box-shadow: 0 24px 80px rgba(0,20,60,.6), 0 0 0 1px rgba(100,180,255,.06), inset 0 1px 0 rgba(100,180,255,.08); } [data-theme="blu-glass"] .av-input { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.12); } [data-theme="blu-glass"] .av-input:hover { border-color: rgba(100,180,255,.2); background: rgba(100,180,255,.06); } [data-theme="blu-glass"] .av-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(56,189,248,.15); } [data-theme="blu-glass"] .av-label { color: rgba(224,242,254,.55); } [data-theme="blu-glass"] .av3-modal-box { background: rgba(10,22,40,.94) !important; border-color: rgba(100,180,255,.1) !important; } [data-theme="blu-glass"] .av3-modal-ttl { color: var(--txt1) !important; } [data-theme="blu-glass"] .av3-modal-subtitle { color: var(--txt2) !important; } [data-theme="blu-glass"] .av3-neon-input { background: rgba(100,180,255,.04) !important; border-color: rgba(100,180,255,.12) !important; color: var(--txt1) !important; } [data-theme="blu-glass"] .av3-neon-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(56,189,248,.15) !important; } [data-theme="blu-glass"] .av3-radio-option { border-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .av3-radio-option.selected { border-color: var(--accent); background: rgba(56,189,248,.08); } [data-theme="blu-glass"] .av3-radio-label { color: var(--txt1); } [data-theme="blu-glass"] .av3-radio-desc { color: var(--txt2); } [data-theme="blu-glass"] .av-session-item { border-bottom-color: rgba(100,180,255,.06); } [data-theme="blu-glass"] .av-session-title { color: var(--txt1); } [data-theme="blu-glass"] .av-session-meta { color: var(--txt2); } [data-theme="blu-glass"] .av-session-badge { background: rgba(56,189,248,.1); color: var(--accent); } [data-theme="blu-glass"] .av-loginlog-item { border-bottom-color: rgba(100,180,255,.06); } [data-theme="blu-glass"] .account-server-card { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .account-friend-item { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .account-friend-name { color: var(--txt1); } [data-theme="blu-glass"] .account-friend-meta { color: var(--txt2); } [data-theme="blu-glass"] .account-server-name { color: var(--txt1); } [data-theme="blu-glass"] .friend-action-btn { background: rgba(100,180,255,.05); } [data-theme="blu-glass"] .bg-orbs { opacity: var(--orb-opacity); } [data-theme="blu-glass"] .noise { opacity: var(--noise-opacity); } [data-theme="blu-glass"] .orb-1 { background: radial-gradient(circle, #0ea5e9 0%, transparent 70%); } [data-theme="blu-glass"] .orb-2 { background: radial-gradient(circle, #22d3ee 0%, transparent 70%); } [data-theme="blu-glass"] .orb-3 { background: radial-gradient(circle, #38bdf8 0%, transparent 70%); } [data-theme="blu-glass"] ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); } [data-theme="blu-glass"] ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); } [data-theme="purple-glass"] .av2-card { background: var(--card-bg); border-color: var(--card-border); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } [data-theme="purple-glass"] .av2-card:hover { border-color: var(--card-hover-border); } [data-theme="purple-glass"] .av2-card--highlight { background: linear-gradient(135deg, rgba(168,85,247,.06), rgba(168,85,247,.02)); border-color: rgba(168,85,247,.18); } [data-theme="purple-glass"] .av2-card--danger { background: linear-gradient(135deg, rgba(251,113,133,.04), rgba(251,113,133,.01)); border-color: rgba(251,113,133,.12); } [data-theme="purple-glass"] .av2-field { border-bottom-color: rgba(168,85,247,.06); } [data-theme="purple-glass"] .av2-field:hover { background: var(--field-bg); } [data-theme="purple-glass"] .av2-field-icon { background: var(--field-icon-bg); color: var(--field-icon-color); } [data-theme="purple-glass"] .av2-field-label { color: var(--field-label-color); } [data-theme="purple-glass"] .av2-field-val { color: var(--field-val-color); } [data-theme="purple-glass"] .av2-section-header { color: var(--section-header-color); } [data-theme="purple-glass"] .av2-edit-btn { background: rgba(168,85,247,.08); border-color: rgba(168,85,247,.15); color: rgba(192,132,252,.7); } [data-theme="purple-glass"] .av2-edit-btn:hover { background: rgba(168,85,247,.15); color: #c084fc; border-color: rgba(168,85,247,.3); } [data-theme="purple-glass"] .av2-2fa-icon { background: linear-gradient(135deg, rgba(168,85,247,.15), rgba(168,85,247,.06)); color: #a855f7; } [data-theme="purple-glass"] .av2-2fa-title { color: rgba(243,232,255,.9); } [data-theme="purple-glass"] .av2-2fa-desc { color: rgba(243,232,255,.45); } [data-theme="purple-glass"] .av2-toggle { background: var(--toggle-bg); border-color: var(--toggle-border); } [data-theme="purple-glass"] .av2-toggle.active { background: linear-gradient(135deg, #9333ea, #a855f7); border-color: rgba(168,85,247,.7); } [data-theme="purple-glass"] .av2-badge { background: rgba(168,85,247,.12); color: #c084fc; } [data-theme="purple-glass"] .av2-card-footer { border-top-color: rgba(168,85,247,.08); background: rgba(20,10,40,.2); } [data-theme="purple-glass"] .av2-logout { background: rgba(251,113,133,.06); border-color: rgba(251,113,133,.1); color: #fb7185; } [data-theme="purple-glass"] .av2-btn-danger { background: rgba(251,113,133,.08); border-color: rgba(251,113,133,.15); color: #fb7185; } [data-theme="purple-glass"] .av2-search-box { background: rgba(168,85,247,.03); border-color: rgba(168,85,247,.07); } [data-theme="purple-glass"] .av2-search-box input { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.1); color: var(--txt1); } [data-theme="purple-glass"] .server-bar { background: var(--bg0); border-right-color: var(--border); } [data-theme="purple-glass"] .channel-sidebar { background: linear-gradient(180deg, var(--bg1), var(--bg2)); border-right-color: var(--border); } [data-theme="purple-glass"] .main-content { background: var(--bg2); } [data-theme="purple-glass"] .page-header { background: rgba(20,14,36,.5); border-bottom-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .tab-pill { background: rgba(168,85,247,.05); color: var(--txt2); border: 1px solid rgba(168,85,247,.08); } [data-theme="purple-glass"] .tab-pill:hover { background: rgba(168,85,247,.1); color: var(--accent); } [data-theme="purple-glass"] .tab-pill.active { background: linear-gradient(135deg, var(--accent), #9333ea); color: #fff; border-color: transparent; } [data-theme="purple-glass"] .server-icon { background: var(--bg4); border-color: var(--border); color: var(--txt2); } [data-theme="purple-glass"] .server-icon:hover { background: var(--bg5); border-color: var(--accent); color: var(--txt1); } [data-theme="purple-glass"] .server-icon.active { background: linear-gradient(135deg, var(--accent), #9333ea); color: #fff; } [data-theme="purple-glass"] .sidebar-nav-item { color: var(--txt2); } [data-theme="purple-glass"] .sidebar-nav-item:hover { background: rgba(168,85,247,.08); color: var(--accent); } [data-theme="purple-glass"] .sidebar-nav-item.active { background: rgba(168,85,247,.1); color: var(--accent); } [data-theme="purple-glass"] .user-panel { background: rgba(20,10,40,.3); border-top-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .av2-hero-banner-overlay { background: linear-gradient(transparent, rgba(15,10,26,.9)); } [data-theme="purple-glass"] .av2-hero-name { color: var(--txt1); } [data-theme="purple-glass"] .av2-hero-id-text { color: rgba(192,132,252,.5); } [data-theme="purple-glass"] .av2-stat-item { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .av2-stat-label { color: rgba(243,232,255,.4); } [data-theme="purple-glass"] .av2-stat-num { color: var(--txt1); } [data-theme="purple-glass"] .av-glass-modal { background: rgba(15,10,26,.92) !important; border-color: rgba(168,85,247,.1) !important; box-shadow: 0 24px 80px rgba(30,10,60,.6), 0 0 0 1px rgba(168,85,247,.06), inset 0 1px 0 rgba(168,85,247,.08); } [data-theme="purple-glass"] .av-input { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.12); } [data-theme="purple-glass"] .av-input:hover { border-color: rgba(168,85,247,.2); background: rgba(168,85,247,.06); } [data-theme="purple-glass"] .av-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(168,85,247,.15); } [data-theme="purple-glass"] .av-label { color: rgba(243,232,255,.55); } [data-theme="purple-glass"] .av3-modal-box { background: rgba(15,10,26,.94) !important; border-color: rgba(168,85,247,.1) !important; } [data-theme="purple-glass"] .av3-modal-ttl { color: var(--txt1) !important; } [data-theme="purple-glass"] .av3-modal-subtitle { color: var(--txt2) !important; } [data-theme="purple-glass"] .av3-neon-input { background: rgba(168,85,247,.04) !important; border-color: rgba(168,85,247,.12) !important; color: var(--txt1) !important; } [data-theme="purple-glass"] .av3-neon-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(168,85,247,.15) !important; } [data-theme="purple-glass"] .av3-radio-option { border-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .av3-radio-option.selected { border-color: var(--accent); background: rgba(168,85,247,.08); } [data-theme="purple-glass"] .av3-radio-label { color: var(--txt1); } [data-theme="purple-glass"] .av3-radio-desc { color: var(--txt2); } [data-theme="purple-glass"] .av-session-item { border-bottom-color: rgba(168,85,247,.06); } [data-theme="purple-glass"] .av-session-title { color: var(--txt1); } [data-theme="purple-glass"] .av-session-meta { color: var(--txt2); } [data-theme="purple-glass"] .av-session-badge { background: rgba(168,85,247,.1); color: var(--accent); } [data-theme="purple-glass"] .av-loginlog-item { border-bottom-color: rgba(168,85,247,.06); } [data-theme="purple-glass"] .account-server-card { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .account-friend-item { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .account-friend-name { color: var(--txt1); } [data-theme="purple-glass"] .account-friend-meta { color: var(--txt2); } [data-theme="purple-glass"] .account-server-name { color: var(--txt1); } [data-theme="purple-glass"] .friend-action-btn { background: rgba(168,85,247,.05); } [data-theme="purple-glass"] .call-timer-v2 { color: var(--accent); } [data-theme="purple-glass"] .call-participant-status { color: var(--txt2); } [data-theme="purple-glass"] .call-extra-name { color: var(--txt1); } [data-theme="purple-glass"] .call-extra-status { color: var(--txt2); } [data-theme="purple-glass"] .call-sidebar-item-name { color: var(--txt1); } [data-theme="purple-glass"] .call-sidebar-item-status { color: var(--txt2); } [data-theme="purple-glass"] .call-sidebar-title { color: var(--txt1); } [data-theme="purple-glass"] .call-sidebar-close { color: var(--txt3); } [data-theme="purple-glass"] .call-chat-msg-name { color: var(--txt1); } [data-theme="purple-glass"] .call-chat-msg-text { color: var(--txt2); } [data-theme="purple-glass"] .call-chat-msg-time { color: var(--txt3); } [data-theme="purple-glass"] .call-chat-title { color: var(--txt1); } [data-theme="purple-glass"] .call-header-btn { color: var(--txt2); } [data-theme="purple-glass"] .call-ctrl-v2 { color: var(--txt2); } [data-theme="purple-glass"] .incoming-sub-v2 { color: var(--txt2); } [data-theme="purple-glass"] .dm-conv-menu-btn { color: var(--txt3); } [data-theme="purple-glass"] .msg-time-mine { color: var(--txt3); } [data-theme="purple-glass"] .msg-time-compact { color: var(--txt3); } [data-theme="purple-glass"] #notesContent { color: var(--txt1); } [data-theme="purple-glass"] #notesContent:empty::before { color: var(--txt3); } [data-theme="purple-glass"] #notifBtn { color: var(--txt2); } [data-theme="purple-glass"] .av-notif-item { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .bg-orbs { opacity: var(--orb-opacity); } [data-theme="purple-glass"] .noise { opacity: var(--noise-opacity); } [data-theme="purple-glass"] .orb-1 { background: radial-gradient(circle, #7c3aed 0%, transparent 70%); } [data-theme="purple-glass"] .orb-2 { background: radial-gradient(circle, #a855f7 0%, transparent 70%); } [data-theme="purple-glass"] .orb-3 { background: radial-gradient(circle, #c084fc 0%, transparent 70%); } [data-theme="purple-glass"] ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); } [data-theme="purple-glass"] ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); } [data-theme="gradient"] .av2-card { background: var(--card-bg); border-color: var(--card-border); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } [data-theme="gradient"] .av2-card:hover { border-color: var(--card-hover-border); } [data-theme="gradient"] .av2-card--highlight { background: linear-gradient(135deg, rgba(139,92,246,.06), rgba(236,72,153,.03)); border-color: rgba(139,92,246,.2); } [data-theme="gradient"] .av2-card--danger { background: linear-gradient(135deg, rgba(251,113,133,.04), rgba(251,113,133,.01)); border-color: rgba(251,113,133,.12); } [data-theme="gradient"] .av2-field { border-bottom-color: rgba(139,92,246,.06); } [data-theme="gradient"] .av2-field:hover { background: var(--field-bg); } [data-theme="gradient"] .av2-field-icon { background: var(--field-icon-bg); color: var(--field-icon-color); } [data-theme="gradient"] .av2-field-label { color: var(--field-label-color); } [data-theme="gradient"] .av2-field-val { color: var(--field-val-color); } [data-theme="gradient"] .av2-section-header { color: var(--section-header-color); } [data-theme="gradient"] .av2-edit-btn { background: rgba(139,92,246,.08); border-color: rgba(139,92,246,.15); color: rgba(216,180,254,.7); } [data-theme="gradient"] .av2-edit-btn:hover { background: rgba(139,92,246,.15); color: #d8b4fe; border-color: rgba(139,92,246,.3); } [data-theme="gradient"] .av2-2fa-icon { background: linear-gradient(135deg, rgba(139,92,246,.15), rgba(236,72,153,.08)); color: #8b5cf6; } [data-theme="gradient"] .av2-2fa-title { color: rgba(252,231,243,.9); } [data-theme="gradient"] .av2-2fa-desc { color: rgba(252,231,243,.45); } [data-theme="gradient"] .av2-toggle { background: var(--toggle-bg); border-color: var(--toggle-border); } [data-theme="gradient"] .av2-toggle.active { background: linear-gradient(135deg, #8b5cf6, #ec4899); border-color: rgba(139,92,246,.6); } [data-theme="gradient"] .av2-badge { background: linear-gradient(135deg, rgba(139,92,246,.12), rgba(236,72,153,.08)); color: #d8b4fe; } [data-theme="gradient"] .av2-card-footer { border-top-color: rgba(139,92,246,.08); background: rgba(20,5,40,.2); } [data-theme="gradient"] .av2-logout { background: rgba(251,113,133,.06); border-color: rgba(251,113,133,.1); color: #fb7185; } [data-theme="gradient"] .av2-btn-danger { background: rgba(251,113,133,.08); border-color: rgba(251,113,133,.15); color: #fb7185; } [data-theme="gradient"] .av2-search-box { background: rgba(139,92,246,.03); border-color: rgba(139,92,246,.07); } [data-theme="gradient"] .av2-search-box input { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.1); color: var(--txt1); } [data-theme="gradient"] .server-bar { background: var(--bg0); border-right-color: var(--border); } [data-theme="gradient"] .channel-sidebar { background: linear-gradient(180deg, var(--bg1), var(--bg2)); border-right-color: var(--border); } [data-theme="gradient"] .main-content { background: var(--bg2); } [data-theme="gradient"] .page-header { background: rgba(18,8,40,.5); border-bottom-color: rgba(139,92,246,.08); } [data-theme="gradient"] .tab-pill { background: rgba(139,92,246,.05); color: var(--txt2); border: 1px solid rgba(139,92,246,.08); } [data-theme="gradient"] .tab-pill:hover { background: rgba(139,92,246,.1); color: var(--accent); } [data-theme="gradient"] .tab-pill.active { background: linear-gradient(135deg, #8b5cf6, #ec4899); color: #fff; border-color: transparent; } [data-theme="gradient"] .server-icon { background: var(--bg4); border-color: var(--border); color: var(--txt2); } [data-theme="gradient"] .server-icon:hover { background: var(--bg5); border-color: var(--accent); color: var(--txt1); } [data-theme="gradient"] .server-icon.active { background: linear-gradient(135deg, #8b5cf6, #ec4899); color: #fff; } [data-theme="gradient"] .sidebar-nav-item { color: var(--txt2); } [data-theme="gradient"] .sidebar-nav-item:hover { background: rgba(139,92,246,.08); color: var(--accent); } [data-theme="gradient"] .sidebar-nav-item.active { background: rgba(139,92,246,.1); color: var(--accent); } [data-theme="gradient"] .user-panel { background: rgba(20,5,40,.3); border-top-color: rgba(139,92,246,.08); } [data-theme="gradient"] .av2-hero-banner-overlay { background: linear-gradient(transparent, rgba(15,5,32,.9)); } [data-theme="gradient"] .av2-hero-name { color: var(--txt1); } [data-theme="gradient"] .av2-hero-id-text { color: rgba(216,180,254,.5); } [data-theme="gradient"] .av2-stat-item { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.08); } [data-theme="gradient"] .av2-stat-label { color: rgba(252,231,243,.4); } [data-theme="gradient"] .av2-stat-num { color: var(--txt1); } [data-theme="gradient"] .av-glass-modal { background: rgba(15,5,32,.92) !important; border-color: rgba(139,92,246,.1) !important; box-shadow: 0 24px 80px rgba(20,5,40,.6), 0 0 0 1px rgba(139,92,246,.06), 0 0 40px rgba(236,72,153,.04), inset 0 1px 0 rgba(139,92,246,.08); } [data-theme="gradient"] .av-input { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.12); } [data-theme="gradient"] .av-input:hover { border-color: rgba(139,92,246,.2); background: rgba(139,92,246,.06); } [data-theme="gradient"] .av-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(139,92,246,.15); } [data-theme="gradient"] .av-label { color: rgba(252,231,243,.55); } [data-theme="gradient"] .av3-modal-box { background: rgba(15,5,32,.94) !important; border-color: rgba(139,92,246,.1) !important; } [data-theme="gradient"] .av3-modal-ttl { color: var(--txt1) !important; } [data-theme="gradient"] .av3-modal-subtitle { color: var(--txt2) !important; } [data-theme="gradient"] .av3-neon-input { background: rgba(139,92,246,.04) !important; border-color: rgba(139,92,246,.12) !important; color: var(--txt1) !important; } [data-theme="gradient"] .av3-neon-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(139,92,246,.15) !important; } [data-theme="gradient"] .av3-radio-option { border-color: rgba(139,92,246,.08); } [data-theme="gradient"] .av3-radio-option.selected { border-color: var(--accent); background: rgba(139,92,246,.08); } [data-theme="gradient"] .av3-radio-label { color: var(--txt1); } [data-theme="gradient"] .av3-radio-desc { color: var(--txt2); } [data-theme="gradient"] .av-session-item { border-bottom-color: rgba(139,92,246,.06); } [data-theme="gradient"] .av-session-title { color: var(--txt1); } [data-theme="gradient"] .av-session-meta { color: var(--txt2); } [data-theme="gradient"] .av-session-badge { background: rgba(139,92,246,.1); color: var(--accent); } [data-theme="gradient"] .av-loginlog-item { border-bottom-color: rgba(139,92,246,.06); } [data-theme="gradient"] .account-server-card { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.08); } [data-theme="gradient"] .account-friend-item { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.08); } [data-theme="gradient"] .account-friend-name { color: var(--txt1); } [data-theme="gradient"] .account-friend-meta { color: var(--txt2); } [data-theme="gradient"] .account-server-name { color: var(--txt1); } [data-theme="gradient"] .friend-action-btn { background: rgba(139,92,246,.05); } [data-theme="gradient"] .call-timer-v2 { color: var(--accent); } [data-theme="gradient"] .call-participant-status { color: var(--txt2); } [data-theme="gradient"] .call-extra-name { color: var(--txt1); } [data-theme="gradient"] .call-extra-status { color: var(--txt2); } [data-theme="gradient"] .call-sidebar-item-name { color: var(--txt1); } [data-theme="gradient"] .call-sidebar-item-status { color: var(--txt2); } [data-theme="gradient"] .call-sidebar-title { color: var(--txt1); } [data-theme="gradient"] .call-sidebar-close { color: var(--txt3); } [data-theme="gradient"] .call-chat-msg-name { color: var(--txt1); } [data-theme="gradient"] .call-chat-msg-text { color: var(--txt2); } [data-theme="gradient"] .call-chat-msg-time { color: var(--txt3); } [data-theme="gradient"] .call-chat-title { color: var(--txt1); } [data-theme="gradient"] .call-header-btn { color: var(--txt2); } [data-theme="gradient"] .call-ctrl-v2 { color: var(--txt2); } [data-theme="gradient"] .incoming-sub-v2 { color: var(--txt2); } [data-theme="gradient"] .dm-conv-menu-btn { color: var(--txt3); } [data-theme="gradient"] .msg-time-mine { color: var(--txt3); } [data-theme="gradient"] .msg-time-compact { color: var(--txt3); } [data-theme="gradient"] #notesContent { color: var(--txt1); } [data-theme="gradient"] #notesContent:empty::before { color: var(--txt3); } [data-theme="gradient"] #notifBtn { color: var(--txt2); } [data-theme="gradient"] .av-notif-item { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.08); } [data-theme="gradient"] .bg-orbs { opacity: var(--orb-opacity); } [data-theme="gradient"] .noise { opacity: var(--noise-opacity); } [data-theme="gradient"] .orb-1 { background: radial-gradient(circle, #8b5cf6 0%, transparent 70%); } [data-theme="gradient"] .orb-2 { background: radial-gradient(circle, #ec4899 0%, transparent 70%); } [data-theme="gradient"] .orb-3 { background: radial-gradient(circle, #a855f7 0%, transparent 70%); } [data-theme="gradient"] ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); } [data-theme="gradient"] ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); } [data-theme="dark-glass"] .av2-card { background: var(--card-bg); border-color: var(--card-border); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } [data-theme="dark-glass"] .av2-card:hover { border-color: var(--card-hover-border); } [data-theme="dark-glass"] .av2-card--highlight { background: linear-gradient(135deg, rgba(88,101,242,.06), rgba(88,101,242,.02)); border-color: rgba(88,101,242,.2); } [data-theme="dark-glass"] .av2-card--danger { background: linear-gradient(135deg, rgba(237,66,69,.04), rgba(237,66,69,.01)); border-color: rgba(237,66,69,.14); } [data-theme="dark-glass"] .av2-field { border-bottom-color: rgba(255,255,255,.08); } [data-theme="dark-glass"] .av2-field:hover { background: var(--field-bg); } [data-theme="dark-glass"] .av2-field-icon { background: var(--field-icon-bg); color: var(--field-icon-color); } [data-theme="dark-glass"] .av2-field-label { color: var(--field-label-color); } [data-theme="dark-glass"] .av2-field-val { color: var(--field-val-color); } [data-theme="dark-glass"] .av2-section-header { color: var(--section-header-color); } [data-theme="dark-glass"] .av2-edit-btn { background: rgba(88,101,242,.1); border-color: rgba(88,101,242,.18); color: rgba(139,155,255,.75); } [data-theme="dark-glass"] .av2-edit-btn:hover { background: rgba(88,101,242,.18); color: #8b9bff; border-color: rgba(88,101,242,.35); } [data-theme="dark-glass"] .av2-2fa-icon { background: linear-gradient(135deg, rgba(88,101,242,.18), rgba(88,101,242,.08)); color: #5865f2; } [data-theme="dark-glass"] .av2-2fa-title { color: rgba(242,243,245,.92); } [data-theme="dark-glass"] .av2-2fa-desc { color: rgba(242,243,245,.5); } [data-theme="dark-glass"] .av2-toggle { background: var(--toggle-bg); border-color: var(--toggle-border); } [data-theme="dark-glass"] .av2-toggle.active { background: linear-gradient(135deg, #4752c4, #5865f2); border-color: rgba(88,101,242,.75); } [data-theme="dark-glass"] .av2-badge { background: rgba(88,101,242,.15); color: #8b9bff; } [data-theme="dark-glass"] .av2-card-footer { border-top-color: rgba(255,255,255,.1); background: rgba(0,0,0,.25); } [data-theme="dark-glass"] .av2-logout { background: rgba(237,66,69,.08); border-color: rgba(237,66,69,.15); color: #ed4245; } [data-theme="dark-glass"] .av2-btn-danger { background: rgba(237,66,69,.1); border-color: rgba(237,66,69,.2); color: #ed4245; } [data-theme="dark-glass"] .av2-search-box { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.08); } [data-theme="dark-glass"] .av2-search-box input { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); color: var(--txt1); } [data-theme="dark-glass"] .server-bar { background: var(--bg0); border-right-color: var(--border); } [data-theme="dark-glass"] .channel-sidebar { background: linear-gradient(180deg, var(--bg1), var(--bg2)); border-right-color: var(--border); } [data-theme="dark-glass"] .main-content { background: var(--bg2); } [data-theme="dark-glass"] .page-header { background: rgba(10,10,15,.6); border-bottom-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .tab-pill { background: rgba(255,255,255,.05); color: var(--txt2); border: 1px solid rgba(255,255,255,.1); } [data-theme="dark-glass"] .tab-pill:hover { background: rgba(88,101,242,.1); color: var(--accent); } [data-theme="dark-glass"] .tab-pill.active { background: linear-gradient(135deg, #4752c4, #5865f2); color: #fff; border-color: transparent; } [data-theme="dark-glass"] .server-icon { background: var(--bg4); border-color: var(--border); color: var(--txt2); } [data-theme="dark-glass"] .server-icon:hover { background: var(--bg5); border-color: var(--accent); color: var(--txt1); } [data-theme="dark-glass"] .server-icon.active { background: linear-gradient(135deg, #4752c4, #5865f2); color: #fff; } [data-theme="dark-glass"] .sidebar-nav-item { color: var(--txt2); } [data-theme="dark-glass"] .sidebar-nav-item:hover { background: rgba(88,101,242,.1); color: var(--accent); } [data-theme="dark-glass"] .sidebar-nav-item.active { background: rgba(88,101,242,.12); color: var(--accent); } [data-theme="dark-glass"] .user-panel { background: rgba(0,0,0,.35); border-top-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av2-hero-banner-overlay { background: linear-gradient(transparent, rgba(0,0,0,.92)); } [data-theme="dark-glass"] .av2-hero-name { color: var(--txt1); } [data-theme="dark-glass"] .av2-hero-id-text { color: rgba(139,155,255,.55); } [data-theme="dark-glass"] .av2-stat-item { background: rgba(17,17,24,.6); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av2-stat-label { color: rgba(242,243,245,.45); } [data-theme="dark-glass"] .av2-stat-num { color: var(--txt1); } [data-theme="dark-glass"] .av-glass-modal { background: rgba(10,10,15,.96) !important; border-color: rgba(255,255,255,.1) !important; backdrop-filter: blur(50px) saturate(2) !important; -webkit-backdrop-filter: blur(50px) saturate(2) !important; box-shadow: 0 32px 100px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.06), 0 0 60px rgba(88,101,242,.06), inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 80px rgba(88,101,242,.02); } [data-theme="dark-glass"] .av-input { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); } [data-theme="dark-glass"] .av-input:hover { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.07); } [data-theme="dark-glass"] .av-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(88,101,242,.2); } [data-theme="dark-glass"] .av-label { color: rgba(242,243,245,.55); } [data-theme="dark-glass"] .av3-modal-box { background: rgba(10,10,15,.96) !important; border-color: rgba(255,255,255,.1) !important; backdrop-filter: blur(50px) saturate(2); -webkit-backdrop-filter: blur(50px) saturate(2); } [data-theme="dark-glass"] .av3-modal-ttl { color: var(--txt1) !important; } [data-theme="dark-glass"] .av3-modal-subtitle { color: var(--txt2) !important; } [data-theme="dark-glass"] .av3-neon-input { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.12) !important; color: var(--txt1) !important; } [data-theme="dark-glass"] .av3-neon-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(88,101,242,.2) !important; } [data-theme="dark-glass"] .av3-radio-option { border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av3-radio-option.selected { border-color: var(--accent); background: rgba(88,101,242,.1); } [data-theme="dark-glass"] .av3-radio-label { color: var(--txt1); } [data-theme="dark-glass"] .av3-radio-desc { color: var(--txt2); } [data-theme="dark-glass"] .av-session-item { border-bottom-color: rgba(255,255,255,.06); } [data-theme="dark-glass"] .av-session-title { color: var(--txt1); } [data-theme="dark-glass"] .av-session-meta { color: var(--txt2); } [data-theme="dark-glass"] .av-session-badge { background: rgba(88,101,242,.12); color: var(--accent); } [data-theme="dark-glass"] .av-loginlog-item { border-bottom-color: rgba(255,255,255,.06); } [data-theme="dark-glass"] .account-server-card { background: rgba(17,17,24,.6); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .account-friend-item { background: rgba(17,17,24,.6); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .account-friend-name { color: var(--txt1); } [data-theme="dark-glass"] .account-friend-meta { color: var(--txt2); } [data-theme="dark-glass"] .account-server-name { color: var(--txt1); } [data-theme="dark-glass"] .friend-action-btn { background: rgba(255,255,255,.06); } [data-theme="dark-glass"] .call-timer-v2 { color: var(--accent); } [data-theme="dark-glass"] .call-participant-status { color: var(--txt2); } [data-theme="dark-glass"] .call-extra-name { color: var(--txt1); } [data-theme="dark-glass"] .call-extra-status { color: var(--txt2); } [data-theme="dark-glass"] .call-sidebar-item-name { color: var(--txt1); } [data-theme="dark-glass"] .call-sidebar-item-status { color: var(--txt2); } [data-theme="dark-glass"] .call-sidebar-title { color: var(--txt1); } [data-theme="dark-glass"] .call-sidebar-close { color: var(--txt3); } [data-theme="dark-glass"] .call-chat-msg-name { color: var(--txt1); } [data-theme="dark-glass"] .call-chat-msg-text { color: var(--txt2); } [data-theme="dark-glass"] .call-chat-msg-time { color: var(--txt3); } [data-theme="dark-glass"] .call-chat-title { color: var(--txt1); } [data-theme="dark-glass"] .call-header-btn { color: var(--txt2); } [data-theme="dark-glass"] .call-ctrl-v2 { color: var(--txt2); } [data-theme="dark-glass"] .incoming-sub-v2 { color: var(--txt2); } [data-theme="dark-glass"] .dm-conv-menu-btn { color: var(--txt3); } [data-theme="dark-glass"] .msg-time-mine { color: var(--txt3); } [data-theme="dark-glass"] .msg-time-compact { color: var(--txt3); } [data-theme="dark-glass"] #notesContent { color: var(--txt1); } [data-theme="dark-glass"] #notesContent:empty::before { color: var(--txt3); } [data-theme="dark-glass"] #notifBtn { color: var(--txt2); } [data-theme="dark-glass"] .av-notif-item { background: rgba(17,17,24,.6); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .bg-orbs { opacity: var(--orb-opacity); } [data-theme="dark-glass"] .noise { opacity: var(--noise-opacity); } [data-theme="dark-glass"] .orb-1 { background: radial-gradient(circle, #5865f2 0%, transparent 70%); } [data-theme="dark-glass"] .orb-2 { background: radial-gradient(circle, #4f8ff7 0%, transparent 70%); } [data-theme="dark-glass"] .orb-3 { background: radial-gradient(circle, #7289da 0%, transparent 70%); } [data-theme="dark-glass"] ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); } [data-theme="dark-glass"] ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); } .av-theme-section { margin-bottom: 24px; } .av-theme-card { position: relative; border: 2px solid var(--card-border, rgba(255,255,255,.07)); border-radius: 14px; padding: 10px; cursor: pointer; transition: all .25s cubic-bezier(.4,0,.2,1); overflow: hidden; text-align: center; background: var(--card-bg); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .av-theme-card::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; z-index: 0; transition: opacity .3s; } .av-theme-card:hover { transform: translateY(-3px) scale(1.02); border-color: var(--card-hover-border, rgba(255,255,255,.15)); box-shadow: 0 8px 28px rgba(0,0,0,.25); } .av-theme-card:hover::before { opacity: 1; } .av-theme-card.active { border-color: var(--accent); box-shadow: var(--glow-a), 0 4px 16px rgba(0,0,0,.2); } .av-theme-card.active::after { content: ''; position: absolute; top: 7px; right: 7px; width: 20px; height: 20px; border-radius: 50%; background: var(--accent); display: flex; align-items: center; justify-content: center; z-index: 3; box-shadow: 0 0 8px rgba(99,102,241,.4); background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 11px; } .av-theme-mockup { display: flex; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; } .av-mockup-line.w70 { width: 70%; } .av-mockup-line.w50 { width: 50%; } .av-mockup-line.w90 { width: 90%; } .av-mockup-line.w40 { width: 40%; } .av-theme-preview--dark { background: linear-gradient(135deg, #03050f, #0d1221); border: 1px solid rgba(255,255,255,.06); } .av-theme-preview--light { background: linear-gradient(135deg, #f8f9fc, #eef0f6); border: 1px solid rgba(0,0,0,.06); } .av-theme-preview--blu { background: linear-gradient(135deg, #0a1628, #162d4a); border: 1px solid rgba(100,180,255,.12); backdrop-filter: blur(8px); } .av-theme-preview--purple { background: linear-gradient(135deg, #0f0a1a, #2a1f52); border: 1px solid rgba(168,85,247,.12); backdrop-filter: blur(8px); } .av-theme-preview--gradient { background: linear-gradient(135deg, #0f0520, #2a1f52, #1a0a2e); border: 1px solid rgba(139,92,246,.15); backdrop-filter: blur(8px); } .av-theme-preview--dark-glass { background: linear-gradient(135deg, #000000, #111118); border: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(12px); } [data-theme="dark"] .av-theme-card { background: rgba(255,255,255,.03); } [data-theme="dark-glass"] .av-theme-card { background: rgba(17,17,24,.7); } [data-theme="light"] .av-theme-card { background: rgba(255,255,255,.65); } [data-theme="blu-glass"] .av-theme-card { background: rgba(14,30,56,.5); } [data-theme="purple-glass"] .av-theme-card { background: rgba(20,14,36,.5); } [data-theme="gradient"] .av-theme-card { background: rgba(18,8,40,.55); } [data-theme="light"] .av-theme-picker-card { background: rgba(255,255,255,.7); border-color: rgba(0,0,0,.06); } [data-theme="light"] .av-theme-card { border-color: rgba(0,0,0,.06); } [data-theme="light"] .av-theme-card:hover { border-color: rgba(0,0,0,.12); box-shadow: 0 8px 28px rgba(0,0,0,.06); } [data-theme="light"] .av-theme-card.active { border-color: var(--accent); box-shadow: 0 0 20px rgba(79,70,231,.2), 0 4px 16px rgba(0,0,0,.08); } [data-theme="light"] .av-theme-card-label { color: var(--text-primary); } [data-theme="light"] .av-theme-card-sub { color: var(--text-muted); } [data-theme="light"] .av-theme-picker-title { color: var(--text-primary); } [data-theme="light"] .av-theme-picker-subtitle { color: var(--text-secondary); } @media (max-width: 600px) { .av-theme-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } .av-theme-card { display: flex; align-items: center; gap: 10px; padding: 10px; text-align: left; } .av-theme-preview { width: 48px; height: 36px; margin-bottom: 0; flex-shrink: 0; padding: 6px; } .av-theme-preview-dot { width: 6px; height: 6px; top: 6px; left: 6px; } .av-theme-preview-lines { margin-top: 14px; } .av-theme-preview-lines span { height: 2px; } } @media (max-width: 400px) { .av-theme-grid { grid-template-columns: 1fr; gap: 6px; } } [data-theme="light"] #channelChatOverlay { background: rgba(248,249,252,.92) !important; } [data-theme="light"] .ch-settings-modal { background: rgba(255,255,255,.95) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .ch-msg-bubble { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.06); color: var(--txt1); } [data-theme="light"] .ch-msg-bubble:hover { background: rgba(0,0,0,.05); } [data-theme="light"] .ch-msg-time { color: var(--txt2); } [data-theme="light"] .ch-msg-text { color: var(--txt1); } [data-theme="light"] .ch-chat-input-wrap { background: rgba(255,255,255,.8); border-color: rgba(0,0,0,.08); } [data-theme="light"] .ch-chat-input { background: transparent; color: var(--txt1); } [data-theme="light"] .ch-chat-input::placeholder { color: var(--txt3); } [data-theme="light"] .ch-member-item { color: var(--txt2); } [data-theme="light"] .ch-member-item:hover { background: rgba(79,70,229,.06); } [data-theme="light"] .ch-category-header { color: var(--txt2); } [data-theme="light"] .ch-channel-row { color: var(--txt2); } [data-theme="light"] .ch-channel-row:hover { background: rgba(0,0,0,.03); } [data-theme="light"] .ch-channel-row.active { background: rgba(79,70,229,.08); color: var(--accent); } [data-theme="light"] .av-type-cards .av-type-card { background: rgba(255,255,255,.7); border-color: rgba(0,0,0,.06); } [data-theme="light"] .av-type-cards .av-type-card.selected { border-color: var(--accent); background: rgba(79,70,229,.06); } [data-theme="light"] .av-btn-create { background: linear-gradient(135deg, #4f46e5, #6366f1); } [data-theme="light"] .av-btn-save { background: linear-gradient(135deg, #16a34a, #22c55e); } [data-theme="light"] .ch-upload-progress-bar { box-shadow: 0 0 8px rgba(79,70,229,.4); } [data-theme="light"] .ch-upload-progress-text { color: var(--accent2); } [data-theme="blu-glass"] #channelChatOverlay { background: rgba(10,22,40,.94) !important; } [data-theme="blu-glass"] .ch-settings-modal { background: rgba(10,22,40,.96) !important; border-color: rgba(100,180,255,.1) !important; } [data-theme="blu-glass"] .ch-msg-bubble { background: rgba(100,180,255,.03); border-color: rgba(100,180,255,.06); } [data-theme="blu-glass"] .ch-msg-bubble:hover { background: rgba(100,180,255,.05); } [data-theme="blu-glass"] .ch-chat-input-wrap { background: rgba(14,30,56,.6); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .ch-chat-input { background: transparent; color: var(--txt1); } [data-theme="blu-glass"] .ch-chat-input::placeholder { color: var(--txt3); } [data-theme="blu-glass"] .ch-member-item:hover { background: rgba(56,189,248,.08); } [data-theme="blu-glass"] .ch-channel-row:hover { background: rgba(56,189,248,.05); } [data-theme="blu-glass"] .ch-channel-row.active { background: rgba(56,189,248,.1); color: var(--accent); } [data-theme="blu-glass"] .av-type-cards .av-type-card { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .av-type-cards .av-type-card.selected { border-color: var(--accent); background: rgba(56,189,248,.08); } [data-theme="blu-glass"] .av-btn-create { background: linear-gradient(135deg, #0ea5e9, #38bdf8); } [data-theme="blu-glass"] .av-btn-save { background: linear-gradient(135deg, #0d9488, #14b8a6); } [data-theme="purple-glass"] #channelChatOverlay { background: rgba(15,10,26,.94) !important; } [data-theme="purple-glass"] .ch-settings-modal { background: rgba(15,10,26,.96) !important; border-color: rgba(168,85,247,.1) !important; } [data-theme="purple-glass"] .ch-msg-bubble { background: rgba(168,85,247,.03); border-color: rgba(168,85,247,.06); } [data-theme="purple-glass"] .ch-msg-bubble:hover { background: rgba(168,85,247,.05); } [data-theme="purple-glass"] .ch-chat-input-wrap { background: rgba(20,14,36,.6); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .ch-chat-input { background: transparent; color: var(--txt1); } [data-theme="purple-glass"] .ch-chat-input::placeholder { color: var(--txt3); } [data-theme="purple-glass"] .ch-member-item:hover { background: rgba(168,85,247,.08); } [data-theme="purple-glass"] .ch-channel-row:hover { background: rgba(168,85,247,.05); } [data-theme="purple-glass"] .ch-channel-row.active { background: rgba(168,85,247,.1); color: var(--accent); } [data-theme="purple-glass"] .av-type-cards .av-type-card { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .av-type-cards .av-type-card.selected { border-color: var(--accent); background: rgba(168,85,247,.08); } [data-theme="purple-glass"] .av-btn-create { background: linear-gradient(135deg, #9333ea, #a855f7); } [data-theme="purple-glass"] .av-btn-save { background: linear-gradient(135deg, #7c3aed, #8b5cf6); } [data-theme="gradient"] #channelChatOverlay { background: rgba(15,5,32,.94) !important; } [data-theme="gradient"] .ch-settings-modal { background: rgba(15,5,32,.96) !important; border-color: rgba(139,92,246,.1) !important; } [data-theme="gradient"] .ch-msg-bubble { background: rgba(139,92,246,.03); border-color: rgba(139,92,246,.06); } [data-theme="gradient"] .ch-msg-bubble:hover { background: rgba(236,72,153,.05); } [data-theme="gradient"] .ch-chat-input-wrap { background: rgba(18,8,40,.6); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .ch-chat-input { background: transparent; color: var(--txt1); } [data-theme="gradient"] .ch-chat-input::placeholder { color: var(--txt3); } [data-theme="gradient"] .ch-member-item:hover { background: rgba(139,92,246,.08); } [data-theme="gradient"] .ch-channel-row:hover { background: rgba(139,92,246,.05); } [data-theme="gradient"] .ch-channel-row.active { background: rgba(236,72,153,.1); color: var(--accent); } [data-theme="gradient"] .av-type-cards .av-type-card { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .av-type-cards .av-type-card.selected { border-color: var(--accent); background: rgba(139,92,246,.08); } [data-theme="gradient"] .av-btn-create { background: linear-gradient(135deg, #8b5cf6, #ec4899); } [data-theme="gradient"] .av-btn-save { background: linear-gradient(135deg, #a855f7, #ec4899); } [data-theme="dark-glass"] #channelChatOverlay { background: rgba(0,0,0,.94) !important; } [data-theme="dark-glass"] .ch-settings-modal { background: rgba(10,10,15,.96) !important; border-color: rgba(255,255,255,.1) !important; } [data-theme="dark-glass"] .ch-msg-bubble { background: rgba(88,101,242,.03); border-color: rgba(255,255,255,.08); } [data-theme="dark-glass"] .ch-msg-bubble:hover { background: rgba(88,101,242,.06); } [data-theme="dark-glass"] .ch-chat-input-wrap { background: rgba(17,17,24,.75); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .ch-chat-input { background: transparent; color: var(--txt1); } [data-theme="dark-glass"] .ch-chat-input::placeholder { color: var(--txt3); } [data-theme="dark-glass"] .ch-member-item:hover { background: rgba(88,101,242,.08); } [data-theme="dark-glass"] .ch-channel-row:hover { background: rgba(88,101,242,.05); } [data-theme="dark-glass"] .ch-channel-row.active { background: rgba(88,101,242,.1); color: var(--accent); } [data-theme="dark-glass"] .av-type-cards .av-type-card { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av-type-cards .av-type-card.selected { border-color: var(--accent); background: rgba(88,101,242,.1); } [data-theme="dark-glass"] .av-btn-create { background: linear-gradient(135deg, #4f46e5, #5865f2); } [data-theme="dark-glass"] .av-btn-save { background: linear-gradient(135deg, #16a34a, #22c55e); } [data-theme="light"] .dm-chat-back, [data-theme="light"] .ch-chat-back { background: rgba(0,0,0,.05); border: 1.5px solid rgba(0,0,0,.08); color: var(--txt1); backdrop-filter: none; -webkit-backdrop-filter: none; border-radius: 10px; } [data-theme="light"] .dm-chat-back:hover, [data-theme="light"] .ch-chat-back:hover { background: rgba(0,0,0,.1); border-color: rgba(0,0,0,.15); } [data-theme="blu-glass"] .dm-chat-back, [data-theme="blu-glass"] .ch-chat-back { background: rgba(100,180,255,.06); border: 1.5px solid rgba(100,180,255,.12); color: var(--txt1); backdrop-filter: blur(8px); border-radius: 10px; } [data-theme="blu-glass"] .dm-chat-back:hover, [data-theme="blu-glass"] .ch-chat-back:hover { background: rgba(100,180,255,.12); } [data-theme="purple-glass"] .dm-chat-back, [data-theme="purple-glass"] .ch-chat-back { background: rgba(168,85,247,.06); border: 1.5px solid rgba(168,85,247,.12); color: var(--txt1); backdrop-filter: blur(8px); border-radius: 10px; } [data-theme="purple-glass"] .dm-chat-back:hover, [data-theme="purple-glass"] .ch-chat-back:hover { background: rgba(168,85,247,.12); } [data-theme="gradient"] .dm-chat-back, [data-theme="gradient"] .ch-chat-back { background: rgba(139,92,246,.06); border: 1.5px solid rgba(139,92,246,.12); color: var(--txt1); backdrop-filter: blur(8px); border-radius: 10px; } [data-theme="gradient"] .dm-chat-back:hover, [data-theme="gradient"] .ch-chat-back:hover { background: rgba(139,92,246,.12); } [data-theme="dark-glass"] .dm-chat-back, [data-theme="dark-glass"] .ch-chat-back { background: rgba(88,101,242,.06); border: 1.5px solid rgba(255,255,255,.12); color: var(--txt1); backdrop-filter: blur(8px); border-radius: 10px; } [data-theme="dark-glass"] .dm-chat-back:hover, [data-theme="dark-glass"] .ch-chat-back:hover { background: rgba(88,101,242,.12); } [data-theme="light"] .msg-other-cont, [data-theme="light"] .msg-group.msg-other { color: var(--txt1); } [data-theme="light"] .msg-other-cont .msg-text, [data-theme="light"] .msg-group.msg-other .msg-text { background: rgba(0,0,0,.04) !important; color: var(--txt1) !important; border: 1px solid rgba(0,0,0,.06); border-radius: 12px; } [data-theme="light"] .msg-other-name, [data-theme="light"] .msg-group.msg-other .msg-author, [data-theme="light"] .ch-msg-author { color: var(--txt1) !important; } [data-theme="light"] .msg-other-cont .msg-name { color: var(--txt1); } [data-theme="light"] .msg-text { color: var(--txt1); } [data-theme="light"] .msg-mine-cont .msg-text, [data-theme="light"] .msg-group.msg-mine .msg-text { color: #fff !important; } [data-theme="blu-glass"] .msg-other-cont .msg-text, [data-theme="blu-glass"] .msg-group.msg-other .msg-text { color: var(--txt1) !important; } [data-theme="purple-glass"] .msg-other-cont .msg-text, [data-theme="purple-glass"] .msg-group.msg-other .msg-text { color: var(--txt1) !important; } [data-theme="gradient"] .msg-other-cont .msg-text, [data-theme="gradient"] .msg-group.msg-other .msg-text { color: var(--txt1) !important; } [data-theme="dark-glass"] .msg-other-cont .msg-text, [data-theme="dark-glass"] .msg-group.msg-other .msg-text { color: var(--txt1) !important; } [data-theme="light"] .notes-panel { background: rgba(255,255,255,.96); border-color: rgba(0,0,0,.08); box-shadow: 0 8px 32px rgba(0,0,0,.1); } [data-theme="light"] .notes-header { border-bottom-color: rgba(0,0,0,.06); color: var(--txt1); } [data-theme="light"] .notes-toolbar button { background: rgba(0,0,0,.04); color: var(--txt2); border-color: rgba(0,0,0,.06); } [data-theme="light"] .notes-toolbar button:hover { background: rgba(0,0,0,.08); color: var(--txt1); } [data-theme="blu-glass"] .notes-panel { background: rgba(14,30,56,.96); border-color: rgba(100,180,255,.1); box-shadow: 0 8px 32px rgba(0,20,60,.5); } [data-theme="blu-glass"] .notes-header { border-bottom-color: rgba(100,180,255,.08); color: var(--txt1); } [data-theme="blu-glass"] .notes-toolbar button { background: rgba(100,180,255,.06); color: var(--txt2); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .notes-toolbar button:hover { background: rgba(100,180,255,.1); color: var(--txt1); } [data-theme="blu-glass"] #notesContent { color: var(--txt1); } [data-theme="blu-glass"] #notesContent:empty::before { color: var(--txt3); } [data-theme="purple-glass"] .notes-panel { background: rgba(20,14,36,.96); border-color: rgba(168,85,247,.1); box-shadow: 0 8px 32px rgba(30,10,60,.5); } [data-theme="purple-glass"] .notes-header { border-bottom-color: rgba(168,85,247,.08); color: var(--txt1); } [data-theme="purple-glass"] .notes-toolbar button { background: rgba(168,85,247,.06); color: var(--txt2); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .notes-toolbar button:hover { background: rgba(168,85,247,.1); color: var(--txt1); } [data-theme="gradient"] .notes-panel { background: rgba(18,8,40,.96); border-color: rgba(139,92,246,.1); box-shadow: 0 8px 32px rgba(20,5,40,.5); } [data-theme="gradient"] .notes-header { border-bottom-color: rgba(139,92,246,.08); color: var(--txt1); } [data-theme="gradient"] .notes-toolbar button { background: rgba(139,92,246,.06); color: var(--txt2); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .notes-toolbar button:hover { background: rgba(139,92,246,.1); color: var(--txt1); } [data-theme="dark-glass"] .notes-panel { background: rgba(10,10,15,.96); border-color: rgba(255,255,255,.1); box-shadow: 0 8px 32px rgba(0,0,0,.6); } [data-theme="dark-glass"] .notes-header { border-bottom-color: rgba(255,255,255,.08); color: var(--txt1); } [data-theme="dark-glass"] .notes-toolbar button { background: rgba(255,255,255,.06); color: var(--txt2); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .notes-toolbar button:hover { background: rgba(255,255,255,.1); color: var(--txt1); } [data-theme="light"] .media-link { color: var(--accent); } [data-theme="light"] .media-link:hover { color: #3730a3; } [data-theme="light"] .msg-media-wrap, [data-theme="light"] .msg-link-preview { background: rgba(0,0,0,.02); border: 1px solid rgba(0,0,0,.06); border-radius: 10px; } [data-theme="light"] .msg-link-title { color: var(--txt1); } [data-theme="light"] .msg-link-desc { color: var(--txt2); } [data-theme="light"] .msg-link-url { color: var(--txt3); } [data-theme="blu-glass"] .media-link { color: var(--accent); } [data-theme="blu-glass"] .msg-media-wrap, [data-theme="blu-glass"] .msg-link-preview { background: rgba(100,180,255,.03); border: 1px solid rgba(100,180,255,.08); border-radius: 10px; } [data-theme="blu-glass"] .msg-link-title { color: var(--txt1); } [data-theme="blu-glass"] .msg-link-desc { color: var(--txt2); } [data-theme="blu-glass"] .msg-link-url { color: var(--txt3); } [data-theme="purple-glass"] .media-link { color: var(--accent); } [data-theme="purple-glass"] .msg-media-wrap, [data-theme="purple-glass"] .msg-link-preview { background: rgba(168,85,247,.03); border: 1px solid rgba(168,85,247,.08); border-radius: 10px; } [data-theme="purple-glass"] .msg-link-title { color: var(--txt1); } [data-theme="purple-glass"] .msg-link-desc { color: var(--txt2); } [data-theme="purple-glass"] .msg-link-url { color: var(--txt3); } [data-theme="gradient"] .media-link { color: var(--accent); } [data-theme="gradient"] .msg-media-wrap, [data-theme="gradient"] .msg-link-preview { background: rgba(139,92,246,.03); border: 1px solid rgba(139,92,246,.08); border-radius: 10px; } [data-theme="gradient"] .msg-link-title { color: var(--txt1); } [data-theme="gradient"] .msg-link-desc { color: var(--txt2); } [data-theme="gradient"] .msg-link-url { color: var(--txt3); } [data-theme="dark-glass"] .media-link { color: var(--accent); } [data-theme="dark-glass"] .msg-media-wrap, [data-theme="dark-glass"] .msg-link-preview { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; } [data-theme="dark-glass"] .msg-link-title { color: var(--txt1); } [data-theme="dark-glass"] .msg-link-desc { color: var(--txt2); } [data-theme="dark-glass"] .msg-link-url { color: var(--txt3); } [data-theme="light"] .channel-media-grid, [data-theme="light"] .ch-media-grid { background: rgba(255,255,255,.6); border: 1px solid rgba(0,0,0,.06); border-radius: 12px; } [data-theme="light"] .ch-media-item { background: rgba(0,0,0,.02); border: 1px solid rgba(0,0,0,.06); border-radius: 10px; color: var(--txt1); } [data-theme="light"] .ch-media-item:hover { border-color: rgba(0,0,0,.12); } [data-theme="light"] .ch-media-name { color: var(--txt1); } [data-theme="light"] .ch-media-meta { color: var(--txt2); } [data-theme="light"] .all-channels-grid, [data-theme="light"] .ch-all-grid { background: rgba(255,255,255,.6); border: 1px solid rgba(0,0,0,.06); border-radius: 12px; } [data-theme="light"] .ch-channel-card { background: rgba(255,255,255,.7); border: 1px solid rgba(0,0,0,.06); border-radius: 12px; color: var(--txt1); } [data-theme="light"] .ch-channel-card:hover { border-color: rgba(0,0,0,.12); box-shadow: 0 4px 12px rgba(0,0,0,.06); } [data-theme="light"] .ch-channel-card-name { color: var(--txt1); } [data-theme="light"] .ch-channel-card-desc { color: var(--txt2); } [data-theme="light"] .ch-channel-card-members { color: var(--txt3); } [data-theme="light"] .my-channel-header { background: rgba(255,255,255,.6); border: 1px solid rgba(0,0,0,.06); border-radius: 12px; color: var(--txt1); } [data-theme="light"] .my-channel-name { color: var(--txt1); } [data-theme="light"] .my-channel-desc { color: var(--txt2); } [data-theme="light"] .ch-media-tabs button { color: var(--txt2); } [data-theme="light"] .ch-media-tabs button.active { color: var(--accent); border-bottom-color: var(--accent); } [data-theme="blu-glass"] .ch-media-grid, [data-theme="blu-glass"] .channel-media-grid { background: rgba(14,30,56,.5); border: 1px solid rgba(100,180,255,.08); border-radius: 12px; } [data-theme="blu-glass"] .ch-media-item { background: rgba(100,180,255,.03); border: 1px solid rgba(100,180,255,.08); border-radius: 10px; color: var(--txt1); } [data-theme="blu-glass"] .ch-channel-card { background: rgba(14,30,56,.5); border: 1px solid rgba(100,180,255,.08); border-radius: 12px; color: var(--txt1); } [data-theme="blu-glass"] .my-channel-header { background: rgba(14,30,56,.5); border: 1px solid rgba(100,180,255,.08); border-radius: 12px; color: var(--txt1); } [data-theme="purple-glass"] .ch-media-grid, [data-theme="purple-glass"] .channel-media-grid { background: rgba(20,14,36,.5); border: 1px solid rgba(168,85,247,.08); border-radius: 12px; } [data-theme="purple-glass"] .ch-media-item { background: rgba(168,85,247,.03); border: 1px solid rgba(168,85,247,.08); border-radius: 10px; color: var(--txt1); } [data-theme="purple-glass"] .ch-channel-card { background: rgba(20,14,36,.5); border: 1px solid rgba(168,85,247,.08); border-radius: 12px; color: var(--txt1); } [data-theme="purple-glass"] .my-channel-header { background: rgba(20,14,36,.5); border: 1px solid rgba(168,85,247,.08); border-radius: 12px; color: var(--txt1); } [data-theme="gradient"] .ch-media-grid, [data-theme="gradient"] .channel-media-grid { background: rgba(18,8,40,.5); border: 1px solid rgba(139,92,246,.08); border-radius: 12px; } [data-theme="gradient"] .ch-media-item { background: rgba(139,92,246,.03); border: 1px solid rgba(139,92,246,.08); border-radius: 10px; color: var(--txt1); } [data-theme="gradient"] .ch-channel-card { background: rgba(18,8,40,.5); border: 1px solid rgba(139,92,246,.08); border-radius: 12px; color: var(--txt1); } [data-theme="gradient"] .my-channel-header { background: rgba(18,8,40,.5); border: 1px solid rgba(139,92,246,.08); border-radius: 12px; color: var(--txt1); } [data-theme="dark-glass"] .ch-media-grid, [data-theme="dark-glass"] .channel-media-grid { background: rgba(17,17,24,.7); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; } [data-theme="dark-glass"] .ch-media-item { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; color: var(--txt1); } [data-theme="dark-glass"] .ch-channel-card { background: rgba(17,17,24,.7); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; color: var(--txt1); } [data-theme="dark-glass"] .my-channel-header { background: rgba(17,17,24,.7); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; color: var(--txt1); } [data-theme="light"] .av-type-card { background: rgba(255,255,255,.5); border-color: rgba(0,0,0,.06); } [data-theme="light"] .av-type-name { color: var(--txt1); } [data-theme="light"] .av-type-desc { color: var(--txt2); } [data-theme="light"] .av-type-icon { background: rgba(0,0,0,.04); color: var(--txt1); } [data-theme="light"] .av-type-card.active .av-type-icon { background: rgba(79,70,229,.1); color: var(--accent); } [data-theme="light"] .friend-card { background: rgba(255,255,255,.6); border: 1px solid rgba(0,0,0,.06); color: var(--txt1); } [data-theme="light"] .friend-card:hover { background: rgba(255,255,255,.85); border-color: rgba(0,0,0,.1); } [data-theme="light"] .friend-card-name { color: var(--txt1); } [data-theme="light"] .friend-card-status { color: var(--txt2); } [data-theme="light"] .friend-card-last { color: var(--txt3); } [data-theme="light"] .friend-card-actions { color: var(--txt2); } [data-theme="light"] .friend-card-left { color: var(--txt1); } [data-theme="light"] .friends-empty { color: var(--txt2); opacity: 1; } [data-theme="light"] .friends-empty * { color: var(--txt2); } [data-theme="light"] .friends-v3-empty { color: var(--txt2); } [data-theme="light"] .friends-v3-card { background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.06); color: var(--txt1); } [data-theme="light"] .friends-v3-name { color: var(--txt1); } [data-theme="light"] .friends-v3-status { color: var(--txt2); } [data-theme="light"] .your-id-label { color: var(--txt2); } [data-theme="light"] .your-id-val { color: var(--txt1); } [data-theme="light"] .copy-btn { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.06); color: var(--txt2); } [data-theme="blu-glass"] .friend-card { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.08); color: var(--txt1); } [data-theme="blu-glass"] .friend-card-name { color: var(--txt1); } [data-theme="blu-glass"] .friends-empty { color: var(--txt2); opacity: 1; } [data-theme="blu-glass"] .friends-v3-card { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.08); color: var(--txt1); } [data-theme="blu-glass"] .friends-v3-name { color: var(--txt1); } [data-theme="purple-glass"] .friend-card { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.08); color: var(--txt1); } [data-theme="purple-glass"] .friend-card-name { color: var(--txt1); } [data-theme="purple-glass"] .friends-empty { color: var(--txt2); opacity: 1; } [data-theme="purple-glass"] .friends-v3-card { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.08); color: var(--txt1); } [data-theme="purple-glass"] .friends-v3-name { color: var(--txt1); } [data-theme="gradient"] .friend-card { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.08); color: var(--txt1); } [data-theme="gradient"] .friend-card-name { color: var(--txt1); } [data-theme="gradient"] .friends-empty { color: var(--txt2); opacity: 1; } [data-theme="gradient"] .friends-v3-card { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.08); color: var(--txt1); } [data-theme="gradient"] .friends-v3-name { color: var(--txt1); } [data-theme="dark-glass"] .friend-card { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); color: var(--txt1); } [data-theme="dark-glass"] .friend-card-name { color: var(--txt1); } [data-theme="dark-glass"] .friends-empty { color: var(--txt2); opacity: 1; } [data-theme="dark-glass"] .friends-v3-card { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); color: var(--txt1); } [data-theme="dark-glass"] .friends-v3-name { color: var(--txt1); } [data-theme="light"] .dm-empty-state { color: var(--txt2); } [data-theme="light"] .dm-empty-state svg { stroke: var(--txt3); } [data-theme="light"] .dm-empty-state div, [data-theme="light"] .dm-empty-state small { color: var(--txt2); } [data-theme="light"] div[style*="opacity:.3"], [data-theme="light"] div[style*="opacity: .3"] { color: var(--txt2) !important; opacity: 1 !important; } [data-theme="light"] div[style*="color:rgba(255,255,255"] { color: var(--txt2) !important; } [data-theme="blu-glass"] .dm-empty-state { color: var(--txt2); } [data-theme="blu-glass"] .dm-empty-state svg { stroke: var(--txt3); } [data-theme="purple-glass"] .dm-empty-state { color: var(--txt2); } [data-theme="purple-glass"] .dm-empty-state svg { stroke: var(--txt3); } [data-theme="gradient"] .dm-empty-state { color: var(--txt2); } [data-theme="gradient"] .dm-empty-state svg { stroke: var(--txt3); } [data-theme="dark-glass"] .dm-empty-state { color: var(--txt2); } [data-theme="dark-glass"] .dm-empty-state svg { stroke: var(--txt3); } [data-theme="light"] .av2-hero-banner-btn { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.1); color: var(--txt2); backdrop-filter: none; } [data-theme="light"] .av2-hero-banner-btn:hover { background: rgba(0,0,0,.1); color: var(--txt1); border-color: rgba(0,0,0,.18); } [data-theme="light"] .av2-hero-banner-upload { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.1); color: var(--txt2); backdrop-filter: none; } [data-theme="light"] .av2-hero-banner-upload:hover { background: rgba(0,0,0,.1); color: var(--txt1); } [data-theme="light"] .avatar-upload-overlay { background: rgba(255,255,255,.7); } [data-theme="light"] .profile-avatar-lg { border-color: var(--bg0); box-shadow: 0 4px 20px rgba(0,0,0,.15); } [data-theme="light"] .profile-banner-upload { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.1); color: var(--txt2); backdrop-filter: none; } [data-theme="light"] .profile-banner-upload:hover { background: rgba(0,0,0,.15); color: var(--txt1); } [data-theme="blu-glass"] .av2-hero-banner-btn { background: rgba(100,180,255,.08); border-color: rgba(100,180,255,.15); color: var(--txt2); } [data-theme="blu-glass"] .av2-hero-banner-upload { background: rgba(100,180,255,.08); border-color: rgba(100,180,255,.15); color: var(--txt2); } [data-theme="purple-glass"] .av2-hero-banner-btn { background: rgba(168,85,247,.08); border-color: rgba(168,85,247,.15); color: var(--txt2); } [data-theme="purple-glass"] .av2-hero-banner-upload { background: rgba(168,85,247,.08); border-color: rgba(168,85,247,.15); color: var(--txt2); } [data-theme="gradient"] .av2-hero-banner-btn { background: rgba(139,92,246,.08); border-color: rgba(139,92,246,.15); color: var(--txt2); } [data-theme="gradient"] .av2-hero-banner-upload { background: rgba(139,92,246,.08); border-color: rgba(139,92,246,.15); color: var(--txt2); } [data-theme="dark-glass"] .av2-hero-banner-btn { background: rgba(88,101,242,.08); border-color: rgba(255,255,255,.15); color: var(--txt2); } [data-theme="dark-glass"] .av2-hero-banner-upload { background: rgba(88,101,242,.08); border-color: rgba(255,255,255,.15); color: var(--txt2); } [data-theme="light"] .gen-text-input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.1); color: var(--txt1); } [data-theme="light"] .gen-text-input:hover { border-color: rgba(0,0,0,.18); } [data-theme="light"] .gen-text-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(79,70,229,.12); } [data-theme="light"] .gen-preview-wrap { color: var(--txt1); } [data-theme="light"] .gen-color-opt, [data-theme="light"] .gen-animal-opt, [data-theme="light"] .gen-palette-opt { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: var(--txt1); } [data-theme="light"] .gen-color-opt:hover, [data-theme="light"] .gen-animal-opt:hover, [data-theme="light"] .gen-palette-opt:hover { border-color: rgba(0,0,0,.15); background: rgba(0,0,0,.06); } [data-theme="light"] .gen-color-opt.active, [data-theme="light"] .gen-animal-opt.active, [data-theme="light"] .gen-palette-opt.active { border-color: var(--accent); background: rgba(79,70,229,.08); } [data-theme="light"] .av-glass-modal * { color: inherit; } [data-theme="light"] .av-glass-modal .av-label { color: rgba(15,23,42,.55) !important; } [data-theme="light"] .av-glass-modal .av-field-group * { color: var(--txt1); } [data-theme="light"] .av-glass-modal .av-field-group .av-label { color: rgba(15,23,42,.55) !important; } [data-theme="light"] .av-glass-modal .av-field-group .av-hint { color: var(--txt2) !important; } [data-theme="light"] .av-glass-modal div[style*="color:#fff"], [data-theme="light"] .av-glass-modal div[style*="color: white"], [data-theme="light"] .av-glass-modal span[style*="color:#fff"], [data-theme="light"] .av-glass-modal span[style*="color: white"], [data-theme="light"] .av-glass-modal p[style*="color:#fff"], [data-theme="light"] .av-glass-modal p[style*="color: white"] { color: var(--txt1) !important; } [data-theme="blu-glass"] .gen-text-input { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.12); color: var(--txt1); } [data-theme="blu-glass"] .gen-text-input::placeholder { color: var(--txt3); } [data-theme="purple-glass"] .gen-text-input { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.12); color: var(--txt1); } [data-theme="purple-glass"] .gen-text-input::placeholder { color: var(--txt3); } [data-theme="gradient"] .gen-text-input { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.12); color: var(--txt1); } [data-theme="gradient"] .gen-text-input::placeholder { color: var(--txt3); } [data-theme="dark-glass"] .gen-text-input { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); color: var(--txt1); } [data-theme="dark-glass"] .gen-text-input::placeholder { color: var(--txt3); } [data-theme="light"] .ch-settings-modal { background: rgba(255,255,255,.95) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1); } [data-theme="light"] .ch-settings-content { color: var(--txt1); } [data-theme="light"] .ch-settings-header { border-bottom-color: rgba(0,0,0,.06); color: var(--txt1); } [data-theme="light"] .ch-settings-header-name { color: var(--txt1) !important; } [data-theme="light"] .ch-settings-section-title::after { background: linear-gradient(90deg, var(--accent), #6366f1); } [data-theme="light"] .ch-category-header:hover { color: var(--txt1); } [data-theme="light"] .ch-channel-row:hover { background: rgba(0,0,0,.04); color: var(--txt1); } [data-theme="light"] .category-name { color: var(--txt2); } [data-theme="light"] .category-header:hover .category-name { color: var(--accent); } [data-theme="blu-glass"] .ch-settings-modal { background: rgba(14,30,56,.95) !important; border-color: rgba(100,180,255,.1) !important; color: var(--txt1); } [data-theme="blu-glass"] .ch-settings-header-name { color: var(--txt1) !important; } [data-theme="blu-glass"] .ch-settings-section-title::after { background: linear-gradient(90deg, var(--accent), #0ea5e9); } [data-theme="blu-glass"] .ch-category-header { color: var(--txt2); } [data-theme="blu-glass"] .ch-channel-row { color: var(--txt2); } [data-theme="blu-glass"] .ch-channel-row:hover { background: rgba(100,180,255,.05); color: var(--txt1); } [data-theme="blu-glass"] .category-name { color: var(--txt2); } [data-theme="blu-glass"] .category-header:hover .category-name { color: var(--accent); } [data-theme="purple-glass"] .ch-settings-modal { background: rgba(20,14,36,.95) !important; border-color: rgba(168,85,247,.1) !important; color: var(--txt1); } [data-theme="purple-glass"] .ch-settings-header-name { color: var(--txt1) !important; } [data-theme="purple-glass"] .ch-settings-section-title::after { background: linear-gradient(90deg, var(--accent), #9333ea); } [data-theme="purple-glass"] .ch-category-header { color: var(--txt2); } [data-theme="purple-glass"] .ch-channel-row { color: var(--txt2); } [data-theme="purple-glass"] .ch-channel-row:hover { background: rgba(168,85,247,.05); color: var(--txt1); } [data-theme="purple-glass"] .category-name { color: var(--txt2); } [data-theme="purple-glass"] .category-header:hover .category-name { color: var(--accent); } [data-theme="gradient"] .ch-settings-modal { background: rgba(18,8,40,.95) !important; border-color: rgba(139,92,246,.1) !important; color: var(--txt1); } [data-theme="gradient"] .ch-settings-header-name { color: var(--txt1) !important; } [data-theme="gradient"] .ch-settings-section-title::after { background: linear-gradient(90deg, var(--accent), #ec4899); } [data-theme="gradient"] .ch-category-header { color: var(--txt2); } [data-theme="gradient"] .ch-channel-row { color: var(--txt2); } [data-theme="gradient"] .ch-channel-row:hover { background: rgba(139,92,246,.05); color: var(--txt1); } [data-theme="gradient"] .ch-channel-row.active { background: rgba(139,92,246,.1); color: var(--accent); } [data-theme="gradient"] .category-name { color: var(--txt2); } [data-theme="gradient"] .category-header:hover .category-name { color: var(--accent); } [data-theme="dark-glass"] .ch-settings-modal { background: rgba(10,10,15,.96) !important; border-color: rgba(255,255,255,.1) !important; color: var(--txt1); } [data-theme="dark-glass"] .ch-settings-header-name { color: var(--txt1) !important; } [data-theme="dark-glass"] .ch-settings-section-title::after { background: linear-gradient(90deg, var(--accent), #7289da); } [data-theme="dark-glass"] .ch-category-header { color: var(--txt2); } [data-theme="dark-glass"] .ch-channel-row { color: var(--txt2); } [data-theme="dark-glass"] .ch-channel-row:hover { background: rgba(255,255,255,.04); color: var(--txt1); } [data-theme="dark-glass"] .category-name { color: var(--txt2); } [data-theme="dark-glass"] .category-header:hover .category-name { color: var(--accent); } [data-theme="light"] [style*="color:#fff"], [data-theme="light"] [style*="color: white"], [data-theme="light"] [style*="color:white"] { color: var(--txt1) !important; } [data-theme="light"] [style*="color:rgba(255,255,255"], [data-theme="light"] [style*="color: rgba(255,255,255"] { color: var(--txt2) !important; } [data-theme="light"] [style*="background:rgba(255,255,255"], [data-theme="light"] [style*="background: rgba(255,255,255"] { background: rgba(0,0,0,.03) !important; } [data-theme="light"] [style*="border:1px solid rgba(255,255,255"], [data-theme="light"] [style*="border: 1px solid rgba(255,255,255"] { border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] [style*="stroke:rgba(255,255,255"], [data-theme="light"] [style*="stroke: rgba(255,255,255"] { stroke: var(--txt3) !important; } .av-theme-picker-card { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 16px; padding: 20px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .av-theme-picker-title svg { opacity: .5; } .av-theme-card { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 14px 10px 12px; background: var(--field-bg); border: 2px solid var(--card-border); border-radius: 14px; cursor: pointer; transition: all .25s cubic-bezier(.4,0,.2,1); user-select: none; } .av-theme-card:hover { border-color: var(--card-hover-border); background: var(--glass-h); transform: translateY(-2px); box-shadow: var(--shadow-sm); } .av-theme-card.active { border-color: var(--accent); background: rgba(99,102,241,.08); box-shadow: 0 0 20px rgba(99,102,241,.15); } .av-theme-preview-lines span { height: 3px; border-radius: 2px; background: rgba(255,255,255,.2); } .av-theme-preview-lines span:first-child { width: 80%; } .av-theme-preview-lines span:nth-child(2) { width: 60%; } .av-theme-preview-lines span:nth-child(3) { width: 40%; } .av-theme-preview--dark { background: linear-gradient(135deg, #0a0a0f, #1a1a24); } .av-theme-preview--dark .av-theme-preview-lines span { background: rgba(255,255,255,.15); } .av-theme-preview--light .av-theme-preview-lines span { background: rgba(0,0,0,.1); } .av-theme-preview--blu .av-theme-preview-lines span { background: rgba(100,180,255,.15); } .av-theme-preview--purple .av-theme-preview-lines span { background: rgba(168,85,247,.15); } .av-theme-preview--gradient .av-theme-preview-lines span { background: rgba(255,255,255,.25); } .av-theme-preview--dark-glass .av-theme-preview-lines span { background: rgba(255,255,255,.1); } .av-theme-card.active .av-theme-card-label { color: var(--accent); } [data-theme="light"] .av-glass-modal div, [data-theme="light"] .av-glass-modal span, [data-theme="light"] .av-glass-modal p, [data-theme="light"] .av-glass-modal label, [data-theme="light"] .av-glass-modal h1, [data-theme="light"] .av-glass-modal h2, [data-theme="light"] .av-glass-modal h3, [data-theme="light"] .av-glass-modal h4, [data-theme="light"] .av-glass-modal li { color: var(--txt1); } [data-theme="light"] .av-glass-modal .av-hint { color: var(--txt2) !important; } [data-theme="light"] .av-glass-modal .av-input { color: var(--txt1); } [data-theme="light"] .av-glass-modal .av-input::placeholder { color: var(--txt3); } [data-theme="light"] .av-glass-modal .ch-color-input { color: var(--txt1); } [data-theme="light"] .av-glass-modal .av-select { color: var(--txt1); } [data-theme="light"] .av-glass-modal .av-type-card .av-type-name { color: var(--txt1); } [data-theme="light"] .av-glass-modal .av-type-card .av-type-desc { color: var(--txt2); } [data-theme="light"] .av-glass-modal .av-btn-create { color: #fff; } [data-theme="light"] .av-glass-modal .av-btn-save { color: #fff; } [data-theme="light"] .av-glass-modal .av-btn-danger { color: #dc2626; } [data-theme="light"] .av-glass-modal .av-info-value { color: var(--txt1); } [data-theme="light"] .av-glass-modal .av-info-label { color: var(--txt2); } [data-theme="blu-glass"] .av-theme-picker-title { color: var(--txt1); } [data-theme="blu-glass"] .av-theme-picker-subtitle { color: var(--txt2); } [data-theme="blu-glass"] .av-theme-card-label { color: var(--txt1); } [data-theme="blu-glass"] .av-theme-card-sub { color: var(--txt2); } [data-theme="purple-glass"] .av-theme-picker-title { color: var(--txt1); } [data-theme="purple-glass"] .av-theme-picker-subtitle { color: var(--txt2); } [data-theme="purple-glass"] .av-theme-card-label { color: var(--txt1); } [data-theme="purple-glass"] .av-theme-card-sub { color: var(--txt2); } [data-theme="gradient"] .av-theme-picker-title { color: var(--txt1); } [data-theme="gradient"] .av-theme-picker-subtitle { color: var(--txt2); } [data-theme="gradient"] .av-theme-card-label { color: var(--txt1); } [data-theme="gradient"] .av-theme-card-sub { color: var(--txt2); } [data-theme="dark-glass"] .av-theme-picker-title { color: var(--txt1); } [data-theme="dark-glass"] .av-theme-picker-subtitle { color: var(--txt2); } [data-theme="dark-glass"] .av-theme-card-label { color: var(--txt1); } [data-theme="dark-glass"] .av-theme-card-sub { color: var(--txt2); } [data-theme="light"] .ch-settings-modal *:not(.av-btn-create):not(.av-btn-save):not(.av-btn-danger):not(input):not(.ch-color-input) { color: var(--txt1); } [data-theme="light"] .ch-settings-modal .av-label, [data-theme="light"] .ch-settings-modal .ch-settings-iconbar-title, [data-theme="light"] .ch-settings-modal .ch-settings-section-title { color: var(--txt2) !important; } [data-theme="light"] .ch-settings-modal .ch-settings-header-type, [data-theme="light"] .ch-settings-modal .channel-row-topic { color: var(--txt2) !important; } [data-theme="light"] .ch-chat-back { background: rgba(0,0,0,.04) !important; border: 1px solid rgba(0,0,0,.1) !important; color: var(--txt2) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } [data-theme="light"] .ch-chat-back:hover { background: rgba(79,70,229,.08) !important; border-color: rgba(79,70,229,.2) !important; color: var(--accent) !important; } [data-theme="light"] .ch-chat-header { background: rgba(255,255,255,.85) !important; border-bottom-color: rgba(0,0,0,.08) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; } [data-theme="light"] .ch-chat-header::after { background: linear-gradient(90deg, transparent, rgba(79,70,229,.2), rgba(99,102,241,.15), transparent) !important; } [data-theme="light"] .ch-chat-channel-icon { background: rgba(79,70,229,.08) !important; color: var(--accent) !important; } [data-theme="light"] .ch-chat-channel-name { color: var(--txt1) !important; } [data-theme="light"] .ch-chat-channel-topic { color: var(--txt2) !important; } [data-theme="light"] .ch-chat-header-actions button { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-header-actions button:hover { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; } [data-theme="light"] .msg-group.msg-other .msg-text { background: rgba(0,0,0,.05) !important; color: var(--txt1) !important; } [data-theme="light"] .msg-group.msg-other:hover { background: rgba(0,0,0,.02) !important; } [data-theme="light"] .msg-group.msg-other .msg-name { color: var(--txt1) !important; } [data-theme="light"] .msg-group.msg-other .msg-time { color: var(--txt3) !important; } [data-theme="light"] .msg-other-cont > .msg-text, [data-theme="light"] .msg-other-cont > div:not(.msg-reactions):not(.msg-compact-header) { background: rgba(0,0,0,.05) !important; color: var(--txt1) !important; } [data-theme="light"] .msg-other-cont .msg-time-inside { color: rgba(15,23,42,.4) !important; } [data-theme="light"] .msg-other-cont .msg-name-compact { color: var(--txt1) !important; } [data-theme="light"] .msg-name { color: var(--txt1) !important; } [data-theme="light"] .msg-time { color: var(--txt3) !important; } [data-theme="light"] .msg-group.msg-mine .msg-text, [data-theme="light"] .msg-mine-cont .msg-text, [data-theme="light"] .msg-mine-cont > .msg-text, [data-theme="light"] .msg-mine-cont > div:not(.msg-reactions):not(.msg-compact-header) { background: linear-gradient(135deg, #4f46e5, #6366f1) !important; color: #fff !important; } [data-theme="light"] .msg-group.msg-mine .msg-text a, [data-theme="light"] .msg-mine-cont .msg-text a { color: #c9d2ff !important; } [data-theme="light"] .msg-group.msg-mine:hover { background: rgba(79,70,229,.04) !important; } [data-theme="light"] .msg-mine-cont .msg-time-inside { color: rgba(255,255,255,.6) !important; } [data-theme="light"] .msg-time-mine { color: var(--txt3) !important; } [data-theme="light"] .notes-panel { background: linear-gradient(180deg, #f8f9fc 0%, #eef0f6 100%) !important; border-left-color: rgba(79,70,229,.2) !important; box-shadow: -8px 0 40px rgba(0,0,0,.08), inset 1px 0 0 rgba(0,0,0,.03) !important; } [data-theme="light"] .notes-panel::before { background: linear-gradient(90deg, transparent, rgba(79,70,229,.3), transparent) !important; } [data-theme="light"] .notes-panel.open::after { background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(79,70,229,.06) 0%, transparent 50%) !important; } [data-theme="light"] .notes-header { background: rgba(238,240,246,.85) !important; backdrop-filter: blur(10px) !important; border-bottom-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .notes-header::before { background: linear-gradient(135deg, rgba(79,70,229,.06) 0%, transparent 50%) !important; } [data-theme="light"] .notes-header button { background: rgba(220,38,38,.08) !important; border-color: rgba(220,38,38,.2) !important; color: var(--red) !important; } [data-theme="light"] .notes-header button:hover { background: rgba(220,38,38,.15) !important; border-color: rgba(220,38,38,.35) !important; color: #dc2626 !important; box-shadow: 0 0 15px rgba(220,38,38,.15) !important; } [data-theme="light"] .notes-toolbar { border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .notes-toolbar button { background: linear-gradient(135deg, rgba(79,70,229,.08), rgba(79,70,229,.04)) !important; border-color: rgba(79,70,229,.2) !important; color: var(--accent) !important; } [data-theme="light"] .notes-toolbar button:hover { box-shadow: 0 4px 15px rgba(79,70,229,.15) !important; border-color: rgba(79,70,229,.35) !important; } [data-theme="light"] .notes-toolbar button::before { background: rgba(79,70,229,.15) !important; } [data-theme="light"] #notesContent { color: var(--txt1) !important; } [data-theme="light"] #notesContent::-webkit-scrollbar-track { background: rgba(0,0,0,.04) !important; } [data-theme="light"] #notesContent::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(79,70,229,.25), rgba(99,102,241,.2)) !important; } [data-theme="light"] #notesContent:empty::before { color: var(--txt3) !important; } [data-theme="light"] .ch-media-panel, [data-theme="light"] .ch-links-panel, [data-theme="light"] .ch-right-panel { background: rgba(248,249,252,.95) !important; border-left-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .ch-media-panel-title, [data-theme="light"] .ch-links-panel-title, [data-theme="light"] .ch-right-panel-title { color: var(--txt1) !important; } [data-theme="light"] .ch-media-tabs button { color: var(--txt2) !important; } [data-theme="light"] .ch-media-tabs button.active { color: var(--accent) !important; border-bottom-color: var(--accent) !important; } [data-theme="light"] .ch-media-item { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-media-item:hover { border-color: rgba(0,0,0,.12) !important; } [data-theme="light"] .ch-link-item { border-bottom-color: rgba(0,0,0,.05) !important; } [data-theme="light"] .ch-link-item:hover { background: rgba(0,0,0,.02) !important; } [data-theme="light"] .ch-link-url { color: var(--accent) !important; } [data-theme="light"] .ch-link-text { color: var(--txt2) !important; } [data-theme="light"] .ch-media-empty { color: var(--txt2) !important; } [data-theme="light"] #channelChatOverlay { background: linear-gradient(180deg, var(--bg2) 0%, var(--bg1) 50%, var(--bg0) 100%) !important; } [data-theme="light"] .ch-chat-messages { background: var(--bg2) !important; } [data-theme="light"] .ch-chat-input-area { background: rgba(248,249,252,.9) !important; border-top-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-chat-input-wrap input { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-chat-input-wrap input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-send-btn { background: linear-gradient(135deg, #4f46e5, #6366f1) !important; color: #fff !important; } [data-theme="light"] .ch-chat-attach-btn { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-attach-btn:hover { color: var(--accent) !important; } [data-theme="light"] .server-card { background: rgba(255,255,255,.7) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .server-card:hover { border-color: rgba(0,0,0,.15) !important; box-shadow: 0 8px 32px rgba(0,0,0,.08) !important; } [data-theme="light"] .server-card::after { opacity: 0 !important; } [data-theme="light"] .server-card-header { background: linear-gradient(135deg, rgba(79,70,229,.06), rgba(99,102,241,.04)) !important; } [data-theme="light"] .server-card-header::before { display: none !important; } [data-theme="light"] .server-card-name { color: var(--txt1) !important; text-shadow: none !important; } [data-theme="light"] .server-card-meta { color: var(--txt2) !important; } [data-theme="light"] .server-card-icon { background: linear-gradient(135deg, rgba(79,70,229,.1), rgba(99,102,241,.08)) !important; box-shadow: 0 2px 8px rgba(0,0,0,.08) !important; } [data-theme="light"] .server-card-actions button { color: var(--txt2) !important; } [data-theme="light"] .channel-type-badge.text { background: rgba(79,70,229,.1) !important; color: #4f46e5 !important; box-shadow: none !important; } [data-theme="light"] .channel-type-badge.voice { background: rgba(22,163,74,.1) !important; color: #16a34a !important; box-shadow: none !important; } [data-theme="light"] .channel-type-badge.announcement { background: rgba(217,119,6,.1) !important; color: #d97706 !important; box-shadow: none !important; } [data-theme="light"] .channel-type-badge.stage { background: rgba(219,39,119,.1) !important; color: #db2777 !important; box-shadow: none !important; } [data-theme="light"] .channel-row { color: var(--txt2) !important; } [data-theme="light"] .channel-row:hover { background: rgba(0,0,0,.03) !important; } [data-theme="light"] .channel-row.active { background: rgba(79,70,229,.06) !important; } [data-theme="light"] .channel-row-name { color: var(--txt1) !important; } [data-theme="light"] .channel-row-topic { color: var(--txt3) !important; } [data-theme="light"] .channel-hash { color: var(--txt3) !important; } [data-theme="light"] .category-name { color: rgba(15,23,42,.5) !important; } [data-theme="light"] .category-arrow { color: var(--txt3) !important; } [data-theme="light"] .category-add-btn { color: var(--txt3) !important; } [data-theme="light"] .category-add-btn:hover { color: var(--accent) !important; background: rgba(79,70,229,.08) !important; } [data-theme="light"] .server-members-label { color: var(--txt3) !important; } [data-theme="light"] .server-member-role.member { background: rgba(0,0,0,.05) !important; color: var(--txt3) !important; } [data-theme="light"] .server-member-role.owner { background: rgba(217,119,6,.1) !important; color: #d97706 !important; } [data-theme="light"] .server-member-role.admin { background: rgba(220,38,38,.08) !important; color: #dc2626 !important; } [data-theme="light"] .server-member-role.moderator { background: rgba(79,70,229,.08) !important; color: #4f46e5 !important; } [data-theme="light"] .server-member-avatar { background: linear-gradient(135deg, rgba(79,70,229,.1), rgba(99,102,241,.08)) !important; box-shadow: none !important; } [data-theme="light"] .voice-user-dot { box-shadow: none !important; } [data-theme="light"] .server-icon-opt { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; backdrop-filter: none !important; } [data-theme="light"] .server-icon-opt:hover { background: rgba(0,0,0,.06) !important; border-color: rgba(0,0,0,.15) !important; box-shadow: none !important; } [data-theme="light"] .server-icon-opt.active { border-color: var(--accent) !important; background: rgba(79,70,229,.1) !important; box-shadow: none !important; } [data-theme="light"] .ch-settings-header-type { color: var(--txt3) !important; } [data-theme="light"] .ch-settings-header-icon { background: linear-gradient(135deg, rgba(79,70,229,.1), rgba(99,102,241,.08)) !important; box-shadow: 0 2px 8px rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-settings-content { background: transparent !important; } [data-theme="light"] .ch-role-name { color: var(--txt1) !important; } [data-theme="light"] .ch-role-item.allowed { border-color: rgba(79,70,229,.3) !important; background: rgba(79,70,229,.04) !important; box-shadow: none !important; } [data-theme="light"] .ch-role-dot { box-shadow: none !important; } [data-theme="light"] .ch-role-item.allowed .ch-role-check { background: linear-gradient(135deg, #4f46e5, #6366f1) !important; border-color: #4f46e5 !important; box-shadow: none !important; } [data-theme="light"] .ch-participant-name { color: var(--txt1) !important; } [data-theme="light"] .ch-participant-avatar { background: linear-gradient(135deg, rgba(79,70,229,.1), rgba(99,102,241,.08)) !important; box-shadow: none !important; } [data-theme="light"] .ch-participant-role-select { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-participant-kick { background: rgba(220,38,38,.06) !important; border-color: rgba(220,38,38,.12) !important; color: #dc2626 !important; } [data-theme="light"] .ch-participant-kick:hover { background: rgba(220,38,38,.12) !important; box-shadow: none !important; } [data-theme="light"] .ch-participants-count { color: var(--txt2) !important; background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.1) !important; } [data-theme="light"] .ch-participant-item { background: rgba(255,255,255,.6) !important; } [data-theme="light"] .ch-participant-item:hover { background: rgba(255,255,255,.8) !important; box-shadow: 0 2px 8px rgba(0,0,0,.06) !important; } [data-theme="light"] .av-glass-modal .av-input-prefix { color: rgba(15,23,42,.25) !important; } [data-theme="light"] .av-glass-modal .av-input-suffix { color: rgba(15,23,42,.2) !important; } [data-theme="light"] .av-glass-modal .av-type-name { color: var(--txt1) !important; } [data-theme="light"] .av-glass-modal .av-type-desc { color: var(--txt3) !important; } [data-theme="light"] .av-glass-modal .av-select { color: var(--txt1) !important; } [data-theme="light"] .av-glass-modal .av-select option { background: #fff !important; color: var(--txt1) !important; } [data-theme="light"] .av-glass-modal h2, [data-theme="light"] .av-glass-modal h3, [data-theme="light"] .av-glass-modal .modal-title { color: var(--txt1) !important; } [data-theme="light"] .av-glass-modal p { color: var(--txt2) !important; } [data-theme="light"] .av-glass-modal .modal-close { color: var(--txt3) !important; } [data-theme="light"] .av-glass-modal .modal-close:hover { color: var(--txt1) !important; } [data-theme="light"] .av-glass-modal .server-type-label { color: var(--txt1) !important; } [data-theme="light"] .av-glass-modal .server-type-desc { color: var(--txt2) !important; } [data-theme="light"] .av-glass-modal .public-server-text { color: var(--txt1) !important; } [data-theme="light"] .av-glass-modal .private-server-text { color: var(--txt2) !important; } [data-theme="light"] .av-glass-modal *:not(.av-btn-create):not(.av-btn-save):not(.av-btn-danger):not(.av-type-icon):not(input):not(select):not(textarea) { border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .friend-card { background: rgba(255,255,255,.65) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .friend-card:hover { border-color: rgba(0,0,0,.12) !important; background: rgba(255,255,255,.85) !important; } [data-theme="light"] .friend-card-name { color: var(--txt1) !important; } [data-theme="light"] .friend-card-status { color: var(--txt2) !important; } [data-theme="light"] .friend-card-status.online { color: var(--green) !important; } [data-theme="light"] .friend-card-status.offline { color: var(--txt3) !important; } [data-theme="light"] .friend-card-last { color: var(--txt3) !important; } [data-theme="light"] .friend-card-actions button { color: var(--txt3) !important; background: rgba(0,0,0,.03) !important; } [data-theme="light"] .friend-card-actions button:hover { color: var(--accent) !important; background: rgba(79,70,229,.08) !important; } [data-theme="light"] .friend-card-avatar .online-dot { border-color: #f8f9fc !important; } [data-theme="light"] .friend-card-avatar .offline-dot { border-color: #f8f9fc !important; } [data-theme="light"] .your-id-card { background: rgba(255,255,255,.65) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .your-id-label { color: var(--txt3) !important; } [data-theme="light"] .your-id-val { color: var(--txt1) !important; } [data-theme="light"] .copy-btn { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.12) !important; } [data-theme="light"] .copy-btn:hover { color: #4f46e5 !important; background: rgba(79,70,229,.12) !important; } [data-theme="light"] .friends-grid { background: transparent !important; } [data-theme="light"] .nav-item { color: var(--txt2) !important; } [data-theme="light"] .nav-item:hover { background: rgba(79,70,229,.06) !important; color: var(--accent) !important; } [data-theme="light"] .nav-item.active { background: rgba(79,70,229,.1) !important; color: var(--accent) !important; } [data-theme="light"] .nav-item-icon { color: inherit !important; } [data-theme="light"] .nav-badge { background: rgba(220,38,38,.1) !important; color: #dc2626 !important; } [data-theme="light"] .page-header-icon { background: linear-gradient(135deg, rgba(79,70,229,.12), rgba(99,102,241,.08)) !important; box-shadow: 0 2px 8px rgba(0,0,0,.06) !important; } [data-theme="light"] .page-title { color: var(--txt1) !important; } [data-theme="light"] .grid-loading { color: var(--txt2) !important; } [data-theme="light"] .spinner { border-color: rgba(0,0,0,.1) !important; border-top-color: var(--accent) !important; } [data-theme="light"] .dm-empty-state { color: var(--txt2) !important; } [data-theme="light"] .dm-empty-state svg { color: var(--txt3) !important; } [data-theme="light"] .dm-empty-state-icon { color: var(--txt3) !important; } [data-theme="light"] .blocked-empty { color: var(--txt2) !important; } [data-theme="light"] .blocked-empty svg { color: var(--txt3) !important; } [data-theme="light"] .dm-tab-v2 { color: var(--txt2) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .dm-tab-v2.active { color: var(--accent) !important; border-color: var(--accent) !important; background: rgba(79,70,229,.06) !important; } [data-theme="light"] .dm-tab-v2.blocked { color: var(--txt2) !important; } [data-theme="light"] .dm-tab-v2.blocked.active { color: #dc2626 !important; border-color: #dc2626 !important; background: rgba(220,38,38,.06) !important; } [data-theme="light"] .dm-page-title { color: var(--txt1) !important; } [data-theme="light"] .dm-page-subtitle { color: var(--txt2) !important; } [data-theme="light"] .dm-conv-list { background: transparent !important; } [data-theme="light"] .dm-conv-item { border-color: rgba(0,0,0,.05) !important; background: rgba(255,255,255,.5) !important; } [data-theme="light"] .dm-conv-item:hover { background: rgba(255,255,255,.7) !important; border-color: rgba(0,0,0,.1) !important; } [data-theme="light"] .dm-conv-item.active { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.15) !important; } [data-theme="light"] .dm-conv-name { color: var(--txt1) !important; } [data-theme="light"] .dm-conv-lastseen-text { color: var(--txt2) !important; } [data-theme="light"] .dm-conv-lastmsg { color: var(--txt3) !important; } [data-theme="light"] .dm-conv-avatar { background: linear-gradient(135deg, rgba(79,70,229,.1), rgba(99,102,241,.08)) !important; } [data-theme="light"] .dm-conv-avatar .online-dot { border-color: #f8f9fc !important; } [data-theme="light"] .dm-conv-unread { background: #dc2626 !important; color: #fff !important; } [data-theme="light"] .dm-search-wrap input { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .dm-search-wrap input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .dm-search-wrap svg { color: var(--txt3) !important; } [data-theme="light"] .dm-conv-menu-btn { color: var(--txt3) !important; } [data-theme="light"] .dm-conv-menu-btn:hover { color: var(--txt1) !important; background: rgba(0,0,0,.06) !important; } [data-theme="light"] .av2-hero-banner-btn { background: rgba(0,0,0,.06) !important; backdrop-filter: blur(8px) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt2) !important; } [data-theme="light"] .av2-hero-banner-btn:hover { background: rgba(0,0,0,.1) !important; color: var(--txt1) !important; } [data-theme="light"] .profile-avatar-lg { border-color: #f8f9fc !important; box-shadow: 0 4px 16px rgba(0,0,0,.12) !important; } [data-theme="light"] .profile-banner::after { background: linear-gradient(transparent, rgba(248,249,252,.9)) !important; } [data-theme="light"] .profile-name { background: linear-gradient(135deg, #0f172a, rgba(15,23,42,.8)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } [data-theme="light"] .profile-edit-btn { background: rgba(255,255,255,.8) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt2) !important; } [data-theme="light"] .profile-edit-btn:hover { background: rgba(255,255,255,.95) !important; color: var(--txt1) !important; } [data-theme="light"] .profile-tag.status-tag { background: rgba(79,70,229,.08) !important; color: #4f46e5 !important; } [data-theme="light"] .profile-tag.online { background: rgba(22,163,74,.08) !important; color: #16a34a !important; } [data-theme="light"] .profile-tag.premium { background: rgba(217,119,6,.08) !important; color: #d97706 !important; } [data-theme="light"] .gen-text-input { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt1) !important; } [data-theme="light"] .gen-text-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(79,70,229,.12) !important; } [data-theme="light"] .gen-text-input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .gen-animal-opt { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .gen-animal-opt:hover { background: rgba(0,0,0,.06) !important; border-color: rgba(0,0,0,.12) !important; } [data-theme="light"] .gen-animal-opt.selected { background: rgba(79,70,229,.08) !important; border-color: rgba(79,70,229,.4) !important; box-shadow: 0 0 8px rgba(79,70,229,.1) !important; } [data-theme="light"] .gen-palette-opt { background: rgba(0,0,0,.02) !important; border-color: rgba(0,0,0,.06) !important; color: var(--txt2) !important; } [data-theme="light"] .gen-palette-opt:hover { background: rgba(0,0,0,.05) !important; border-color: rgba(0,0,0,.1) !important; } [data-theme="light"] .gen-palette-opt.selected { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.3) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-settings-modal { background: rgba(255,255,255,.95) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 24px 80px rgba(0,0,0,.08) !important; backdrop-filter: blur(20px) !important; } [data-theme="light"] .ch-settings-modal::before { display: none !important; } [data-theme="light"] .ch-settings-modal *:not(.av-btn-create):not(.av-btn-save):not(.av-btn-danger):not(.ch-color-swatch):not(.ch-color-swatch *) { border-color: rgba(0,0,0,.06); } [data-theme="light"] .ch-detail-channels { background: rgba(0,0,0,.02) !important; } [data-theme="light"] .av-detail-cat { color: var(--txt2) !important; } [data-theme="light"] .av-detail-ch { color: var(--txt2) !important; } [data-theme="light"] .av-detail-ch:hover { background: rgba(0,0,0,.04) !important; } [data-theme="light"] .av-detail-ch span { color: var(--txt3) !important; } [data-theme="light"] .av-detail-member-name { color: var(--txt1) !important; } [data-theme="light"] .av-detail-member-role.owner { background: rgba(217,119,6,.1) !important; color: #d97706 !important; } [data-theme="light"] .av-detail-member-role.admin { background: rgba(220,38,38,.08) !important; color: #dc2626 !important; } [data-theme="light"] .av-detail-member-role.moderator { background: rgba(79,70,229,.08) !important; color: #4f46e5 !important; } [data-theme="light"] .av-detail-member-role.member { background: rgba(0,0,0,.04) !important; color: var(--txt3) !important; } [data-theme="light"] .av-detail-member-av { box-shadow: none !important; } [data-theme="light"] #ctxMenu { background: rgba(255,255,255,.96) !important; border-color: rgba(0,0,0,.1) !important; box-shadow: 0 8px 40px rgba(0,0,0,.12) !important; } [data-theme="light"] #ctxMenu > div { color: var(--txt1) !important; } [data-theme="light"] .date-separator { border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .date-separator span { background: var(--bg2) !important; color: var(--txt2) !important; } [data-theme="light"] .voice-message { background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .voice-message .play-btn { background: var(--accent) !important; } [data-theme="light"] .voice-waveform-bar { background: var(--accent) !important; opacity: .4 !important; } [data-theme="light"] .voice-message .voice-duration { color: var(--txt3) !important; } [data-theme="light"] .img-preview { border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .av-skel { background: linear-gradient(90deg, rgba(0,0,0,.03) 25%, rgba(0,0,0,.06) 50%, rgba(0,0,0,.03) 75%) !important; background-size: 200% 100% !important; } [data-theme="light"] .av-skel-circle { background: linear-gradient(90deg, rgba(0,0,0,.03) 25%, rgba(0,0,0,.06) 50%, rgba(0,0,0,.03) 75%) !important; background-size: 200% 100% !important; } [data-theme="light"] .dm-input-area { background: rgba(248,249,252,.9) !important; border-top-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .dm-input-wrap input { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .dm-input-wrap input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .dm-send-btn { background: linear-gradient(135deg, #4f46e5, #6366f1) !important; color: #fff !important; } [data-theme="light"] .dm-attach-btn { color: var(--txt3) !important; } [data-theme="light"] .account-friends-search { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .account-friends-search:focus-within { border-color: rgba(79,70,229,.5) !important; } [data-theme="light"] .account-friends-search svg { color: var(--txt3) !important; } [data-theme="light"] .account-friends-search input { color: var(--txt1) !important; } [data-theme="light"] .account-friends-search input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .profile-banner-upload { background: rgba(0,0,0,.4) !important; border-color: rgba(255,255,255,.2) !important; } [data-theme="light"] .profile-banner-upload:hover { background: rgba(0,0,0,.6) !important; } [data-theme="light"] .avatar-upload-overlay { background: rgba(0,0,0,.5) !important; } [data-theme="light"] .av-info-card { background: rgba(255,255,255,.6) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .av-info-label { color: var(--txt2) !important; } [data-theme="light"] .av-info-value { color: var(--txt1) !important; } [data-theme="light"] .account-server-role.owner { background: rgba(217,119,6,.1) !important; color: #d97706 !important; } [data-theme="light"] .account-server-role.member { background: rgba(0,0,0,.04) !important; color: var(--txt3) !important; } [data-theme="light"] .account-server-invite code { background: rgba(79,70,229,.06) !important; color: var(--accent) !important; } [data-theme="light"] .sidebar-divider { border-top-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .divider-label { color: var(--txt3) !important; } [data-theme="light"] .divider-add { color: var(--txt3) !important; } [data-theme="light"] .divider-add:hover { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; } [data-theme="light"] .user-name { color: var(--txt1) !important; } [data-theme="light"] .user-id { color: var(--txt3) !important; } [data-theme="light"] .user-status-dot.online { background: var(--green) !important; box-shadow: 0 0 6px rgba(22,163,74,.4) !important; } [data-theme="light"] .ctrl-btn { color: var(--txt3) !important; border-color: rgba(0,0,0,.1) !important; background: rgba(0,0,0,.04) !important; } [data-theme="light"] .ctrl-btn:hover { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.15) !important; } [data-theme="light"] .av-toast-v2 { box-shadow: 0 8px 32px rgba(0,0,0,.1) !important; } [data-theme="light"] .av-notif-panel { background: rgba(255,255,255,.96) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 12px 48px rgba(0,0,0,.1) !important; } [data-theme="light"] .av-notif-header { border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .av-notif-header-title { color: var(--txt1) !important; } [data-theme="light"] .av-notif-header-icon { color: var(--accent) !important; } [data-theme="light"] .av-notif-item { background: rgba(255,255,255,.6) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .av-notif-item.unread { background: rgba(79,70,229,.04) !important; } [data-theme="light"] .av-notif-item-icon { color: var(--txt2) !important; } [data-theme="light"] .av-notif-empty-icon { color: var(--txt3) !important; } [data-theme="light"] .av-notif-empty-text { color: var(--txt2) !important; } [data-theme="light"] .dm-item { color: var(--txt2) !important; } [data-theme="light"] .dm-item:hover { background: var(--hover) !important; } [data-theme="light"] .dm-item.active { background: var(--active) !important; } [data-theme="light"] .dm-item:hover .dm-name, [data-theme="light"] .dm-item.active .dm-name { color: var(--txt1) !important; } [data-theme="light"] .dm-name { color: var(--txt1) !important; } [data-theme="light"] .dm-sub { color: var(--txt3) !important; } [data-theme="light"] .dm-close { color: var(--txt3) !important; } [data-theme="light"] .dm-close:hover { color: var(--txt1) !important; background: var(--hover) !important; } [data-theme="light"] .support-card { background: rgba(255,255,255,.65) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .support-card h3 { color: var(--txt1) !important; } [data-theme="light"] .support-card p { color: var(--txt2) !important; } [data-theme="light"] .support-card-btn { color: var(--accent) !important; } [data-theme="light"] .tickets-empty { background: rgba(0,0,0,.02) !important; border-color: rgba(0,0,0,.06) !important; color: var(--txt2) !important; } [data-theme="light"] .news-card { background: rgba(255,255,255,.65) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .news-card-title { color: var(--txt1) !important; } [data-theme="light"] .news-card-text { color: var(--txt2) !important; } [data-theme="light"] .news-card-meta { color: var(--txt3) !important; } [data-theme="light"] .blog-post { background: rgba(255,255,255,.65) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-post-title { color: var(--txt1) !important; } [data-theme="light"] .blog-post-content { color: var(--txt2) !important; } [data-theme="light"] .server-sep { background: rgba(0,0,0,.08) !important; } [data-theme="light"] .server-icon.add { color: var(--green) !important; background: rgba(22,163,74,.06) !important; border-color: rgba(22,163,74,.12) !important; } [data-theme="light"] .server-icon.add:hover { background: rgba(22,163,74,.12) !important; border-color: rgba(22,163,74,.2) !important; color: #16a34a !important; } [data-theme="light"] .server-icon.join { color: var(--green) !important; background: rgba(22,163,74,.06) !important; border-color: rgba(22,163,74,.12) !important; } [data-theme="light"] .server-icon.join:hover { background: rgba(22,163,74,.12) !important; border-color: rgba(22,163,74,.2) !important; color: #16a34a !important; } [data-theme="light"] .server-icon.admin { color: var(--yellow) !important; background: rgba(217,119,6,.06) !important; border-color: rgba(217,119,6,.12) !important; } [data-theme="light"] .server-icon.home { background: var(--accent) !important; color: #fff !important; } [data-theme="light"] .server-icon.home:hover { background: var(--accent) !important; } [data-theme="light"] .icon-glow { background: rgba(79,70,229,.15) !important; } [data-theme="light"] .server-icon .icon-glow { display: none !important; } [data-theme="light"] .brand-name { color: var(--txt1) !important; } [data-theme="light"] .brand-tag { color: var(--txt3) !important; } [data-theme="light"] #channelChatOverlay::before, [data-theme="light"] .av-glass-modal::before { display: none !important; } [data-theme="light"] .ch-detail-cat { color: var(--txt2) !important; } [data-theme="light"] .ch-detail-cat-label { color: var(--txt2) !important; } [data-theme="light"] .dm-page-header, [data-theme="light"] .dm-header { background: linear-gradient(135deg, rgba(79,70,229,.08), rgba(99,102,241,.04)) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .dm-page-title, [data-theme="light"] .dm-header-title { color: var(--txt1) !important; text-shadow: none !important; } [data-theme="light"] .dm-page-subtitle, [data-theme="light"] .dm-header-subtitle { color: var(--txt2) !important; text-shadow: none !important; } [data-theme="light"] .dm-tabs, [data-theme="light"] .dm-tab-bar { border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .dm-tab { color: var(--txt3) !important; border-bottom-color: transparent !important; } [data-theme="light"] .dm-tab:hover { color: var(--txt2) !important; border-bottom-color: rgba(0,0,0,.1) !important; } [data-theme="light"] .dm-tab.active { color: var(--accent) !important; border-bottom-color: var(--accent) !important; } [data-theme="light"] .page-tabs, [data-theme="light"] .server-tabs { border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .page-tab, [data-theme="light"] .server-tab { color: var(--txt3) !important; background: rgba(0,0,0,.02) !important; border: 1px solid rgba(0,0,0,.06) !important; } [data-theme="light"] .page-tab:hover, [data-theme="light"] .server-tab:hover { color: var(--txt1) !important; background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.1) !important; } [data-theme="light"] .page-tab.active, [data-theme="light"] .server-tab.active { color: #fff !important; background: var(--accent) !important; border-color: var(--accent) !important; } [data-theme="light"] .server-search, [data-theme="light"] .page-search { background: rgba(0,0,0,.02) !important; border: 1px solid rgba(0,0,0,.08) !important; } [data-theme="light"] .server-search input, [data-theme="light"] .page-search input { background: transparent !important; color: var(--txt1) !important; border: none !important; } [data-theme="light"] .server-search input::placeholder, [data-theme="light"] .page-search input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .server-search-btn, [data-theme="light"] .page-search-btn { background: var(--accent) !important; color: #fff !important; border: none !important; } [data-theme="light"] .server-tag, [data-theme="light"] .server-badge-public, [data-theme="light"] .server-badge-member { background: rgba(79,70,229,.08) !important; color: #4f46e5 !important; border: 1px solid rgba(79,70,229,.12) !important; text-shadow: none !important; } [data-theme="light"] .server-tag.member, [data-theme="light"] .server-badge-member { background: rgba(0,0,0,.04) !important; color: var(--txt2) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .server-open-btn, [data-theme="light"] .server-card-open { background: rgba(22,163,74,.1) !important; color: #16a34a !important; border: 1px solid rgba(22,163,74,.2) !important; } [data-theme="light"] .server-open-btn:hover, [data-theme="light"] .server-card-open:hover { background: rgba(22,163,74,.18) !important; border-color: rgba(22,163,74,.35) !important; } [data-theme="light"] .server-card-meta, [data-theme="light"] .server-card-members { color: var(--txt2) !important; } [data-theme="light"] .server-card-desc { color: var(--txt2) !important; } [data-theme="light"] .support-card { background: linear-gradient(135deg, rgba(79,70,229,.06) 0%, rgba(168,85,247,.03) 100%) !important; border-color: rgba(79,70,229,.15) !important; box-shadow: 0 4px 20px rgba(0,0,0,.06) !important; backdrop-filter: blur(12px) !important; border-left: 3px solid rgba(79,70,229,.35) !important; } [data-theme="light"] .support-card::before { background: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent) !important; } [data-theme="light"] .support-card:hover { border-color: rgba(79,70,229,.3) !important; box-shadow: 0 10px 40px rgba(0,0,0,.08), 0 0 20px rgba(79,70,229,.1) !important; border-left-color: rgba(79,70,229,.55) !important; } [data-theme="light"] .support-card-icon { filter: none !important; } [data-theme="light"] .ticket-card { background: #ffffff !important; border-color: rgba(0,0,0,.06) !important; border-left: 3px solid rgba(217,119,6,.35) !important; box-shadow: 0 1px 4px rgba(0,0,0,.05) !important; } [data-theme="light"] .ticket-card:hover { background: #ffffff !important; border-color: rgba(79,70,229,.15) !important; border-left-color: rgba(217,119,6,.55) !important; box-shadow: 0 4px 16px rgba(0,0,0,.08) !important; } [data-theme="light"] .ticket-title { color: var(--txt1) !important; } [data-theme="light"] .ticket-text { color: var(--txt2) !important; } [data-theme="light"] .ticket-time { color: var(--txt3) !important; } [data-theme="light"] .ticket-priority.high { background: rgba(220,38,38,.08) !important; color: #dc2626 !important; } [data-theme="light"] .ticket-priority.medium { background: rgba(217,119,6,.08) !important; color: #d97706 !important; } [data-theme="light"] .ticket-priority.low { background: rgba(22,163,74,.08) !important; color: #16a34a !important; } [data-theme="light"] .ticket-close-btn { background: rgba(220,38,38,.06) !important; color: #dc2626 !important; border-color: rgba(220,38,38,.12) !important; } [data-theme="light"] .ticket-close-btn:hover { background: rgba(220,38,38,.12) !important; } [data-theme="light"] .support-modal { background: rgba(255,255,255,.95) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 24px 80px rgba(0,0,0,.1) !important; } [data-theme="light"] .support-modal-header h3 { color: var(--txt1) !important; } [data-theme="light"] .support-modal-close { color: var(--txt3) !important; background: rgba(0,0,0,.04) !important; } [data-theme="light"] .support-modal-close:hover { background: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .support-modal-body { color: var(--txt1) !important; } [data-theme="light"] .support-modal-body label { color: var(--txt2) !important; } [data-theme="light"] .support-modal-body input, [data-theme="light"] .support-modal-body textarea, [data-theme="light"] .support-modal-body select { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt1) !important; } [data-theme="light"] .support-modal-body input::placeholder, [data-theme="light"] .support-modal-body textarea::placeholder { color: var(--txt3) !important; } [data-theme="light"] .support-modal-footer { border-top-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-section, [data-theme="light"] .blog-empty, [data-theme="light"] .av-blog-empty, [data-theme="light"] .empty-blog { color: var(--txt2) !important; } [data-theme="light"] .blog-empty-title, [data-theme="light"] .blog-empty-text, [data-theme="light"] .av-blog-empty-title, [data-theme="light"] .av-blog-empty-text { color: var(--txt2) !important; } [data-theme="light"] .blog-empty-subtitle, [data-theme="light"] .blog-empty-desc, [data-theme="light"] .av-blog-empty-subtitle, [data-theme="light"] .av-blog-empty-desc { color: var(--txt3) !important; } [data-theme="light"] .blog-create-btn, [data-theme="light"] .av-blog-create-btn { background: linear-gradient(135deg, #4f46e5, #6366f1) !important; color: #fff !important; } [data-theme="light"] .blog-icon, [data-theme="light"] .av-blog-icon { color: var(--accent) !important; background: rgba(79,70,229,.08) !important; } [data-theme="light"] .ch-media-panel, [data-theme="light"] .ch-links-panel, [data-theme="light"] .ch-right-panel { background: rgba(248,249,252,.96) !important; border-left-color: rgba(0,0,0,.08) !important; box-shadow: -8px 0 40px rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-media-panel-header, [data-theme="light"] .ch-links-panel-header, [data-theme="light"] .ch-right-panel-header { border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-media-panel-close, [data-theme="light"] .ch-links-panel-close, [data-theme="light"] .ch-right-panel-close { color: var(--txt3) !important; } [data-theme="light"] .ch-media-panel-close:hover, [data-theme="light"] .ch-links-panel-close:hover, [data-theme="light"] .ch-right-panel-close:hover { color: var(--txt1) !important; background: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-media-tabs button { color: var(--txt3) !important; border-bottom-color: transparent !important; } [data-theme="light"] .ch-media-tabs button:hover { color: var(--txt2) !important; } [data-theme="light"] .online-status, [data-theme="light"] .status-online { color: var(--green) !important; } [data-theme="light"] .online-dot, [data-theme="light"] .status-dot.online { background: var(--green) !important; box-shadow: 0 0 6px rgba(22,163,74,.3) !important; } [data-theme="light"] .msg-time, [data-theme="light"] .msg-timestamp, [data-theme="light"] .ch-msg-time, [data-theme="light"] .dm-msg-time, [data-theme="light"] .timestamp { color: var(--txt3) !important; } [data-theme="light"] .dm-input-wrap input::placeholder, [data-theme="light"] .ch-chat-input::placeholder, [data-theme="light"] .msg-input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .voice-message .play-btn { background: var(--accent) !important; color: #fff !important; } [data-theme="light"] .voice-waveform-bar { background: var(--accent) !important; opacity: .35 !important; } [data-theme="light"] .dm-chat-actions button, [data-theme="light"] .ch-chat-actions button, [data-theme="light"] .chat-header-btn { color: var(--txt3) !important; background: rgba(0,0,0,.03) !important; border: 1px solid rgba(0,0,0,.05) !important; } [data-theme="light"] .dm-chat-actions button:hover, [data-theme="light"] .ch-chat-actions button:hover, [data-theme="light"] .chat-header-btn:hover { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; } [data-theme="light"] .sidebar-server-name { color: var(--txt1) !important; } [data-theme="light"] .sidebar-chevron { color: var(--txt3) !important; } [data-theme="light"] .section-label { color: var(--txt2) !important; } [data-theme="light"] .section-add { color: var(--txt3) !important; } [data-theme="light"] .section-add:hover { color: var(--accent) !important; } [data-theme="light"] .nav-btn-item { color: var(--txt2) !important; } [data-theme="light"] .nav-btn-item:hover { background: rgba(0,0,0,.04) !important; color: var(--txt1) !important; } [data-theme="light"] .nav-btn-item.active { background: rgba(79,70,229,.08) !important; color: var(--accent) !important; } [data-theme="light"] .user-panel { background: rgba(0,0,0,.03) !important; border-top-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ctrl-btn { color: var(--txt3) !important; background: rgba(0,0,0,.03) !important; } [data-theme="light"] .ctrl-btn:hover { color: var(--txt1) !important; background: rgba(0,0,0,.06) !important; } [data-theme="light"] input::placeholder, [data-theme="light"] textarea::placeholder { color: var(--txt3) !important; } [data-theme="light"] .main-content [style*="color:#fff"], [data-theme="light"] .main-content [style*="color: white"], [data-theme="light"] .main-content [style*="color:white"] { color: var(--txt1) !important; } [data-theme="light"] .main-content [style*="color:rgba(255,255,255"], [data-theme="light"] .main-content [style*="color: rgba(255,255,255"] { color: var(--txt2) !important; } [data-theme="light"] .main-content [style*="background:rgba(30,"], [data-theme="light"] .main-content [style*="background:rgba(20,"], [data-theme="light"] .main-content [style*="background:rgba(10,"], [data-theme="light"] .main-content [style*="background:#0"], [data-theme="light"] .main-content [style*="background:#1"] { background: rgba(255,255,255,.7) !important; } [data-theme="blu-glass"] .support-card { background: rgba(14,30,56,.6) !important; border-color: rgba(100,180,255,.1) !important; } [data-theme="blu-glass"] .support-card h3 { color: var(--txt1) !important; } [data-theme="blu-glass"] .support-card p { color: var(--txt2) !important; } [data-theme="blu-glass"] .ticket-card { background: rgba(14,30,56,.5) !important; border-color: rgba(100,180,255,.08) !important; } [data-theme="blu-glass"] .ticket-title { color: var(--txt1) !important; } [data-theme="blu-glass"] .ticket-text { color: var(--txt2) !important; } [data-theme="blu-glass"] .support-modal { background: rgba(10,22,40,.96) !important; border-color: rgba(100,180,255,.1) !important; } [data-theme="blu-glass"] .support-modal-header h3 { color: var(--txt1) !important; } [data-theme="blu-glass"] .support-modal-close { color: var(--txt3) !important; } [data-theme="blu-glass"] .support-modal-close:hover { color: var(--txt1) !important; } [data-theme="blu-glass"] .support-modal-body { color: var(--txt1) !important; } [data-theme="blu-glass"] .blog-empty, [data-theme="blu-glass"] .av-blog-empty { color: var(--txt2) !important; } [data-theme="blu-glass"] .blog-empty-title, [data-theme="blu-glass"] .av-blog-empty-title { color: var(--txt2) !important; } [data-theme="blu-glass"] .ch-media-panel, [data-theme="blu-glass"] .ch-links-panel { background: rgba(14,30,56,.96) !important; border-left-color: rgba(100,180,255,.1) !important; } [data-theme="blu-glass"] .ch-media-panel-title, [data-theme="blu-glass"] .ch-links-panel-title { color: var(--txt1) !important; } [data-theme="blu-glass"] .server-tag, [data-theme="blu-glass"] .server-badge-public { background: rgba(56,189,248,.1) !important; color: #38bdf8 !important; } [data-theme="blu-glass"] .server-open-btn, [data-theme="blu-glass"] .server-card-open { background: rgba(34,211,153,.1) !important; color: #34d399 !important; } [data-theme="purple-glass"] .support-card { background: rgba(20,14,36,.6) !important; border-color: rgba(168,85,247,.1) !important; } [data-theme="purple-glass"] .support-card h3 { color: var(--txt1) !important; } [data-theme="purple-glass"] .support-card p { color: var(--txt2) !important; } [data-theme="purple-glass"] .ticket-card { background: rgba(20,14,36,.5) !important; border-color: rgba(168,85,247,.08) !important; } [data-theme="purple-glass"] .ticket-title { color: var(--txt1) !important; } [data-theme="purple-glass"] .ticket-text { color: var(--txt2) !important; } [data-theme="purple-glass"] .support-modal { background: rgba(15,10,26,.96) !important; border-color: rgba(168,85,247,.1) !important; } [data-theme="purple-glass"] .support-modal-header h3 { color: var(--txt1) !important; } [data-theme="purple-glass"] .support-modal-close { color: var(--txt3) !important; } [data-theme="purple-glass"] .support-modal-close:hover { color: var(--txt1) !important; } [data-theme="purple-glass"] .support-modal-body { color: var(--txt1) !important; } [data-theme="purple-glass"] .blog-empty, [data-theme="purple-glass"] .av-blog-empty { color: var(--txt2) !important; } [data-theme="purple-glass"] .blog-empty-title, [data-theme="purple-glass"] .av-blog-empty-title { color: var(--txt2) !important; } [data-theme="purple-glass"] .ch-media-panel, [data-theme="purple-glass"] .ch-links-panel { background: rgba(20,14,36,.96) !important; border-left-color: rgba(168,85,247,.1) !important; } [data-theme="purple-glass"] .ch-media-panel-title, [data-theme="purple-glass"] .ch-links-panel-title { color: var(--txt1) !important; } [data-theme="purple-glass"] .server-tag, [data-theme="purple-glass"] .server-badge-public { background: rgba(168,85,247,.1) !important; color: #a855f7 !important; } [data-theme="purple-glass"] .server-open-btn, [data-theme="purple-glass"] .server-card-open { background: rgba(34,211,153,.1) !important; color: #34d399 !important; } [data-theme="gradient"] .support-card { background: rgba(18,8,40,.6) !important; border-color: rgba(139,92,246,.1) !important; } [data-theme="gradient"] .support-card h3 { color: var(--txt1) !important; } [data-theme="gradient"] .support-card p { color: var(--txt2) !important; } [data-theme="gradient"] .ticket-card { background: rgba(18,8,40,.5) !important; border-color: rgba(139,92,246,.08) !important; } [data-theme="gradient"] .ticket-title { color: var(--txt1) !important; } [data-theme="gradient"] .ticket-text { color: var(--txt2) !important; } [data-theme="gradient"] .support-modal { background: rgba(15,5,32,.96) !important; border-color: rgba(139,92,246,.1) !important; } [data-theme="gradient"] .support-modal-header h3 { color: var(--txt1) !important; } [data-theme="gradient"] .support-modal-close { color: var(--txt3) !important; } [data-theme="gradient"] .support-modal-close:hover { color: var(--txt1) !important; } [data-theme="gradient"] .support-modal-body { color: var(--txt1) !important; } [data-theme="gradient"] .blog-empty, [data-theme="gradient"] .av-blog-empty { color: var(--txt2) !important; } [data-theme="gradient"] .blog-empty-title, [data-theme="gradient"] .av-blog-empty-title { color: var(--txt2) !important; } [data-theme="gradient"] .ch-media-panel, [data-theme="gradient"] .ch-links-panel { background: rgba(18,8,40,.96) !important; border-left-color: rgba(139,92,246,.1) !important; } [data-theme="gradient"] .ch-media-panel-title, [data-theme="gradient"] .ch-links-panel-title { color: var(--txt1) !important; } [data-theme="gradient"] .server-tag, [data-theme="gradient"] .server-badge-public { background: rgba(139,92,246,.1) !important; color: #8b5cf6 !important; } [data-theme="gradient"] .server-open-btn, [data-theme="gradient"] .server-card-open { background: linear-gradient(135deg, rgba(139,92,246,.1), rgba(236,72,153,.08)) !important; color: #d8b4fe !important; } [data-theme="dark-glass"] .support-card { background: rgba(17,17,24,.7) !important; border-color: rgba(255,255,255,.1) !important; } [data-theme="dark-glass"] .support-card h3 { color: var(--txt1) !important; } [data-theme="dark-glass"] .support-card p { color: var(--txt2) !important; } [data-theme="dark-glass"] .ticket-card { background: rgba(17,17,24,.6) !important; border-color: rgba(255,255,255,.08) !important; } [data-theme="dark-glass"] .ticket-title { color: var(--txt1) !important; } [data-theme="dark-glass"] .ticket-text { color: var(--txt2) !important; } [data-theme="dark-glass"] .support-modal { background: rgba(10,10,15,.96) !important; border-color: rgba(255,255,255,.1) !important; } [data-theme="dark-glass"] .support-modal-header h3 { color: var(--txt1) !important; } [data-theme="dark-glass"] .support-modal-close { color: var(--txt3) !important; } [data-theme="dark-glass"] .support-modal-close:hover { color: var(--txt1) !important; } [data-theme="dark-glass"] .support-modal-body { color: var(--txt1) !important; } [data-theme="dark-glass"] .blog-empty, [data-theme="dark-glass"] .av-blog-empty { color: var(--txt2) !important; } [data-theme="dark-glass"] .blog-empty-title, [data-theme="dark-glass"] .av-blog-empty-title { color: var(--txt2) !important; } [data-theme="dark-glass"] .ch-media-panel, [data-theme="dark-glass"] .ch-links-panel { background: rgba(10,10,15,.96) !important; border-left-color: rgba(255,255,255,.1) !important; } [data-theme="dark-glass"] .ch-media-panel-title, [data-theme="dark-glass"] .ch-links-panel-title { color: var(--txt1) !important; } [data-theme="dark-glass"] .server-tag, [data-theme="dark-glass"] .server-badge-public { background: rgba(88,101,242,.1) !important; color: #8b9bff !important; } [data-theme="dark-glass"] .server-open-btn, [data-theme="dark-glass"] .server-card-open { background: rgba(87,242,135,.1) !important; color: #57f287 !important; } [data-theme="light"] .av3-modal-box { background: rgba(255,255,255,.94) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 24px 80px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.04) !important; } [data-theme="light"] .av3-modal-close { color: var(--txt3) !important; background: rgba(0,0,0,.04) !important; } [data-theme="light"] .av3-modal-close:hover { color: var(--txt1) !important; background: rgba(0,0,0,.08) !important; } [data-theme="light"] .av3-support-group label { color: var(--txt2) !important; } [data-theme="light"] .av3-support-textarea { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt1) !important; } [data-theme="light"] .av3-support-textarea::placeholder { color: var(--txt3) !important; } [data-theme="light"] .av3-priority-btn { color: var(--txt3) !important; } [data-theme="light"] .av3-priority-btn.active { color: var(--accent) !important; background: rgba(79,70,229,.08) !important; } [data-theme="light"] .av3-empty { color: var(--txt2) !important; } [data-theme="light"] .av3-loading { color: var(--txt2) !important; } [data-theme="light"] .av3-ticket-item { background: rgba(255,255,255,.6) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .av3-ticket-item:hover { background: rgba(255,255,255,.8) !important; border-color: rgba(0,0,0,.1) !important; } [data-theme="light"] .av3-ticket-title { color: var(--txt1) !important; } [data-theme="light"] .av3-ticket-text { color: var(--txt2) !important; } [data-theme="light"] .av3-ticket-time { color: var(--txt3) !important; } [data-theme="light"] .av3-ticket-priority { background: rgba(79,70,229,.08) !important; color: var(--accent) !important; } [data-theme="light"] .main-content div[style*="color:rgba(255,255,255"], [data-theme="light"] .main-content span[style*="color:rgba(255,255,255"], [data-theme="light"] .main-content p[style*="color:rgba(255,255,255"], [data-theme="light"] .main-content li[style*="color:rgba(255,255,255"], [data-theme="light"] .main-content h1[style*="color:rgba(255,255,255"], [data-theme="light"] .main-content h2[style*="color:rgba(255,255,255"], [data-theme="light"] .main-content h3[style*="color:rgba(255,255,255"], [data-theme="light"] .main-content h4[style*="color:rgba(255,255,255"], [data-theme="light"] .main-content label[style*="color:rgba(255,255,255"] { color: var(--txt2) !important; } [data-theme="light"] .main-content div[style*="color:#fff"], [data-theme="light"] .main-content span[style*="color:#fff"], [data-theme="light"] .main-content p[style*="color:#fff"], [data-theme="light"] .main-content li[style*="color:#fff"], [data-theme="light"] .main-content h3[style*="color:#fff"], [data-theme="light"] .main-content h4[style*="color:#fff"], [data-theme="light"] .main-content label[style*="color:#fff"] { color: var(--txt1) !important; } [data-theme="light"] .msg-mine-cont [style*="color:#fff"], [data-theme="light"] .av-btn-create, [data-theme="light"] .av-btn-save, [data-theme="light"] .dm-send-btn, [data-theme="light"] .ch-chat-send-btn, [data-theme="light"] .tab-pill.active, [data-theme="light"] .page-tab.active, [data-theme="light"] .server-tab.active { color: #fff !important; } [data-theme="light"] .main-content div[style*="background:rgba(30,"], [data-theme="light"] .main-content div[style*="background:rgba(20,"], [data-theme="light"] .main-content div[style*="background:rgba(17,"], [data-theme="light"] .main-content div[style*="background:rgba(10,"], [data-theme="light"] .main-content div[style*="background:#0"], [data-theme="light"] .main-content div[style*="background:#1"] { background: rgba(255,255,255,.7) !important; } [data-theme="light"] .main-content div[style*="border:1px solid rgba(255,255,255"], [data-theme="light"] .main-content div[style*="border: 1px solid rgba(255,255,255"], [data-theme="light"] .main-content span[style*="border:1px solid rgba(255,255,255"], [data-theme="light"] .main-content span[style*="border: 1px solid rgba(255,255,255"] { border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .sidebar-nav-item { color: var(--txt2) !important; } [data-theme="light"] .sidebar-nav-item:hover { background: rgba(79,70,229,.06) !important; color: var(--accent) !important; } [data-theme="light"] .sidebar-nav-item.active { background: rgba(79,70,229,.1) !important; color: var(--accent) !important; } [data-theme="light"] .support-tabs button, [data-theme="light"] .av3-support-tabs button { color: var(--txt3) !important; border-bottom-color: transparent !important; } [data-theme="light"] .support-tabs button:hover, [data-theme="light"] .av3-support-tabs button:hover { color: var(--txt2) !important; } [data-theme="light"] .support-tabs button.active, [data-theme="light"] .av3-support-tabs button.active { color: var(--accent) !important; border-bottom-color: var(--accent) !important; } [data-theme="light"] .recent-tickets-header, [data-theme="light"] .av3-recent-header { color: var(--txt2) !important; } [data-theme="light"] .create-ticket-link, [data-theme="light"] .knowledge-base-link, [data-theme="light"] .av3-create-link, [data-theme="light"] .av3-kb-link { color: var(--accent) !important; } [data-theme="light"] .support-page-title, [data-theme="light"] .av3-support-title { color: var(--txt1) !important; } [data-theme="light"] .ticket-status, [data-theme="light"] .av3-ticket-status { color: var(--txt2) !important; background: rgba(79,70,229,.08) !important; } [data-theme="light"] .ticket-status.in-progress, [data-theme="light"] .av3-ticket-status.in-progress { color: var(--accent) !important; background: rgba(79,70,229,.08) !important; } [data-theme="light"] .dm-chat-header-top { background: rgba(255,255,255,.85) !important; border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .dm-chat-username { color: var(--txt1) !important; } [data-theme="light"] .dm-chat-status { color: var(--txt2) !important; } [data-theme="light"] .dm-chat-status.online { color: var(--green) !important; } [data-theme="light"] .page-body { background: var(--bg2) !important; } [data-theme="light"] #channelChatOverlay { background: linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 50%, var(--bg2) 100%) !important; } [data-theme="light"] .ch-chat-header { background: rgba(238,240,246,.85) !important; border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-chat-back { background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-chat-back:hover { background: rgba(0,0,0,.08) !important; color: var(--accent) !important; } [data-theme="light"] .ch-chat-header-btn { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-header-btn:hover { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; } [data-theme="light"] .ch-msg-item { color: var(--txt1) !important; } [data-theme="light"] .ch-msg-author { color: var(--txt1) !important; } [data-theme="light"] .ch-msg-text { color: var(--txt2) !important; } [data-theme="light"] .ch-msg-time { color: var(--txt3) !important; } [data-theme="light"] .ch-msg-bubble { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-msg-bubble.mine { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.12) !important; } [data-theme="light"] .ch-chat-date-sep { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-date-sep::after { background: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-chat-empty { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-input-wrap { background: rgba(238,240,246,.9) !important; border-top-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-chat-input { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-chat-input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(79,70,229,.1) !important; } [data-theme="light"] .ch-chat-send-btn { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-send-btn:hover { color: var(--accent) !important; } [data-theme="light"] .server-card { background: rgba(255,255,255,.7) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 4px 16px rgba(0,0,0,.06) !important; } [data-theme="light"] .server-card:hover { box-shadow: 0 8px 32px rgba(0,0,0,.1) !important; border-color: rgba(0,0,0,.15) !important; } [data-theme="light"] .server-card-header { background: linear-gradient(135deg, rgba(79,70,229,.06), rgba(99,102,241,.04), rgba(79,70,229,.02)) !important; } [data-theme="light"] .server-card-header::before { opacity: 0 !important; } [data-theme="light"] .server-card-icon { background: linear-gradient(135deg, rgba(79,70,229,.12), rgba(99,102,241,.08)) !important; box-shadow: 0 2px 8px rgba(0,0,0,.08) !important; } [data-theme="light"] .server-card-meta { color: var(--txt3) !important; opacity: 1 !important; } [data-theme="light"] .server-card-actions { color: var(--txt2) !important; } [data-theme="light"] .category-header:hover .category-name { background: linear-gradient(90deg, var(--accent), #ec4899) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } [data-theme="light"] .category-arrow { color: var(--txt3) !important; opacity: 1 !important; } [data-theme="light"] .category-name { color: var(--txt3) !important; } [data-theme="light"] .channel-row { color: var(--txt1) !important; } [data-theme="light"] .channel-row:hover { background: rgba(0,0,0,.04) !important; } [data-theme="light"] .channel-row.active { background: linear-gradient(90deg, rgba(79,70,229,.08), rgba(99,102,241,.05)) !important; box-shadow: inset 0 0 0 1px rgba(79,70,229,.12) !important; } [data-theme="light"] .channel-hash { color: var(--txt3) !important; opacity: 1 !important; } [data-theme="light"] .channel-row:hover .channel-hash { color: var(--txt2) !important; } [data-theme="light"] .channel-row-topic { color: var(--txt3) !important; opacity: 1 !important; } [data-theme="light"] .channel-action-btn { color: var(--txt3) !important; } [data-theme="light"] .channel-action-btn:hover { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; } [data-theme="light"] .channel-action-btn.join-voice { color: var(--green) !important; opacity: 1 !important; } [data-theme="light"] .voice-user-item { color: var(--txt2) !important; opacity: 1 !important; } [data-theme="light"] .voice-user-dot { box-shadow: 0 0 4px rgba(22,163,74,.3) !important; } [data-theme="light"] .server-member-row { color: var(--txt1) !important; } [data-theme="light"] .server-member-avatar { background: linear-gradient(135deg, rgba(79,70,229,.15), rgba(99,102,241,.1)) !important; box-shadow: 0 0 4px rgba(79,70,229,.1) !important; } [data-theme="light"] .server-member-role.owner { background: rgba(217,119,6,.1) !important; color: #d97706 !important; box-shadow: none !important; } [data-theme="light"] .server-member-role.admin { background: rgba(220,38,38,.1) !important; color: #dc2626 !important; box-shadow: none !important; } [data-theme="light"] .server-member-role.moderator { background: rgba(79,70,229,.1) !important; color: #4f46e5 !important; box-shadow: none !important; } [data-theme="light"] .server-member-role.member { background: rgba(0,0,0,.04) !important; color: var(--txt3) !important; } [data-theme="light"] .server-icon-opt { background: rgba(0,0,0,.02) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .server-icon-opt:hover { background: rgba(0,0,0,.06) !important; border-color: rgba(0,0,0,.15) !important; box-shadow: 0 2px 8px rgba(0,0,0,.08) !important; } [data-theme="light"] .server-icon-opt.active { border-color: var(--accent) !important; background: rgba(79,70,229,.1) !important; box-shadow: 0 0 12px rgba(79,70,229,.15) !important; } [data-theme="light"] .ch-settings-header-icon { background: linear-gradient(135deg, rgba(79,70,229,.1), rgba(99,102,241,.06)) !important; box-shadow: 0 2px 8px rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-settings-icon-sep { background: linear-gradient(180deg, transparent, rgba(0,0,0,.08), transparent) !important; } [data-theme="light"] .ch-settings-icon-item.danger { color: #dc2626 !important; } [data-theme="light"] .ch-settings-icon-item.danger:hover { background: rgba(220,38,38,.06) !important; } [data-theme="light"] .ch-role-item.allowed { border-color: rgba(79,70,229,.25) !important; background: rgba(79,70,229,.04) !important; box-shadow: none !important; } [data-theme="light"] .ch-color-swatch.active { border-color: var(--txt1) !important; box-shadow: 0 0 8px rgba(0,0,0,.15) !important; } [data-theme="light"] .ch-color-swatch.active::after { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.6) !important; } [data-theme="light"] .ch-participant-item { background: rgba(0,0,0,.01) !important; } [data-theme="light"] .ch-participant-item:hover { background: rgba(0,0,0,.04) !important; box-shadow: 0 2px 8px rgba(0,0,0,.04) !important; } [data-theme="light"] .ch-participant-avatar { background: linear-gradient(135deg, rgba(79,70,229,.12), rgba(99,102,241,.08)) !important; box-shadow: 0 0 0 1px rgba(79,70,229,.1) !important; } [data-theme="light"] .av-blocked-empty, [data-theme="light"] .av-empty-state, [data-theme="light"] .blocked-empty-icon { color: var(--txt3) !important; } [data-theme="light"] .gen-page-title { color: var(--txt1) !important; } [data-theme="light"] .gen-page-desc { color: var(--txt2) !important; } [data-theme="light"] .gen-section-title { color: var(--txt2) !important; } [data-theme="light"] .gen-option-card { background: rgba(255,255,255,.6) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .gen-option-card:hover { background: rgba(255,255,255,.8) !important; border-color: rgba(0,0,0,.12) !important; } [data-theme="light"] .gen-option-card.active { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.3) !important; } [data-theme="light"] .gen-option-label { color: var(--txt1) !important; } [data-theme="light"] .gen-option-desc { color: var(--txt3) !important; } [data-theme="light"] .gen-text-input { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .gen-text-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(79,70,229,.1) !important; } [data-theme="light"] .gen-preview-area { background: rgba(0,0,0,.02) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .gen-btn-generate { background: linear-gradient(135deg, #4f46e5, #6366f1) !important; color: #fff !important; } [data-theme="light"] .av2-hero-banner-btn { background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt2) !important; } [data-theme="light"] .av2-hero-banner-btn:hover { background: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .profile-banner-upload { background: rgba(255,255,255,.7) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt2) !important; } [data-theme="light"] .profile-banner-upload:hover { background: rgba(255,255,255,.9) !important; } [data-theme="light"] .avatar-upload-overlay { background: rgba(255,255,255,.7) !important; } [data-theme="light"] .profile-edit-btn { background: rgba(255,255,255,.8) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt1) !important; backdrop-filter: blur(8px) !important; } [data-theme="light"] .profile-edit-btn:hover { background: rgba(255,255,255,.95) !important; color: var(--accent) !important; } [data-theme="light"] .profile-avatar-lg { border-color: var(--bg3) !important; box-shadow: 0 4px 16px rgba(0,0,0,.1) !important; } [data-theme="light"] .profile-banner::after { background: linear-gradient(transparent, rgba(248,249,252,.95)) !important; } [data-theme="light"] .profile-name { background: linear-gradient(135deg, #0f172a, rgba(15,23,42,.8)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } [data-theme="light"] .account-server-role.owner { background: rgba(217,119,6,.08) !important; color: #d97706 !important; } [data-theme="light"] .account-server-invite code { background: rgba(79,70,229,.08) !important; color: #4f46e5 !important; } [data-theme="light"] .account-server-invite code:hover { background: rgba(79,70,229,.15) !important; } [data-theme="light"] .account-friend-status.offline { background: var(--txt4) !important; } [data-theme="light"] .friend-status.offline { background: var(--txt4) !important; } [data-theme="light"] .account-friend-avatar .online-dot { border-color: var(--bg2) !important; } [data-theme="light"] .account-friend-avatar .offline-dot { border-color: var(--bg2) !important; background: var(--txt4) !important; } [data-theme="light"] .account-friend-status { color: var(--txt3) !important; } [data-theme="light"] .account-friends-search { background: rgba(0,0,0,.02) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .server-settings-modal, [data-theme="light"] .av-server-settings-modal { background: rgba(255,255,255,.95) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .server-settings-title { color: var(--txt1) !important; } [data-theme="light"] .server-settings-close { color: var(--txt3) !important; } [data-theme="light"] .server-settings-close:hover { color: var(--txt1) !important; } [data-theme="light"] .server-settings-section { color: var(--txt2) !important; border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .server-settings-field { color: var(--txt1) !important; border-bottom-color: rgba(0,0,0,.04) !important; } [data-theme="light"] .server-settings-field:hover { background: rgba(0,0,0,.02) !important; } [data-theme="light"] .server-settings-label { color: var(--txt2) !important; } [data-theme="light"] .server-settings-value { color: var(--txt1) !important; } [data-theme="light"] .server-settings-input { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .create-server-type-label { color: var(--txt1) !important; } [data-theme="light"] .create-server-type-desc { color: var(--txt3) !important; } [data-theme="light"] .channel-browser-item { background: rgba(255,255,255,.5) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .channel-browser-item:hover { background: rgba(255,255,255,.7) !important; border-color: rgba(0,0,0,.12) !important; } [data-theme="light"] .channel-browser-name { color: var(--txt1) !important; } [data-theme="light"] .channel-browser-desc { color: var(--txt2) !important; } [data-theme="light"] .channel-browser-meta { color: var(--txt3) !important; } [data-theme="light"] .ch-media-grid-item { background: rgba(0,0,0,.02) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-media-grid-item:hover { border-color: rgba(0,0,0,.12) !important; } [data-theme="light"] .ch-link-item { background: rgba(255,255,255,.5) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-link-item:hover { border-color: rgba(0,0,0,.12) !important; } [data-theme="light"] .ch-link-title { color: var(--txt1) !important; } [data-theme="light"] .ch-link-desc { color: var(--txt2) !important; } [data-theme="light"] .ch-link-meta { color: var(--txt3) !important; } [data-theme="light"] .ch-tab-bar { background: rgba(0,0,0,.02) !important; border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-tab-item { color: var(--txt3) !important; background: transparent !important; border-color: transparent !important; } [data-theme="light"] .ch-tab-item:hover { color: var(--txt2) !important; background: rgba(0,0,0,.03) !important; } [data-theme="light"] .ch-tab-item.active { color: #fff !important; background: var(--accent) !important; border-color: var(--accent) !important; } [data-theme="light"] .ch-server-card { background: rgba(255,255,255,.6) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-server-card:hover { border-color: rgba(0,0,0,.12) !important; } [data-theme="light"] .ch-server-name { color: var(--txt1) !important; } [data-theme="light"] .ch-server-desc { color: var(--txt2) !important; } [data-theme="light"] .ch-server-meta { color: var(--txt3) !important; } [data-theme="light"] .ch-server-badge { background: rgba(79,70,229,.08) !important; color: var(--accent) !important; } [data-theme="light"] .ch-server-join-btn { background: var(--accent) !important; color: #fff !important; border-color: var(--accent) !important; } [data-theme="light"] .av-detail-member-av { box-shadow: 0 0 4px rgba(0,0,0,.1) !important; } [data-theme="light"] .av-detail-channels { background: rgba(0,0,0,.02) !important; } [data-theme="light"] .ch-settings-icon-item::after { box-shadow: 0 0 6px rgba(79,70,229,.2) !important; } [data-theme="light"] #channelChatOverlay::before, [data-theme="light"] .ch-settings-modal::before, [data-theme="light"] .av-glass-modal::before { opacity: 0 !important; } [data-theme="light"] #channelChatOverlay { background: linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 50%, var(--bg2) 100%) !important; } [data-theme="light"] .ch-chat-header { background: rgba(248,249,252,.85) !important; border-bottom: 1px solid var(--border) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } [data-theme="light"] .ch-chat-back { background: var(--glass) !important; border: 1px solid var(--border) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-chat-back:hover { background: var(--glass-h) !important; color: var(--accent) !important; } [data-theme="light"] .ch-chat-channel-name { color: var(--txt1) !important; text-shadow: none !important; } [data-theme="light"] .ch-chat-channel-topic { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-action-btn { background: var(--glass) !important; border: 1px solid var(--border) !important; color: var(--txt3) !important; } [data-theme="light"] .ch-chat-action-btn:hover { background: var(--glass-h) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-chat-messages { background: linear-gradient(180deg, rgba(248,249,252,.95) 0%, rgba(238,240,246,.98) 100%) !important; } [data-theme="light"] .ch-msg-group:hover { background: rgba(0,0,0,.03) !important; } [data-theme="light"] .ch-msg-text { color: rgba(15,23,42,.88) !important; } [data-theme="light"] .ch-msg-time { color: var(--txt4) !important; } [data-theme="light"] .ch-msg-date-sep { color: var(--txt3) !important; background: rgba(248,249,252,.92) !important; border: 1px solid var(--border) !important; } [data-theme="light"] .ch-msg-date-sep span { color: var(--txt3) !important; } [data-theme="light"] .ch-msg-date-sep::before, [data-theme="light"] .ch-msg-date-sep::after { background: var(--border) !important; } [data-theme="light"] .ch-chat-input-area { border-top: 1px solid var(--border) !important; background: rgba(248,249,252,.92) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } [data-theme="light"] .ch-chat-input-wrap { background: var(--glass) !important; border: 1px solid var(--border) !important; } [data-theme="light"] .ch-chat-input-wrap:focus-within { border-color: rgba(79,70,229,.4) !important; background: rgba(0,0,0,.02) !important; } [data-theme="light"] .ch-chat-textarea { color: var(--txt1) !important; } [data-theme="light"] .ch-chat-textarea::placeholder { color: var(--txt4) !important; } [data-theme="light"] .ch-chat-input-btn { color: var(--txt3) !important; } [data-theme="light"] .ch-chat-input-btn:hover { background: var(--glass-h) !important; color: var(--txt1) !important; } [data-theme="light"] .server-card { background: var(--card-bg) !important; border: 1px solid var(--card-border) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } [data-theme="light"] .server-card:hover { border-color: var(--card-hover-border) !important; } [data-theme="light"] .server-card-name { color: var(--txt1) !important; } [data-theme="light"] .server-card-meta { opacity: 1 !important; color: var(--txt3) !important; } [data-theme="light"] .category-add-btn:hover { color: var(--txt1) !important; background: rgba(79,70,229,.1) !important; } [data-theme="light"] .channel-action-btn:hover { color: var(--txt1) !important; background: var(--glass-h) !important; } [data-theme="light"] .ch-card { background: var(--glass) !important; } [data-theme="light"] .ch-card:hover { background: var(--glass-h) !important; } [data-theme="light"] .ch-card-icon { background: rgba(0,0,0,.04) !important; box-shadow: 0 2px 8px rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-card-action.settings-btn { background: var(--glass) !important; color: var(--txt3) !important; } [data-theme="light"] .ch-card-action.settings-btn:hover { background: var(--glass-h) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-create-type-card { background: var(--card-bg) !important; border: 1px solid var(--card-border) !important; } [data-theme="light"] .ch-create-type-card:hover { background: var(--glass-h) !important; } [data-theme="light"] .ch-create-type-icon { background: rgba(0,0,0,.04) !important; } [data-theme="light"] .ch-create-type-desc { opacity: 1 !important; color: var(--txt3) !important; } [data-theme="light"] .ch-settings-header-icon { box-shadow: 0 4px 16px rgba(79,70,229,.12) !important; } [data-theme="light"] .ch-settings-icon-sep { background: linear-gradient(90deg, transparent, var(--border), transparent) !important; } [data-theme="light"] .ch-participant-item { background: var(--glass) !important; } [data-theme="light"] .ch-participant-item:hover { background: var(--glass-h) !important; } [data-theme="light"] .ch-participant-role-select { background: var(--glass) !important; border: 1px solid var(--border) !important; color: var(--txt2) !important; } [data-theme="light"] .ch-participants-role-label { color: var(--txt3) !important; border-top: 1px solid var(--border) !important; } [data-theme="light"] #chChatEmojiPanel { background: rgba(255,255,255,.96) !important; border: 1px solid var(--border) !important; box-shadow: var(--shadow) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } [data-theme="light"] #reactionPickerPopup { background: rgba(255,255,255,.96) !important; border: 1px solid var(--border) !important; box-shadow: var(--shadow) !important; } [data-theme="light"] .reaction-picker-emoji:hover { background: var(--glass-h) !important; } [data-theme="light"] #channelCtxMenu { background: rgba(255,255,255,.97) !important; border: 1px solid var(--border) !important; box-shadow: var(--shadow-lg) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } [data-theme="light"] .chat-participants-panel { background: rgba(248,249,252,.97) !important; border-left: 1px solid var(--border) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } [data-theme="light"] .chat-participants-panel-header { border-bottom: 1px solid var(--border) !important; } [data-theme="light"] .chat-participants-panel-title { color: var(--txt2) !important; } [data-theme="light"] .chat-participants-panel-close { background: var(--glass) !important; color: var(--txt3) !important; } [data-theme="light"] .chat-participants-panel-close:hover { background: var(--glass-h) !important; color: var(--txt1) !important; } [data-theme="light"] .chat-participants-search { background: var(--glass) !important; border: 1px solid var(--border) !important; color: var(--txt1) !important; } [data-theme="light"] .chat-participants-search::placeholder { color: var(--txt4) !important; } [data-theme="light"] .chat-participants-group-header { color: var(--txt3) !important; } [data-theme="light"] .chat-participants-member:hover { background: var(--glass) !important; } [data-theme="light"] .chat-participants-member-name { color: var(--txt1) !important; } [data-theme="light"] .ch-info-edit-wrap { background: rgba(248,249,252,.97) !important; border-top: 1px solid rgba(79,70,229,.15) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } [data-theme="light"] .ch-info-edit-input { background: var(--glass) !important; border: 1px solid rgba(79,70,229,.2) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-info-edit-cancel { background: var(--glass) !important; color: var(--txt3) !important; border: 1px solid var(--border) !important; } [data-theme="light"] .ch-info-edit-cancel:hover { background: var(--glass-h) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-design-label { color: var(--txt3) !important; } [data-theme="light"] .ch-upload-area { border: 2px dashed var(--border-h) !important; background: var(--glass) !important; } [data-theme="light"] .ch-upload-text { opacity: 1 !important; color: var(--txt3) !important; } [data-theme="light"] .ban-duration-btn { background: var(--glass) !important; border: 1px solid var(--border) !important; color: var(--txt3) !important; } [data-theme="light"] .ban-duration-btn:hover { background: var(--glass-h) !important; color: var(--txt1) !important; border-color: var(--border-h) !important; } [data-theme="light"] .ch-write-roles-info { color: var(--txt3) !important; } [data-theme="light"] .ch-write-role-item { background: var(--glass) !important; } [data-theme="light"] .ch-write-role-item:hover { background: var(--glass-h) !important; } [data-theme="light"] .ch-write-role-check { border-color: var(--border-h) !important; } [data-theme="light"] .ch-tag-item { background: var(--glass) !important; } [data-theme="light"] .ch-tag-item:hover { background: var(--glass-h) !important; } [data-theme="light"] .ch-tag-user-role { opacity: 1 !important; color: var(--txt3) !important; } [data-theme="light"] .ch-tag-input { background: var(--glass) !important; border: 1px solid var(--border) !important; color: var(--txt1) !important; } [data-theme="light"] .ch-tag-input::placeholder { color: var(--txt4) !important; } [data-theme="light"] .server-member-role.member { background: var(--glass) !important; color: var(--txt3) !important; } [data-theme="light"] .voice-user-item { opacity: 1 !important; color: var(--txt2) !important; } [data-theme="light"] .ch-upload-progress-bar { background: rgba(0,0,0,.06) !important; } [data-theme="light"] .ch-upload-progress-text { color: var(--txt3) !important; } [data-theme="light"] .ch-upload-file-name { color: var(--txt2) !important; } [data-theme="light"] .server-icon-opt { border: 1px solid var(--border) !important; background: var(--glass) !important; } [data-theme="light"] .server-icon-opt:hover { background: var(--glass-h) !important; border-color: var(--border-h) !important; } [data-theme="light"] #channelChatOverlay::before, [data-theme="light"] .ch-settings-modal::before, [data-theme="light"] .av-glass-modal::before { opacity: 0 !important; display: none !important; } [data-theme="blu-glass"] .av-label { color: rgba(224,242,254,.55); } [data-theme="blu-glass"] .av-row-label { color: var(--field-label-color); } [data-theme="blu-glass"] .av-row-val { color: var(--field-val-color); } [data-theme="blu-glass"] .av-row-val.muted { color: var(--txt3); } [data-theme="blu-glass"] .av-section-header { color: var(--section-header-color); } [data-theme="blu-glass"] .av-security-title { color: var(--txt1); } [data-theme="blu-glass"] .av-security-desc { color: var(--txt2); } [data-theme="blu-glass"] .av-loginlog-title { color: var(--txt1); } [data-theme="blu-glass"] .av-loginlog-meta { color: var(--txt2); } [data-theme="blu-glass"] .av-radio-label { color: var(--txt1); } [data-theme="blu-glass"] .av-radio-desc { color: var(--txt2); } [data-theme="blu-glass"] .av2-field-val.muted { color: var(--txt3); } [data-theme="blu-glass"] .field-label { color: var(--field-label-color); } [data-theme="blu-glass"] .stat-label { color: var(--txt3); } [data-theme="blu-glass"] .scc-label { color: var(--txt3); } [data-theme="blu-glass"] .category-name { color: rgba(224,242,254,.5); } [data-theme="blu-glass"] .account-server-meta { color: var(--txt3); } [data-theme="blu-glass"] .account-friend-status { color: var(--txt3); } [data-theme="blu-glass"] .profile-id-line { color: rgba(224,242,254,.5); } [data-theme="blu-glass"] .profile-custom-status { color: var(--txt2); } [data-theme="blu-glass"] .av-theme-card-sub { color: var(--txt3); } [data-theme="blu-glass"] .av-modal-subtitle { color: var(--txt2); } [data-theme="blu-glass"] .av2-modal-subtitle { color: var(--txt2); } [data-theme="blu-glass"] .av-info-label { color: var(--txt3); } [data-theme="blu-glass"] .av-info-value { color: var(--txt1); } [data-theme="blu-glass"] .av-detail-cat { color: var(--txt3); } [data-theme="blu-glass"] .av-detail-ch { color: var(--txt2); } [data-theme="blu-glass"] .field-val { color: var(--txt1); } [data-theme="blu-glass"] .av-input { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.12); color: var(--txt1); } [data-theme="blu-glass"] .av-input::placeholder { color: var(--txt3); } [data-theme="blu-glass"] .av-input-prefix { color: rgba(224,242,254,.25); } [data-theme="blu-glass"] .av-input-wrap.focused .av-input-prefix { color: var(--accent); } [data-theme="blu-glass"] .av-input-suffix { color: rgba(224,242,254,.2); } [data-theme="blu-glass"] .av-select-arrow { color: rgba(224,242,254,.3); } [data-theme="blu-glass"] .av-select { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.12); } [data-theme="blu-glass"] .av-select:focus { border-color: var(--accent); } [data-theme="blu-glass"] .av-btn-ghost { color: var(--txt2); } [data-theme="blu-glass"] .av-btn-ghost:hover { color: var(--accent); } [data-theme="blu-glass"] .av-edit-btn { background: rgba(56,189,248,.06); border-color: rgba(56,189,248,.15); color: rgba(56,189,248,.7); } [data-theme="blu-glass"] .av-edit-btn:hover { background: rgba(56,189,248,.12); color: var(--accent); border-color: rgba(56,189,248,.3); } [data-theme="blu-glass"] .av-details-toggle { background: rgba(100,180,255,.03); border-color: rgba(100,180,255,.1); color: var(--txt2); } [data-theme="blu-glass"] .av-details-toggle:hover { background: rgba(100,180,255,.06); color: var(--txt1); border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .av2-btn-secondary { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.1); color: var(--txt1); } [data-theme="blu-glass"] .av2-btn-secondary:hover { background: rgba(56,189,248,.08); color: var(--accent); } [data-theme="blu-glass"] .av2-edit-btn { background: rgba(56,189,248,.06); border-color: rgba(56,189,248,.15); color: rgba(56,189,248,.7); } [data-theme="blu-glass"] .av2-edit-btn:hover { background: rgba(56,189,248,.12); color: var(--accent); } [data-theme="blu-glass"] .copy-btn-sm { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.1); color: var(--txt3); } [data-theme="blu-glass"] .copy-btn-sm:hover { background: rgba(56,189,248,.1); color: var(--accent); } [data-theme="blu-glass"] .edit-btn { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.1); color: var(--txt2); } [data-theme="blu-glass"] .edit-btn:hover { background: rgba(100,180,255,.08); color: var(--txt1); border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .edit-btn.accent { border-color: rgba(56,189,248,.35); color: var(--accent); } [data-theme="blu-glass"] .edit-btn.accent:hover { background: rgba(56,189,248,.1); } [data-theme="blu-glass"] .friend-action-btn { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.1); color: var(--txt3); } [data-theme="blu-glass"] .friend-action-btn:hover { background: rgba(100,180,255,.1); color: var(--txt1); } [data-theme="blu-glass"] .av-glass-modal { background: rgba(10,22,40,.94) !important; border-color: rgba(100,180,255,.1) !important; box-shadow: 0 24px 80px rgba(0,20,60,.6), 0 0 0 1px rgba(100,180,255,.05), inset 0 1px 0 rgba(100,180,255,.08); } [data-theme="blu-glass"] .av3-modal-box { background: rgba(10,22,40,.96) !important; border-color: rgba(100,180,255,.1) !important; } [data-theme="blu-glass"] .av3-modal-close { color: var(--txt3); } [data-theme="blu-glass"] .av3-modal-close:hover { color: var(--txt1); } [data-theme="blu-glass"] .av3-radio-option { border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .av3-radio-option.selected { border-color: var(--accent); background: rgba(56,189,248,.06); } [data-theme="blu-glass"] .av2-card { background: var(--card-bg); border-color: var(--card-border); backdrop-filter: blur(12px); } [data-theme="blu-glass"] .av2-card-footer { border-top-color: rgba(100,180,255,.06); background: rgba(0,20,60,.2); } [data-theme="blu-glass"] .av2-badge { background: rgba(56,189,248,.1); color: #38bdf8; } [data-theme="blu-glass"] .av2-2fa-icon { background: linear-gradient(135deg, rgba(56,189,248,.12), rgba(56,189,248,.06)); color: #0ea5e9; } [data-theme="blu-glass"] .av2-2fa-title { color: var(--txt1); } [data-theme="blu-glass"] .av2-2fa-desc { color: var(--txt3); } [data-theme="blu-glass"] .av-card { background: var(--card-bg); border-color: var(--card-border); } [data-theme="blu-glass"] .av-row { border-bottom-color: rgba(100,180,255,.06); } [data-theme="blu-glass"] .av-row:hover { background: rgba(100,180,255,.03); } [data-theme="blu-glass"] .av-card-footer { border-top-color: rgba(100,180,255,.06); background: rgba(0,20,60,.2); } [data-theme="blu-glass"] .av-toggle-track { background: rgba(100,180,255,.1); } [data-theme="blu-glass"] .av-toggle:checked + .av-toggle-track { background: linear-gradient(135deg, #0ea5e9, #38bdf8); } [data-theme="blu-glass"] .av-toggle-btn { background: var(--toggle-bg); border-color: var(--toggle-border); } [data-theme="blu-glass"] .av-toggle-btn.active { background: rgba(56,189,248,.5); border-color: rgba(56,189,248,.7); } [data-theme="blu-glass"] .av-info-card { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .av-type-card { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .av-type-card:hover { background: rgba(14,30,56,.7); border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .av-type-card.active { background: rgba(56,189,248,.08); border-color: rgba(56,189,248,.4); } [data-theme="blu-glass"] .av-type-icon { background: rgba(100,180,255,.06); } [data-theme="blu-glass"] .av-type-card.active .av-type-icon { background: rgba(56,189,248,.1); } [data-theme="blu-glass"] .av-details-body { background: rgba(100,180,255,.02); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .av-radio-option { border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .av-radio-option:hover { background: rgba(100,180,255,.03); border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .av-radio-option.selected { background: rgba(56,189,248,.06); border-color: var(--accent); } [data-theme="blu-glass"] .av-radio-dot { border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .av-radio-option.selected .av-radio-dot { border-color: var(--accent); background: var(--accent); } [data-theme="blu-glass"] .profile-hero { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .profile-tag.offline { background: rgba(100,180,255,.05); color: var(--txt3); } [data-theme="blu-glass"] .stat-card { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .stat-card:hover { border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .settings-card { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .settings-row { border-bottom-color: rgba(100,180,255,.06); } [data-theme="blu-glass"] .settings-row:hover { background: rgba(100,180,255,.03); } [data-theme="blu-glass"] .servers-count-card { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .servers-count-card:hover { border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .account-server-item { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .account-server-item:hover { border-color: rgba(100,180,255,.15); background: rgba(14,30,56,.7); } [data-theme="blu-glass"] .account-friend-item { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .account-friend-item:hover { background: rgba(14,30,56,.7); border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .av2-hero { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .av2-hero-name { background: linear-gradient(135deg, #e0f2fe, rgba(224,242,254,.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="blu-glass"] .av2-stat-item { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .av2-stat-item:hover { border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .av-session-icon { background: rgba(100,180,255,.06); color: var(--txt3); } [data-theme="blu-glass"] .av-session-icon.current { background: rgba(56,189,248,.15); color: var(--accent); } [data-theme="blu-glass"] .av-loginlog-icon { background: rgba(100,180,255,.06); } [data-theme="blu-glass"] .page-header { background: rgba(14,30,56,.6); border-bottom-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .tab-pill { background: rgba(100,180,255,.04); color: var(--txt2); border: 1px solid rgba(100,180,255,.08); } [data-theme="blu-glass"] .tab-pill:hover { background: rgba(56,189,248,.08); color: var(--accent); } [data-theme="blu-glass"] .tab-pill.active { background: var(--accent); color: #0a1628; border-color: var(--accent); } [data-theme="blu-glass"] .ch-settings-header { border-bottom-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .ch-settings-close { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.08); color: var(--txt3); } [data-theme="blu-glass"] .ch-settings-close:hover { background: rgba(100,180,255,.1); color: var(--txt1); } [data-theme="blu-glass"] .ch-settings-iconbar { border-bottom-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .ch-settings-icon-item { color: var(--txt2); } [data-theme="blu-glass"] .ch-settings-icon-item:hover { background: rgba(56,189,248,.08); color: var(--txt1); } [data-theme="blu-glass"] .ch-settings-icon-item.active { background: rgba(56,189,248,.12); color: var(--accent); } [data-theme="blu-glass"] .ch-settings-section-title { color: var(--txt3); border-bottom-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .ch-color-picker { background: rgba(100,180,255,.03); border-color: rgba(100,180,255,.08); } [data-theme="blu-glass"] .ch-color-preview { border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .ch-color-input { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .ch-color-input:focus { border-color: var(--accent); } [data-theme="blu-glass"] .ch-role-item { background: rgba(14,30,56,.5); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .ch-role-item:hover { background: rgba(14,30,56,.7); border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .ch-role-check { border-color: rgba(100,180,255,.15); } [data-theme="blu-glass"] .ch-participants-search { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .ch-participant-item:hover { background: rgba(56,189,248,.06); } [data-theme="blu-glass"] .ch-participant-role-select { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .account-friends-search { background: rgba(100,180,255,.04); border-color: rgba(100,180,255,.1); } [data-theme="blu-glass"] .account-friends-search input { color: var(--txt1); } [data-theme="blu-glass"] .account-friends-search input::placeholder { color: var(--txt3); } [data-theme="blu-glass"] .profile-avatar-lg { border-color: var(--bg1); } [data-theme="blu-glass"] .friend-status { border-color: var(--bg1); } [data-theme="blu-glass"] .account-friend-avatar .online-dot { border-color: var(--bg1); } [data-theme="blu-glass"] .account-friend-avatar .offline-dot { border-color: var(--bg1); } [data-theme="blu-glass"] #channelChatOverlay::before { opacity: var(--noise-opacity) !important; } [data-theme="purple-glass"] .av-label { color: rgba(243,232,255,.55); } [data-theme="purple-glass"] .av-row-label { color: var(--field-label-color); } [data-theme="purple-glass"] .av-row-val { color: var(--field-val-color); } [data-theme="purple-glass"] .av-row-val.muted { color: var(--txt3); } [data-theme="purple-glass"] .av-section-header { color: var(--section-header-color); } [data-theme="purple-glass"] .av-security-title { color: var(--txt1); } [data-theme="purple-glass"] .av-security-desc { color: var(--txt2); } [data-theme="purple-glass"] .av-loginlog-title { color: var(--txt1); } [data-theme="purple-glass"] .av-loginlog-meta { color: var(--txt2); } [data-theme="purple-glass"] .av-radio-label { color: var(--txt1); } [data-theme="purple-glass"] .av-radio-desc { color: var(--txt2); } [data-theme="purple-glass"] .av2-field-val.muted { color: var(--txt3); } [data-theme="purple-glass"] .field-label { color: var(--field-label-color); } [data-theme="purple-glass"] .stat-label { color: var(--txt3); } [data-theme="purple-glass"] .scc-label { color: var(--txt3); } [data-theme="purple-glass"] .category-name { color: rgba(243,232,255,.5); } [data-theme="purple-glass"] .account-server-meta { color: var(--txt3); } [data-theme="purple-glass"] .account-friend-status { color: var(--txt3); } [data-theme="purple-glass"] .profile-id-line { color: rgba(243,232,255,.5); } [data-theme="purple-glass"] .profile-custom-status { color: var(--txt2); } [data-theme="purple-glass"] .av-theme-card-sub { color: var(--txt3); } [data-theme="purple-glass"] .av-info-label { color: var(--txt3); } [data-theme="purple-glass"] .av-info-value { color: var(--txt1); } [data-theme="purple-glass"] .av-detail-cat { color: var(--txt3); } [data-theme="purple-glass"] .av-detail-ch { color: var(--txt2); } [data-theme="purple-glass"] .field-val { color: var(--txt1); } [data-theme="purple-glass"] .av-input { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.12); color: var(--txt1); } [data-theme="purple-glass"] .av-input::placeholder { color: var(--txt3); } [data-theme="purple-glass"] .av-input-prefix { color: rgba(243,232,255,.25); } [data-theme="purple-glass"] .av-input-wrap.focused .av-input-prefix { color: var(--accent); } [data-theme="purple-glass"] .av-select-arrow { color: rgba(243,232,255,.3); } [data-theme="purple-glass"] .av-select { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.12); } [data-theme="purple-glass"] .av-select:focus { border-color: var(--accent); } [data-theme="purple-glass"] .av-edit-btn { background: rgba(168,85,247,.06); border-color: rgba(168,85,247,.15); color: rgba(168,85,247,.7); } [data-theme="purple-glass"] .av-edit-btn:hover { background: rgba(168,85,247,.12); color: var(--accent); } [data-theme="purple-glass"] .av-details-toggle { background: rgba(168,85,247,.03); border-color: rgba(168,85,247,.1); color: var(--txt2); } [data-theme="purple-glass"] .av-details-toggle:hover { background: rgba(168,85,247,.06); color: var(--txt1); } [data-theme="purple-glass"] .copy-btn-sm { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.1); color: var(--txt3); } [data-theme="purple-glass"] .copy-btn-sm:hover { background: rgba(168,85,247,.1); color: var(--accent); } [data-theme="purple-glass"] .edit-btn { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.1); color: var(--txt2); } [data-theme="purple-glass"] .edit-btn:hover { background: rgba(168,85,247,.08); color: var(--txt1); } [data-theme="purple-glass"] .edit-btn.accent { border-color: rgba(168,85,247,.35); color: var(--accent); } [data-theme="purple-glass"] .friend-action-btn { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.1); color: var(--txt3); } [data-theme="purple-glass"] .friend-action-btn:hover { background: rgba(168,85,247,.1); color: var(--txt1); } [data-theme="purple-glass"] .av-glass-modal { background: rgba(15,10,26,.94) !important; border-color: rgba(168,85,247,.1) !important; box-shadow: 0 24px 80px rgba(30,10,60,.6), 0 0 0 1px rgba(168,85,247,.05), inset 0 1px 0 rgba(168,85,247,.08); } [data-theme="purple-glass"] .av3-modal-box { background: rgba(15,10,26,.96) !important; border-color: rgba(168,85,247,.1) !important; } [data-theme="purple-glass"] .av3-modal-close { color: var(--txt3); } [data-theme="purple-glass"] .av3-modal-close:hover { color: var(--txt1); } [data-theme="purple-glass"] .av2-card { background: var(--card-bg); border-color: var(--card-border); backdrop-filter: blur(12px); } [data-theme="purple-glass"] .av2-badge { background: rgba(168,85,247,.1); color: #a855f7; } [data-theme="purple-glass"] .av2-2fa-icon { background: linear-gradient(135deg, rgba(168,85,247,.12), rgba(168,85,247,.06)); color: #9333ea; } [data-theme="purple-glass"] .av2-2fa-title { color: var(--txt1); } [data-theme="purple-glass"] .av-card { background: var(--card-bg); border-color: var(--card-border); } [data-theme="purple-glass"] .av-row { border-bottom-color: rgba(168,85,247,.06); } [data-theme="purple-glass"] .av-row:hover { background: rgba(168,85,247,.03); } [data-theme="purple-glass"] .av-toggle-track { background: rgba(168,85,247,.1); } [data-theme="purple-glass"] .av-toggle:checked + .av-toggle-track { background: linear-gradient(135deg, #9333ea, #a855f7); } [data-theme="purple-glass"] .av-toggle-btn { background: var(--toggle-bg); border-color: var(--toggle-border); } [data-theme="purple-glass"] .av-toggle-btn.active { background: rgba(168,85,247,.5); border-color: rgba(168,85,247,.7); } [data-theme="purple-glass"] .av-info-card { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .av-type-card { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .av-type-card:hover { background: rgba(20,14,36,.7); border-color: rgba(168,85,247,.15); } [data-theme="purple-glass"] .av-type-card.active { background: rgba(168,85,247,.08); border-color: rgba(168,85,247,.4); } [data-theme="purple-glass"] .av-type-icon { background: rgba(168,85,247,.06); } [data-theme="purple-glass"] .av-type-card.active .av-type-icon { background: rgba(168,85,247,.1); } [data-theme="purple-glass"] .av-details-body { background: rgba(168,85,247,.02); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .av-radio-option { border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .av-radio-option:hover { background: rgba(168,85,247,.03); border-color: rgba(168,85,247,.15); } [data-theme="purple-glass"] .av-radio-option.selected { background: rgba(168,85,247,.06); border-color: var(--accent); } [data-theme="purple-glass"] .av-radio-dot { border-color: rgba(168,85,247,.15); } [data-theme="purple-glass"] .av-radio-option.selected .av-radio-dot { border-color: var(--accent); background: var(--accent); } [data-theme="purple-glass"] .profile-hero { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .profile-tag.offline { background: rgba(168,85,247,.05); color: var(--txt3); } [data-theme="purple-glass"] .stat-card { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .stat-card:hover { border-color: rgba(168,85,247,.15); } [data-theme="purple-glass"] .settings-card { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .settings-row { border-bottom-color: rgba(168,85,247,.06); } [data-theme="purple-glass"] .settings-row:hover { background: rgba(168,85,247,.03); } [data-theme="purple-glass"] .servers-count-card { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .account-server-item { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .account-server-item:hover { background: rgba(20,14,36,.7); border-color: rgba(168,85,247,.15); } [data-theme="purple-glass"] .account-friend-item { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .account-friend-item:hover { background: rgba(20,14,36,.7); } [data-theme="purple-glass"] .av2-hero { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .av2-hero-name { background: linear-gradient(135deg, #f3e8ff, rgba(243,232,255,.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="purple-glass"] .av2-stat-item { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .av-session-icon { background: rgba(168,85,247,.06); color: var(--txt3); } [data-theme="purple-glass"] .av-session-icon.current { background: rgba(168,85,247,.15); color: var(--accent); } [data-theme="purple-glass"] .av-loginlog-icon { background: rgba(168,85,247,.06); } [data-theme="purple-glass"] .page-header { background: rgba(20,14,36,.6); border-bottom-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .user-panel { background: rgba(30,10,60,.3); border-top-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .tab-pill { background: rgba(168,85,247,.04); color: var(--txt2); border: 1px solid rgba(168,85,247,.08); } [data-theme="purple-glass"] .tab-pill:hover { background: rgba(168,85,247,.08); color: var(--accent); } [data-theme="purple-glass"] .tab-pill.active { background: var(--accent); color: #0f0a1a; border-color: var(--accent); } [data-theme="purple-glass"] .ch-settings-header { border-bottom-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .ch-settings-close { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.08); color: var(--txt3); } [data-theme="purple-glass"] .ch-settings-close:hover { background: rgba(168,85,247,.1); color: var(--txt1); } [data-theme="purple-glass"] .ch-settings-iconbar { border-bottom-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .ch-settings-icon-item { color: var(--txt2); } [data-theme="purple-glass"] .ch-settings-icon-item:hover { background: rgba(168,85,247,.08); color: var(--txt1); } [data-theme="purple-glass"] .ch-settings-icon-item.active { background: rgba(168,85,247,.12); color: var(--accent); } [data-theme="purple-glass"] .ch-settings-section-title { color: var(--txt3); border-bottom-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .ch-color-picker { background: rgba(168,85,247,.03); border-color: rgba(168,85,247,.08); } [data-theme="purple-glass"] .ch-color-input { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .ch-role-item { background: rgba(20,14,36,.5); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .ch-role-item:hover { background: rgba(20,14,36,.7); border-color: rgba(168,85,247,.15); } [data-theme="purple-glass"] .ch-participants-search { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .account-friends-search { background: rgba(168,85,247,.04); border-color: rgba(168,85,247,.1); } [data-theme="purple-glass"] .account-friends-search input { color: var(--txt1); } [data-theme="purple-glass"] .account-friends-search input::placeholder { color: var(--txt3); } [data-theme="purple-glass"] .profile-avatar-lg { border-color: var(--bg1); } [data-theme="purple-glass"] .friend-status { border-color: var(--bg1); } [data-theme="purple-glass"] .account-friend-avatar .online-dot { border-color: var(--bg1); } [data-theme="purple-glass"] .account-friend-avatar .offline-dot { border-color: var(--bg1); } [data-theme="purple-glass"] #channelChatOverlay::before { opacity: var(--noise-opacity) !important; } [data-theme="gradient"] .av-label { color: rgba(252,231,243,.55); } [data-theme="gradient"] .av-row-label { color: var(--field-label-color); } [data-theme="gradient"] .av-row-val { color: var(--field-val-color); } [data-theme="gradient"] .av-row-val.muted { color: var(--txt3); } [data-theme="gradient"] .av-section-header { color: var(--section-header-color); } [data-theme="gradient"] .av-security-title { color: var(--txt1); } [data-theme="gradient"] .av-security-desc { color: var(--txt2); } [data-theme="gradient"] .av-loginlog-title { color: var(--txt1); } [data-theme="gradient"] .av-loginlog-meta { color: var(--txt2); } [data-theme="gradient"] .av-radio-label { color: var(--txt1); } [data-theme="gradient"] .av-radio-desc { color: var(--txt2); } [data-theme="gradient"] .av2-field-val.muted { color: var(--txt3); } [data-theme="gradient"] .field-label { color: var(--field-label-color); } [data-theme="gradient"] .stat-label { color: var(--txt3); } [data-theme="gradient"] .scc-label { color: var(--txt3); } [data-theme="gradient"] .category-name { color: rgba(252,231,243,.5); } [data-theme="gradient"] .account-server-meta { color: var(--txt3); } [data-theme="gradient"] .account-friend-status { color: var(--txt3); } [data-theme="gradient"] .profile-id-line { color: rgba(252,231,243,.5); } [data-theme="gradient"] .profile-custom-status { color: var(--txt2); } [data-theme="gradient"] .av-theme-card-sub { color: var(--txt3); } [data-theme="gradient"] .av-info-label { color: var(--txt3); } [data-theme="gradient"] .av-info-value { color: var(--txt1); } [data-theme="gradient"] .av-detail-cat { color: var(--txt3); } [data-theme="gradient"] .av-detail-ch { color: var(--txt2); } [data-theme="gradient"] .field-val { color: var(--txt1); } [data-theme="gradient"] .av-input { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.12); color: var(--txt1); } [data-theme="gradient"] .av-input:hover { border-color: rgba(236,72,153,.2); background: rgba(139,92,246,.06); } [data-theme="gradient"] .av-input::placeholder { color: var(--txt3); } [data-theme="gradient"] .av-input-prefix { color: rgba(252,231,243,.25); } [data-theme="gradient"] .av-input-wrap.focused .av-input-prefix { color: var(--accent); } [data-theme="gradient"] .av-select-arrow { color: rgba(252,231,243,.3); } [data-theme="gradient"] .av-select { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.12); } [data-theme="gradient"] .av-select:focus { border-color: var(--accent); } [data-theme="gradient"] .av-edit-btn { background: rgba(139,92,246,.06); border-color: rgba(139,92,246,.15); color: rgba(139,92,246,.7); } [data-theme="gradient"] .av-edit-btn:hover { background: rgba(139,92,246,.12); color: var(--accent); } [data-theme="gradient"] .av-details-toggle { background: rgba(139,92,246,.03); border-color: rgba(139,92,246,.1); color: var(--txt2); } [data-theme="gradient"] .av-details-toggle:hover { background: rgba(236,72,153,.06); color: var(--txt1); } [data-theme="gradient"] .copy-btn-sm { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.1); color: var(--txt3); } [data-theme="gradient"] .copy-btn-sm:hover { background: rgba(139,92,246,.1); color: var(--accent); } [data-theme="gradient"] .edit-btn { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.1); color: var(--txt2); } [data-theme="gradient"] .edit-btn:hover { background: rgba(139,92,246,.08); color: var(--txt1); } [data-theme="gradient"] .edit-btn.accent { border-color: rgba(139,92,246,.35); color: var(--accent); } [data-theme="gradient"] .friend-action-btn { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.1); color: var(--txt3); } [data-theme="gradient"] .friend-action-btn:hover { background: rgba(139,92,246,.1); color: var(--txt1); } [data-theme="gradient"] .av-glass-modal { background: rgba(15,5,32,.94) !important; border-color: rgba(139,92,246,.1) !important; box-shadow: 0 24px 80px rgba(20,5,40,.6), 0 0 0 1px rgba(139,92,246,.05), inset 0 1px 0 rgba(139,92,246,.08); } [data-theme="gradient"] .av3-modal-box { background: rgba(15,5,32,.96) !important; border-color: rgba(139,92,246,.1) !important; } [data-theme="gradient"] .av3-modal-close { color: var(--txt3); } [data-theme="gradient"] .av3-modal-close:hover { color: var(--txt1); } [data-theme="gradient"] .av2-card { background: var(--card-bg); border-color: var(--card-border); backdrop-filter: blur(12px); } [data-theme="gradient"] .av2-toggle.active { background: linear-gradient(135deg, #8b5cf6, #ec4899); border-color: rgba(139,92,246,.7); } [data-theme="gradient"] .av2-badge { background: rgba(139,92,246,.1); color: #8b5cf6; } [data-theme="gradient"] .av2-2fa-icon { background: linear-gradient(135deg, rgba(139,92,246,.12), rgba(236,72,153,.06)); color: #8b5cf6; } [data-theme="gradient"] .av2-2fa-title { color: var(--txt1); } [data-theme="gradient"] .av-card { background: var(--card-bg); border-color: var(--card-border); } [data-theme="gradient"] .av-row { border-bottom-color: rgba(139,92,246,.06); } [data-theme="gradient"] .av-row:hover { background: rgba(139,92,246,.03); } [data-theme="gradient"] .av-toggle-track { background: rgba(139,92,246,.1); } [data-theme="gradient"] .av-toggle:checked + .av-toggle-track { background: linear-gradient(135deg, #8b5cf6, #ec4899); } [data-theme="gradient"] .av-toggle-btn { background: var(--toggle-bg); border-color: var(--toggle-border); } [data-theme="gradient"] .av-toggle-btn.active { background: linear-gradient(135deg, rgba(139,92,246,.5), rgba(236,72,153,.4)); border-color: rgba(139,92,246,.7); } [data-theme="gradient"] .av-info-card { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .av-type-card { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .av-type-card:hover { background: rgba(18,8,40,.7); border-color: rgba(236,72,153,.15); } [data-theme="gradient"] .av-type-card.active { background: rgba(139,92,246,.08); border-color: rgba(139,92,246,.4); } [data-theme="gradient"] .av-type-icon { background: rgba(139,92,246,.06); } [data-theme="gradient"] .av-type-card.active .av-type-icon { background: rgba(139,92,246,.1); } [data-theme="gradient"] .av-details-body { background: rgba(139,92,246,.02); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .av-radio-option { border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .av-radio-option:hover { background: rgba(139,92,246,.03); border-color: rgba(236,72,153,.15); } [data-theme="gradient"] .av-radio-option.selected { background: rgba(139,92,246,.06); border-color: var(--accent); } [data-theme="gradient"] .av-radio-dot { border-color: rgba(139,92,246,.15); } [data-theme="gradient"] .av-radio-option.selected .av-radio-dot { border-color: var(--accent); background: var(--accent); } [data-theme="gradient"] .profile-hero { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .profile-tag.offline { background: rgba(139,92,246,.05); color: var(--txt3); } [data-theme="gradient"] .stat-card { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .stat-card:hover { border-color: rgba(236,72,153,.15); } [data-theme="gradient"] .settings-card { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .settings-row { border-bottom-color: rgba(139,92,246,.06); } [data-theme="gradient"] .settings-row:hover { background: rgba(139,92,246,.03); } [data-theme="gradient"] .servers-count-card { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .account-server-item { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .account-server-item:hover { background: rgba(18,8,40,.7); border-color: rgba(236,72,153,.15); } [data-theme="gradient"] .account-friend-item { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .account-friend-item:hover { background: rgba(18,8,40,.7); } [data-theme="gradient"] .av2-hero { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .av2-hero-name { background: linear-gradient(135deg, #fce7f3, rgba(252,231,243,.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="gradient"] .av2-stat-item { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .av-session-icon { background: rgba(139,92,246,.06); color: var(--txt3); } [data-theme="gradient"] .av-session-icon.current { background: rgba(139,92,246,.15); color: var(--accent); } [data-theme="gradient"] .av-loginlog-icon { background: rgba(139,92,246,.06); } [data-theme="gradient"] .page-header { background: rgba(18,8,40,.6); border-bottom-color: rgba(139,92,246,.08); } [data-theme="gradient"] .tab-pill { background: rgba(139,92,246,.04); color: var(--txt2); border: 1px solid rgba(139,92,246,.08); } [data-theme="gradient"] .tab-pill:hover { background: rgba(139,92,246,.08); color: var(--accent); } [data-theme="gradient"] .tab-pill.active { background: linear-gradient(135deg, #8b5cf6, #ec4899); color: #fff; border-color: #8b5cf6; } [data-theme="gradient"] .ch-settings-header { border-bottom-color: rgba(139,92,246,.08); } [data-theme="gradient"] .ch-settings-close { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.08); color: var(--txt3); } [data-theme="gradient"] .ch-settings-close:hover { background: rgba(139,92,246,.1); color: var(--txt1); } [data-theme="gradient"] .ch-settings-iconbar { border-bottom-color: rgba(139,92,246,.08); } [data-theme="gradient"] .ch-settings-icon-item { color: var(--txt2); } [data-theme="gradient"] .ch-settings-icon-item:hover { background: rgba(139,92,246,.08); color: var(--txt1); } [data-theme="gradient"] .ch-settings-icon-item.active { background: rgba(139,92,246,.12); color: var(--accent); } [data-theme="gradient"] .ch-settings-section-title { color: var(--txt3); border-bottom-color: rgba(139,92,246,.08); } [data-theme="gradient"] .ch-color-picker { background: rgba(139,92,246,.03); border-color: rgba(139,92,246,.08); } [data-theme="gradient"] .ch-color-input { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .ch-role-item { background: rgba(18,8,40,.5); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .ch-role-item:hover { background: rgba(18,8,40,.7); border-color: rgba(236,72,153,.15); } [data-theme="gradient"] .ch-participants-search { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .account-friends-search { background: rgba(139,92,246,.04); border-color: rgba(139,92,246,.1); } [data-theme="gradient"] .account-friends-search input { color: var(--txt1); } [data-theme="gradient"] .account-friends-search input::placeholder { color: var(--txt3); } [data-theme="gradient"] .profile-avatar-lg { border-color: var(--bg1); } [data-theme="gradient"] .friend-status { border-color: var(--bg1); } [data-theme="gradient"] .account-friend-avatar .online-dot { border-color: var(--bg1); } [data-theme="gradient"] .account-friend-avatar .offline-dot { border-color: var(--bg1); } [data-theme="gradient"] #channelChatOverlay::before { opacity: var(--noise-opacity) !important; } [data-theme="dark-glass"] .av-label { color: rgba(242,243,245,.55); } [data-theme="dark-glass"] .av-row-label { color: var(--field-label-color); } [data-theme="dark-glass"] .av-row-val { color: var(--field-val-color); } [data-theme="dark-glass"] .av-row-val.muted { color: var(--txt3); } [data-theme="dark-glass"] .av-section-header { color: var(--section-header-color); } [data-theme="dark-glass"] .av-security-title { color: var(--txt1); } [data-theme="dark-glass"] .av-security-desc { color: var(--txt2); } [data-theme="dark-glass"] .av-loginlog-title { color: var(--txt1); } [data-theme="dark-glass"] .av-loginlog-meta { color: var(--txt2); } [data-theme="dark-glass"] .av-radio-label { color: var(--txt1); } [data-theme="dark-glass"] .av-radio-desc { color: var(--txt2); } [data-theme="dark-glass"] .av2-field-val.muted { color: var(--txt3); } [data-theme="dark-glass"] .field-label { color: var(--field-label-color); } [data-theme="dark-glass"] .stat-label { color: var(--txt3); } [data-theme="dark-glass"] .scc-label { color: var(--txt3); } [data-theme="dark-glass"] .category-name { color: rgba(242,243,245,.5); } [data-theme="dark-glass"] .account-server-meta { color: var(--txt3); } [data-theme="dark-glass"] .account-friend-status { color: var(--txt3); } [data-theme="dark-glass"] .profile-id-line { color: rgba(242,243,245,.5); } [data-theme="dark-glass"] .profile-custom-status { color: var(--txt2); } [data-theme="dark-glass"] .av-theme-card-sub { color: var(--txt3); } [data-theme="dark-glass"] .av-info-label { color: var(--txt3); } [data-theme="dark-glass"] .av-info-value { color: var(--txt1); } [data-theme="dark-glass"] .av-detail-cat { color: var(--txt3); } [data-theme="dark-glass"] .av-detail-ch { color: var(--txt2); } [data-theme="dark-glass"] .field-val { color: var(--txt1); } [data-theme="dark-glass"] .av-input { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); color: var(--txt1); } [data-theme="dark-glass"] .av-input:hover { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.08); } [data-theme="dark-glass"] .av-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(88,101,242,.15); } [data-theme="dark-glass"] .av-input::placeholder { color: var(--txt3); } [data-theme="dark-glass"] .av-input-prefix { color: rgba(242,243,245,.25); } [data-theme="dark-glass"] .av-input-wrap.focused .av-input-prefix { color: var(--accent); } [data-theme="dark-glass"] .av-select-arrow { color: rgba(242,243,245,.3); } [data-theme="dark-glass"] .av-select { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); } [data-theme="dark-glass"] .av-select:focus { border-color: var(--accent); } [data-theme="dark-glass"] .av-edit-btn { background: rgba(88,101,242,.06); border-color: rgba(88,101,242,.15); color: rgba(88,101,242,.7); } [data-theme="dark-glass"] .av-edit-btn:hover { background: rgba(88,101,242,.12); color: var(--accent); } [data-theme="dark-glass"] .av-details-toggle { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.1); color: var(--txt2); } [data-theme="dark-glass"] .av-details-toggle:hover { background: rgba(88,101,242,.06); color: var(--txt1); } [data-theme="dark-glass"] .copy-btn-sm { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color: var(--txt3); } [data-theme="dark-glass"] .copy-btn-sm:hover { background: rgba(88,101,242,.1); color: var(--accent); } [data-theme="dark-glass"] .edit-btn { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color: var(--txt2); } [data-theme="dark-glass"] .edit-btn:hover { background: rgba(255,255,255,.1); color: var(--txt1); } [data-theme="dark-glass"] .edit-btn.accent { border-color: rgba(88,101,242,.35); color: var(--accent); } [data-theme="dark-glass"] .friend-action-btn { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color: var(--txt3); } [data-theme="dark-glass"] .friend-action-btn:hover { background: rgba(255,255,255,.12); color: var(--txt1); } [data-theme="dark-glass"] .av-glass-modal { background: rgba(10,10,15,.94) !important; border-color: rgba(255,255,255,.1) !important; box-shadow: 0 24px 80px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.05), inset 0 1px 0 rgba(255,255,255,.08); } [data-theme="dark-glass"] .av3-modal-box { background: rgba(10,10,15,.96) !important; border-color: rgba(255,255,255,.1) !important; } [data-theme="dark-glass"] .av3-modal-close { color: var(--txt3); } [data-theme="dark-glass"] .av3-modal-close:hover { color: var(--txt1); } [data-theme="dark-glass"] .av3-neon-input { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; color: var(--txt1) !important; } [data-theme="dark-glass"] .av3-neon-input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(88,101,242,.15) !important; } [data-theme="dark-glass"] .av2-card { background: var(--card-bg); border-color: var(--card-border); backdrop-filter: blur(12px); } [data-theme="dark-glass"] .av2-toggle.active { background: linear-gradient(135deg, #4f46e5, #5865f2); border-color: rgba(88,101,242,.7); } [data-theme="dark-glass"] .av2-badge { background: rgba(88,101,242,.1); color: #5865f2; } [data-theme="dark-glass"] .av2-2fa-icon { background: linear-gradient(135deg, rgba(88,101,242,.12), rgba(88,101,242,.06)); color: #4f46e5; } [data-theme="dark-glass"] .av2-2fa-title { color: var(--txt1); } [data-theme="dark-glass"] .av2-logout { background: rgba(237,66,69,.06); border-color: rgba(237,66,69,.1); color: #ed4245; } [data-theme="dark-glass"] .av-card { background: var(--card-bg); border-color: var(--card-border); } [data-theme="dark-glass"] .av-row { border-bottom-color: rgba(255,255,255,.06); } [data-theme="dark-glass"] .av-row:hover { background: rgba(88,101,242,.03); } [data-theme="dark-glass"] .av-toggle-track { background: rgba(255,255,255,.12); } [data-theme="dark-glass"] .av-toggle:checked + .av-toggle-track { background: linear-gradient(135deg, #4f46e5, #5865f2); } [data-theme="dark-glass"] .av-toggle-btn { background: var(--toggle-bg); border-color: var(--toggle-border); } [data-theme="dark-glass"] .av-toggle-btn.active { background: rgba(88,101,242,.5); border-color: rgba(88,101,242,.7); } [data-theme="dark-glass"] .av-info-card { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av-type-card { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av-type-card:hover { background: rgba(17,17,24,.8); border-color: rgba(255,255,255,.15); } [data-theme="dark-glass"] .av-type-card.active { background: rgba(88,101,242,.08); border-color: rgba(88,101,242,.4); } [data-theme="dark-glass"] .av-type-icon { background: rgba(255,255,255,.06); } [data-theme="dark-glass"] .av-type-card.active .av-type-icon { background: rgba(88,101,242,.1); } [data-theme="dark-glass"] .av-details-body { background: rgba(255,255,255,.02); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av-radio-option { border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av-radio-option:hover { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.15); } [data-theme="dark-glass"] .av-radio-option.selected { background: rgba(88,101,242,.06); border-color: var(--accent); } [data-theme="dark-glass"] .av-radio-dot { border-color: rgba(255,255,255,.15); } [data-theme="dark-glass"] .av-radio-option.selected .av-radio-dot { border-color: var(--accent); background: var(--accent); } [data-theme="dark-glass"] .profile-hero { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .profile-tag.offline { background: rgba(255,255,255,.05); color: var(--txt3); } [data-theme="dark-glass"] .stat-card { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .stat-card:hover { border-color: rgba(255,255,255,.15); } [data-theme="dark-glass"] .settings-card { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .settings-row { border-bottom-color: rgba(255,255,255,.06); } [data-theme="dark-glass"] .settings-row:hover { background: rgba(255,255,255,.02); } [data-theme="dark-glass"] .servers-count-card { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .account-server-item { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .account-server-item:hover { background: rgba(17,17,24,.8); border-color: rgba(255,255,255,.15); } [data-theme="dark-glass"] .account-friend-item { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .account-friend-item:hover { background: rgba(17,17,24,.8); } [data-theme="dark-glass"] .av2-hero { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av2-hero-banner-overlay { background: linear-gradient(transparent, rgba(10,10,15,.9)); } [data-theme="dark-glass"] .av2-hero-name { background: linear-gradient(135deg, #f2f3f5, rgba(242,243,245,.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="dark-glass"] .av2-stat-item { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .av-session-icon { background: rgba(255,255,255,.06); color: var(--txt3); } [data-theme="dark-glass"] .av-session-icon.current { background: rgba(88,101,242,.15); color: var(--accent); } [data-theme="dark-glass"] .av-session-badge { background: rgba(88,101,242,.1); color: var(--accent); } [data-theme="dark-glass"] .av-loginlog-icon { background: rgba(255,255,255,.06); } [data-theme="dark-glass"] .page-header { background: rgba(10,10,15,.6); border-bottom-color: rgba(255,255,255,.08); } [data-theme="dark-glass"] .user-panel { background: rgba(10,10,15,.4); border-top-color: rgba(255,255,255,.08); } [data-theme="dark-glass"] .tab-pill { background: rgba(255,255,255,.06); color: var(--txt2); border: 1px solid rgba(255,255,255,.08); } [data-theme="dark-glass"] .tab-pill:hover { background: rgba(88,101,242,.08); color: var(--accent); } [data-theme="dark-glass"] .tab-pill.active { background: var(--accent); color: #fff; border-color: var(--accent); } [data-theme="dark-glass"] .ch-settings-header { border-bottom-color: rgba(255,255,255,.08); } [data-theme="dark-glass"] .ch-settings-close { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.08); color: var(--txt3); } [data-theme="dark-glass"] .ch-settings-close:hover { background: rgba(255,255,255,.1); color: var(--txt1); } [data-theme="dark-glass"] .ch-settings-iconbar { border-bottom-color: rgba(255,255,255,.08); } [data-theme="dark-glass"] .ch-settings-icon-item { color: var(--txt2); } [data-theme="dark-glass"] .ch-settings-icon-item:hover { background: rgba(88,101,242,.08); color: var(--txt1); } [data-theme="dark-glass"] .ch-settings-icon-item.active { background: rgba(88,101,242,.12); color: var(--accent); } [data-theme="dark-glass"] .ch-settings-section-title { color: var(--txt3); border-bottom-color: rgba(255,255,255,.08); } [data-theme="dark-glass"] .ch-color-picker { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.08); } [data-theme="dark-glass"] .ch-color-input { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .ch-role-item { background: rgba(17,17,24,.7); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .ch-role-item:hover { background: rgba(17,17,24,.8); border-color: rgba(255,255,255,.15); } [data-theme="dark-glass"] .ch-participants-search { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .account-friends-search { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); } [data-theme="dark-glass"] .account-friends-search input { color: var(--txt1); } [data-theme="dark-glass"] .account-friends-search input::placeholder { color: var(--txt3); } [data-theme="dark-glass"] .profile-avatar-lg { border-color: var(--bg1); } [data-theme="dark-glass"] .friend-status { border-color: var(--bg1); } [data-theme="dark-glass"] .account-friend-avatar .online-dot { border-color: var(--bg1); } [data-theme="dark-glass"] .account-friend-avatar .offline-dot { border-color: var(--bg1); } [data-theme="dark-glass"] #channelChatOverlay::before { opacity: var(--noise-opacity) !important; } [data-theme="light"] .media-panel { background: linear-gradient(180deg, #f2f4fa 0%, #eef0f6 100%) !important; border-left-color: rgba(79,70,229,.2) !important; box-shadow: -8px 0 40px rgba(0,0,0,.06), inset 1px 0 0 rgba(0,0,0,.04) !important; } [data-theme="light"] .media-panel::before { background: linear-gradient(90deg, transparent, rgba(79,70,229,.25), transparent) !important; } [data-theme="light"] .media-header { background: rgba(248,249,252,.85) !important; border-bottom-color: rgba(0,0,0,.06) !important; color: var(--txt1) !important; } [data-theme="light"] .media-header::before { background: linear-gradient(135deg, rgba(79,70,229,.05) 0%, transparent 50%) !important; } [data-theme="light"] .media-header button { background: rgba(220,38,38,.08) !important; border-color: rgba(220,38,38,.15) !important; color: var(--txt3) !important; } [data-theme="light"] .media-header button:hover { background: rgba(220,38,38,.15) !important; border-color: rgba(220,38,38,.3) !important; color: #dc2626 !important; box-shadow: 0 0 12px rgba(220,38,38,.12) !important; } [data-theme="light"] .media-tabs { background: rgba(0,0,0,.03) !important; border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .media-tabs .tab { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.15) !important; color: var(--accent) !important; } [data-theme="light"] .media-tabs .tab:hover { background: rgba(79,70,229,.1) !important; border-color: rgba(79,70,229,.3) !important; box-shadow: 0 4px 15px rgba(79,70,229,.1) !important; color: var(--accent) !important; } [data-theme="light"] .media-tabs .tab.active { background: rgba(79,70,229,.12) !important; border-color: rgba(79,70,229,.4) !important; color: var(--accent) !important; box-shadow: 0 4px 15px rgba(79,70,229,.1) !important; } [data-theme="light"] .media-content { color: var(--txt1) !important; } [data-theme="light"] .media-content::-webkit-scrollbar-track { background: rgba(0,0,0,.03) !important; } [data-theme="light"] .media-content::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb) !important; } [data-theme="light"] .media-item { background: rgba(255,255,255,.8) !important; border-left-color: var(--accent) !important; border-left: 3px solid rgba(79,70,229,.3) !important; box-shadow: 0 1px 4px rgba(0,0,0,.04) !important; } [data-theme="light"] .media-item::before { background: linear-gradient(135deg, rgba(79,70,229,.05) 0%, transparent 50%) !important; } [data-theme="light"] .media-item:hover { background: #ffffff !important; border-left-color: rgba(79,70,229,.55) !important; box-shadow: 0 4px 16px rgba(0,0,0,.08) !important; } [data-theme="light"] .media-grid img { border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .media-grid img:hover { border-color: rgba(79,70,229,.35) !important; box-shadow: 0 4px 15px rgba(79,70,229,.1) !important; } [data-theme="light"] .link-item, [data-theme="light"] .media-link { color: var(--accent) !important; background: rgba(255,255,255,.75) !important; border-left: 3px solid rgba(79,70,229,.25) !important; box-shadow: 0 1px 3px rgba(0,0,0,.04) !important; } [data-theme="light"] .link-item:hover, [data-theme="light"] .media-link:hover { background: #ffffff !important; border-left-color: rgba(79,70,229,.5) !important; box-shadow: 0 4px 12px rgba(0,0,0,.07) !important; } [data-theme="light"] .media-empty, [data-theme="light"] .media-panel .empty-state { color: var(--txt3) !important; } [data-theme="light"] .dm-page-header-bg { background: linear-gradient(135deg, rgba(79,70,229,.1) 0%, rgba(160,32,240,.06) 40%, rgba(235,69,149,.04) 100%) !important; border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .dm-page-header-bg::before { background: radial-gradient(circle, rgba(79,70,229,.06), transparent 70%) !important; } [data-theme="light"] .dm-page-header-bg::after { background: radial-gradient(circle, rgba(235,69,149,.04), transparent 70%) !important; } [data-theme="light"] .dm-page-title { background: linear-gradient(135deg, #0f172a, rgba(15,23,42,.85)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } [data-theme="light"] .dm-tabs-bar { background: rgba(0,0,0,.03) !important; border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .dm-tab-v2 { color: var(--txt3) !important; } [data-theme="light"] .dm-tab-v2:hover { color: var(--txt2) !important; background: rgba(0,0,0,.04) !important; } [data-theme="light"] .dm-tab-v2.active { color: var(--accent) !important; background: rgba(79,70,229,.08) !important; border-color: rgba(79,70,229,.25) !important; box-shadow: 0 2px 12px rgba(79,70,229,.08), inset 0 1px 0 rgba(255,255,255,.3) !important; } [data-theme="light"] .dm-tab-v2.blocked.active { background: rgba(220,38,38,.06) !important; border-color: rgba(220,38,38,.2) !important; box-shadow: 0 2px 12px rgba(220,38,38,.06), inset 0 1px 0 rgba(255,255,255,.3) !important; } [data-theme="light"] .dm-back-btn { background: linear-gradient(135deg, rgba(79,70,229,.1), rgba(79,70,229,.06)) !important; border-color: rgba(79,70,229,.3) !important; color: var(--accent) !important; box-shadow: 0 4px 16px rgba(79,70,229,.06), inset 0 1px 0 rgba(255,255,255,.4) !important; } [data-theme="light"] .dm-back-btn:hover { background: linear-gradient(135deg, rgba(79,70,229,.18), rgba(79,70,229,.1)) !important; border-color: rgba(79,70,229,.5) !important; color: #4f46e5 !important; box-shadow: 0 6px 24px rgba(79,70,229,.12), inset 0 1px 0 rgba(255,255,255,.5) !important; } [data-theme="light"] .dm-back-btn svg { filter: none !important; } [data-theme="light"] .dm-back-btn span { text-shadow: none !important; } [data-theme="light"] .blog-empty-state { background: transparent !important; } [data-theme="light"] .blog-empty-title { background: linear-gradient(135deg, #0f172a, rgba(15,23,42,.8)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } [data-theme="light"] .blog-empty-subtitle { color: var(--txt3) !important; } [data-theme="light"] .blog-empty-visual .blog-empty-orb { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.1) !important; } [data-theme="light"] .blog-empty-visual .blog-empty-orb-ring { border-color: rgba(79,70,229,.08) !important; } [data-theme="light"] .blog-empty-fi { color: var(--accent) !important; opacity: .3 !important; } [data-theme="light"] .blog-empty-particle { background: var(--accent) !important; } [data-theme="light"] .blog-empty-create-btn { background: linear-gradient(135deg, #4f46e5, #6366f1) !important; color: #fff !important; box-shadow: 0 4px 20px rgba(79,70,229,.2) !important; } [data-theme="light"] .blog-empty-create-btn:hover { box-shadow: 0 6px 28px rgba(79,70,229,.3) !important; } [data-theme="light"] .blog-empty-divider { border-top-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-empty-divider span { color: var(--txt3) !important; background: var(--bg1) !important; } [data-theme="light"] .blog-empty-alt-btn { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt2) !important; } [data-theme="light"] .blog-empty-alt-btn:hover { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.2) !important; color: var(--accent) !important; } [data-theme="light"] .blog-my-card { background: rgba(255,255,255,.65) !important; border-color: rgba(0,0,0,.06) !important; box-shadow: 0 2px 12px rgba(0,0,0,.04) !important; } [data-theme="light"] .blog-my-card:hover { background: rgba(255,255,255,.85) !important; border-color: rgba(217,119,6,.2) !important; box-shadow: 0 4px 20px rgba(217,119,6,.06) !important; } [data-theme="light"] .blog-my-card-name { color: var(--txt1) !important; } [data-theme="light"] .blog-my-card-author { color: var(--txt3) !important; } [data-theme="light"] .blog-my-card-desc { color: var(--txt3) !important; background: rgba(0,0,0,.02) !important; } [data-theme="light"] .blog-my-card-hint { color: var(--txt4) !important; } [data-theme="light"] .blog-my-stat-val { color: var(--txt1) !important; } [data-theme="light"] .blog-my-stat-label { color: var(--txt3) !important; } [data-theme="light"] .blog-quick-btn { color: var(--txt2) !important; } [data-theme="light"] .blog-my-card-arrow svg { stroke: var(--txt3) !important; } [data-theme="light"] .blog-post-card { background: #ffffff !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.03) !important; border-left: 3px solid rgba(217,119,6,.35) !important; } [data-theme="light"] .blog-post-card:hover { border-color: rgba(217,119,6,.25) !important; background: #ffffff !important; box-shadow: 0 8px 30px rgba(0,0,0,.09), 0 0 0 1px rgba(217,119,6,.1) !important; border-left-color: rgba(217,119,6,.6) !important; } [data-theme="light"] .blog-post-header .blog-post-author { color: var(--txt1) !important; } [data-theme="light"] .blog-post-header .blog-post-date { color: var(--txt3) !important; } [data-theme="light"] .blog-post-body { color: var(--txt2) !important; } [data-theme="light"] .blog-post-actions .blog-action-btn { color: var(--txt3) !important; } [data-theme="light"] .blog-post-actions .blog-action-btn:hover { background: rgba(0,0,0,.04) !important; color: var(--txt2) !important; } [data-theme="light"] .blog-post-actions .blog-action-views { color: var(--txt3) !important; } [data-theme="light"] .blog-post-menu { color: var(--txt3) !important; } [data-theme="light"] .blog-post-menu:hover { color: var(--txt1) !important; background: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-post-image img { border-color: rgba(0,0,0,.04) !important; } [data-theme="light"] .blog-back-btn { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt2) !important; } [data-theme="light"] .blog-back-btn:hover { background: rgba(0,0,0,.06) !important; color: var(--txt1) !important; } [data-theme="light"] .blog-manage-tabs { border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-manage-tab { color: var(--txt3) !important; } [data-theme="light"] .blog-manage-tab:hover { color: var(--txt2) !important; background: rgba(0,0,0,.03) !important; } [data-theme="light"] .blog-manage-tab.active { color: #d97706 !important; background: rgba(217,119,6,.06) !important; border-color: rgba(217,119,6,.2) !important; } [data-theme="light"] .blog-all-card, [data-theme="light"] .blog-blogs-card { background: rgba(255,255,255,.65) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-all-card:hover, [data-theme="light"] .blog-blogs-card:hover { background: rgba(255,255,255,.85) !important; border-color: rgba(79,70,229,.15) !important; } [data-theme="light"] .blog-modal-overlay { background: rgba(0,0,0,.3) !important; backdrop-filter: blur(8px) !important; } [data-theme="light"] .blog-modal { background: rgba(255,255,255,.95) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 24px 80px rgba(0,0,0,.1) !important; } [data-theme="light"] .blog-modal-header { border-bottom-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-modal-title { color: var(--txt1) !important; } [data-theme="light"] .blog-modal-close { color: var(--txt3) !important; } [data-theme="light"] .blog-modal-close:hover { color: var(--txt1) !important; background: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-create-label { color: var(--txt2) !important; } [data-theme="light"] .blog-create-input, [data-theme="light"] .blog-create-textarea { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.1) !important; color: var(--txt1) !important; } [data-theme="light"] .blog-create-input::placeholder, [data-theme="light"] .blog-create-textarea::placeholder { color: var(--txt3) !important; } [data-theme="light"] .blog-create-input:focus, [data-theme="light"] .blog-create-textarea:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(79,70,229,.1) !important; } [data-theme="light"] .blog-comment { border-bottom-color: rgba(0,0,0,.04) !important; } [data-theme="light"] .blog-comment-name { color: var(--txt1) !important; } [data-theme="light"] .blog-comment-date { color: var(--txt3) !important; } [data-theme="light"] .blog-comment-text { color: var(--txt2) !important; } [data-theme="light"] .blog-comment-input-wrap { background: rgba(0,0,0,.02) !important; border-color: rgba(0,0,0,.06) !important; border-radius: 10px !important; } [data-theme="light"] .blog-comment-input { background: rgba(0,0,0,.02) !important; color: var(--txt1) !important; } [data-theme="light"] .blog-comment-input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .blog-comment-send { color: var(--accent) !important; } [data-theme="light"] .blog-poll { background: rgba(0,0,0,.01) !important; border-color: rgba(0,0,0,.06) !important; border-radius: 12px !important; padding: 12px !important; } [data-theme="light"] .blog-poll-question { color: var(--txt1) !important; } [data-theme="light"] .blog-poll-option { border-color: rgba(0,0,0,.06) !important; background: rgba(255,255,255,.5) !important; } [data-theme="light"] .blog-poll-option:hover { background: rgba(255,255,255,.7) !important; } [data-theme="light"] .blog-poll-bar { background: rgba(79,70,229,.1) !important; } [data-theme="light"] .blog-poll-option.voted .blog-poll-bar { background: rgba(79,70,229,.15) !important; } [data-theme="light"] .blog-poll-option-text { color: var(--txt1) !important; } [data-theme="light"] .blog-poll-option-pct { color: var(--txt2) !important; } [data-theme="light"] .blog-poll-total { color: var(--txt3) !important; } [data-theme="light"] .blog-empty-page { color: var(--txt3) !important; } [data-theme="light"] .blog-empty-page-icon { filter: grayscale(.3) !important; } [data-theme="light"] .blog-empty-page-title { color: var(--txt2) !important; } [data-theme="light"] .blog-empty-page-text { color: var(--txt3) !important; } [data-theme="light"] .blog-ban-card { background: rgba(255,255,255,.6) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-ban-name { color: var(--txt1) !important; } [data-theme="light"] .blog-ban-date { color: var(--txt3) !important; } [data-theme="light"] .blog-unban-btn { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.12) !important; } [data-theme="light"] .blog-discover-card-new { border-color: rgba(0,0,0,.1) !important; box-shadow: 0 2px 12px rgba(0,0,0,.07) !important; backdrop-filter: blur(8px) !important; } [data-theme="light"] .blog-all-grid .blog-discover-card-new:nth-child(5n+1) { background: linear-gradient(135deg, rgba(245,158,11,.18) 0%, rgba(239,68,68,.08) 100%) !important; border-left: 3px solid rgba(245,158,11,.5) !important; } [data-theme="light"] .blog-all-grid .blog-discover-card-new:nth-child(5n+2) { background: linear-gradient(135deg, rgba(88,101,242,.18) 0%, rgba(168,85,247,.08) 100%) !important; border-left: 3px solid rgba(88,101,242,.5) !important; } [data-theme="light"] .blog-all-grid .blog-discover-card-new:nth-child(5n+3) { background: linear-gradient(135deg, rgba(35,165,90,.18) 0%, rgba(59,130,246,.08) 100%) !important; border-left: 3px solid rgba(35,165,90,.5) !important; } [data-theme="light"] .blog-all-grid .blog-discover-card-new:nth-child(5n+4) { background: linear-gradient(135deg, rgba(239,68,68,.15) 0%, rgba(245,158,11,.08) 100%) !important; border-left: 3px solid rgba(239,68,68,.5) !important; } [data-theme="light"] .blog-all-grid .blog-discover-card-new:nth-child(5n+5) { background: linear-gradient(135deg, rgba(168,85,247,.15) 0%, rgba(88,101,242,.08) 100%) !important; border-left: 3px solid rgba(168,85,247,.5) !important; } [data-theme="light"] .blog-discover-card-new::before { background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent) !important; } [data-theme="light"] .blog-discover-card-new:hover { box-shadow: 0 8px 30px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.05) !important; border-color: rgba(0,0,0,.2) !important; transform: translateY(-2px) !important; } [data-theme="light"] .blog-discover-name { color: var(--txt1) !important; } [data-theme="light"] .blog-discover-name:hover { color: var(--accent) !important; } [data-theme="light"] .blog-discover-owner { color: var(--txt3) !important; } [data-theme="light"] .blog-discover-desc-new { color: var(--txt2) !important; } [data-theme="light"] .blog-discover-stat-val { color: var(--txt1) !important; } [data-theme="light"] .blog-discover-stat-lbl { color: var(--txt3) !important; } [data-theme="light"] .blog-discover-tag { background: rgba(217,119,6,.06) !important; color: #d97706 !important; } [data-theme="light"] .blog-subscribe-btn { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.15) !important; color: var(--accent) !important; } [data-theme="light"] .blog-subscribe-btn:hover { background: rgba(79,70,229,.12) !important; border-color: rgba(79,70,229,.3) !important; } [data-theme="light"] .blog-subscribe-btn.subscribed { background: rgba(22,163,74,.06) !important; border-color: rgba(22,163,74,.15) !important; color: #16a34a !important; } [data-theme="light"] .blog-subscribe-btn.subscribed:hover { background: rgba(220,38,38,.06) !important; border-color: rgba(220,38,38,.15) !important; color: #dc2626 !important; } [data-theme="light"] .blog-all-header { background: linear-gradient(135deg,rgba(79,70,229,.06),rgba(79,70,229,.02)) !important; border-color: rgba(79,70,229,.1) !important; } [data-theme="light"] .blog-all-header-visual { background: rgba(79,70,229,.08) !important; } [data-theme="light"] .blog-all-header-glow { background: radial-gradient(circle, rgba(79,70,229,.1), transparent 70%) !important; } [data-theme="light"] .blog-all-header-title { color: var(--txt1) !important; } [data-theme="light"] .blog-all-header-sub { color: var(--txt2) !important; } [data-theme="light"] .blog-search-wrap { background: rgba(0,0,0,.02) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .blog-search-wrap:focus-within { border-color: rgba(79,70,229,.3) !important; background: rgba(0,0,0,.04) !important; box-shadow: 0 0 0 3px rgba(79,70,229,.05) !important; } [data-theme="light"] .blog-search-input { color: var(--txt1) !important; } [data-theme="light"] .blog-search-input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .blog-feed-hero { background: linear-gradient(135deg,rgba(217,119,6,.06) 0%,rgba(220,38,38,.03) 50%,rgba(79,70,229,.02) 100%) !important; border-color: rgba(217,119,6,.1) !important; } [data-theme="light"] .blog-feed-hero-glow { background: radial-gradient(circle, rgba(217,119,6,.08), transparent 70%) !important; } [data-theme="light"] .blog-feed-hero-icon { background: linear-gradient(135deg,rgba(217,119,6,.1),rgba(220,38,38,.06)) !important; } [data-theme="light"] .blog-feed-hero-title { color: var(--txt1) !important; } [data-theme="light"] .blog-feed-hero-sub { color: var(--txt2) !important; } [data-theme="light"] .blog-view-blog-banner { background: linear-gradient(135deg,rgba(217,119,6,.06),rgba(220,38,38,.03)) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .blog-view-blog-name { color: var(--txt1) !important; } [data-theme="light"] .blog-view-blog-author { color: var(--txt3) !important; } [data-theme="light"] .blog-my-quick-section span[style*="color:#fff"], [data-theme="light"] .blog-my-quick-section span[style*="color: #fff"] { color: var(--txt1) !important; } [data-theme="light"] .blog-my-stat { background: rgba(0,0,0,.03) !important; } [data-theme="light"] .blog-manage span[style*="color:#fff"], [data-theme="light"] .blog-manage span[style*="color: #fff"] { color: var(--txt1) !important; } [data-theme="light"] .blog-my-quick-section span[style*="background:#f59e0b"], [data-theme="light"] .blog-my-quick-section span[style*="background: #f59e0b"] { background: #d97706 !important; } [data-theme="light"] .blog-quick-btn[style*="color:#5865f2"] { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.15) !important; } [data-theme="light"] .blog-quick-btn[style*="color:#23a55a"] { color: #16a34a !important; background: rgba(22,163,74,.06) !important; border-color: rgba(22,163,74,.15) !important; } [data-theme="light"] .blog-quick-btn[style*="color:#f59e0b"] { color: #d97706 !important; background: rgba(217,119,6,.06) !important; border-color: rgba(217,119,6,.15) !important; } [data-theme="light"] .blog-my-stat-val[style*="color:#f59e0b"] { color: #d97706 !important; } [data-theme="light"] .blog-my-stat-val[style*="color:#ed4245"] { color: #dc2626 !important; } [data-theme="light"] .blog-my-stat-val[style*="color:#5865f2"] { color: var(--accent) !important; } [data-theme="light"] .blog-my-stat-val[style*="color:#a855f7"] { color: #9333ea !important; } [data-theme="light"] .blog-my-stat-val[style*="color:#23a55a"] { color: #16a34a !important; } [data-theme="light"] .support-chat-overlay { background: rgba(0,0,0,.25) !important; } [data-theme="light"] .support-chat-panel { background: rgba(248,249,252,.96) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 25px 50px -12px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.04) !important; } [data-theme="light"] .support-chat-header { border-bottom-color: rgba(0,0,0,.06) !important; background: rgba(255,255,255,.5) !important; } [data-theme="light"] .support-chat-header h3, [data-theme="light"] .support-chat-header span { color: var(--txt1) !important; } [data-theme="light"] .support-chat-header button { color: var(--txt3) !important; } [data-theme="light"] .support-chat-header button:hover { color: var(--txt1) !important; background: rgba(0,0,0,.06) !important; } [data-theme="light"] .support-chat-messages { background: transparent !important; } [data-theme="light"] .support-chat-input { border-top-color: rgba(0,0,0,.06) !important; background: rgba(0,0,0,.02) !important; } [data-theme="light"] .support-chat-input textarea { background: rgba(255,255,255,.8) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .support-chat-input textarea::placeholder { color: var(--txt3) !important; } [data-theme="light"] .support-chat-input textarea:focus { border-color: var(--accent) !important; background: rgba(255,255,255,.95) !important; } [data-theme="light"] .support-chat-input button { color: var(--accent) !important; } [data-theme="light"] .msg-row .msg-body { color: var(--txt2) !important; } [data-theme="light"] .msg-row .msg-meta { color: var(--txt3) !important; } [data-theme="light"] .msg-row.support-user .msg-bubble, [data-theme="light"] .msg-row.user-msg .msg-bubble { background: rgba(79,70,229,.08) !important; color: var(--txt1) !important; border: 1px solid rgba(79,70,229,.12) !important; } [data-theme="light"] .msg-row.admin-msg .msg-bubble, [data-theme="light"] .msg-row.support-admin .msg-bubble { background: rgba(22,163,74,.06) !important; color: var(--txt1) !important; border: 1px solid rgba(22,163,74,.12) !important; } [data-theme="light"] .ticket-card, [data-theme="light"] .support-ticket { background: #ffffff !important; border-color: rgba(0,0,0,.06) !important; border-left: 3px solid rgba(217,119,6,.3) !important; box-shadow: 0 1px 4px rgba(0,0,0,.05) !important; } [data-theme="light"] .ticket-card:hover, [data-theme="light"] .support-ticket:hover { border-color: rgba(79,70,229,.15) !important; background: #ffffff !important; border-left-color: rgba(217,119,6,.5) !important; box-shadow: 0 4px 16px rgba(0,0,0,.08) !important; } [data-theme="light"] .tickets-empty { background: rgba(255,255,255,.4) !important; border-color: rgba(0,0,0,.06) !important; color: var(--txt3) !important; } [data-theme="light"] .av3-context-menu { background: rgba(255,255,255,.97) !important; border-color: rgba(0,0,0,.1) !important; box-shadow: 0 8px 32px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.04) !important; backdrop-filter: blur(20px) !important; } [data-theme="light"] .av3-ctx-item { color: var(--txt2) !important; } [data-theme="light"] .av3-ctx-item:hover { background: rgba(79,70,229,.06) !important; color: var(--txt1) !important; } [data-theme="light"] .av3-ctx-item.warn { color: #d97706 !important; } [data-theme="light"] .av3-ctx-item.warn:hover { background: rgba(217,119,6,.08) !important; } [data-theme="light"] .av3-ctx-item.danger { color: #dc2626 !important; } [data-theme="light"] .av3-ctx-item.danger:hover { background: rgba(220,38,38,.08) !important; } [data-theme="light"] .av3-ctx-sep { background: rgba(0,0,0,.06) !important; } [data-theme="light"] #friendsCountBadge { background: rgba(0,0,0,.06) !important; color: var(--txt2) !important; } [data-theme="light"] .call-bg-gradient { background: radial-gradient(ellipse at 30% 20%, rgba(79,70,229,.08) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(160,32,240,.06) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(235,69,149,.04) 0%, transparent 60%), linear-gradient(160deg, #f2f4fa 0%, #eef0f6 30%, #f0f2f8 60%, #eef0f6 100%) !important; } [data-theme="light"] .call-bg-noise { opacity: .01 !important; } [data-theme="light"] .call-header-bar { background: rgba(255,255,255,.4) !important; border-bottom-color: rgba(0,0,0,.06) !important; backdrop-filter: blur(20px) !important; } [data-theme="light"] .call-type-badge { background: rgba(79,70,229,.08) !important; border-color: rgba(79,70,229,.15) !important; color: var(--accent) !important; } [data-theme="light"] .call-timer-v2 { color: var(--accent) !important; } [data-theme="light"] .call-header-btn { color: var(--txt3) !important; background: rgba(0,0,0,.03) !important; border: 1px solid rgba(0,0,0,.05) !important; } [data-theme="light"] .call-header-btn:hover { color: var(--accent) !important; background: rgba(79,70,229,.06) !important; } [data-theme="light"] .call-participant-card { background: rgba(255,255,255,.5) !important; border: 1px solid rgba(0,0,0,.06) !important; border-radius: 20px !important; } [data-theme="light"] .call-participant-name { color: var(--txt1) !important; } [data-theme="light"] .call-participant-status { color: var(--txt2) !important; } [data-theme="light"] .call-avatar-ring-v2 { border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .call-speaking-indicator { background: var(--accent) !important; } [data-theme="light"] .call-status-icon { background: rgba(255,255,255,.8) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .call-ctrl-v2 { background: rgba(255,255,255,.55) !important; border-color: rgba(0,0,0,.06) !important; color: var(--txt2) !important; box-shadow: 0 2px 8px rgba(0,0,0,.04) !important; } [data-theme="light"] .call-ctrl-v2:hover { background: rgba(255,255,255,.75) !important; color: var(--txt1) !important; border-color: rgba(0,0,0,.1) !important; box-shadow: 0 4px 12px rgba(0,0,0,.06) !important; } [data-theme="light"] .call-ctrl-v2.muted { background: rgba(220,38,38,.08) !important; border-color: rgba(220,38,38,.15) !important; color: #dc2626 !important; } [data-theme="light"] .call-ctrl-v2.muted .call-ctrl-label { color: #dc2626 !important; } [data-theme="light"] .call-ctrl-v2.deafened { background: rgba(220,38,38,.08) !important; border-color: rgba(220,38,38,.15) !important; color: #dc2626 !important; } [data-theme="light"] .call-ctrl-v2.screen-active { background: rgba(22,163,74,.08) !important; border-color: rgba(22,163,74,.15) !important; color: #16a34a !important; } [data-theme="light"] .call-end-v2 { background: rgba(220,38,38,.1) !important; border-color: rgba(220,38,38,.2) !important; color: #dc2626 !important; box-shadow: 0 0 24px rgba(220,38,38,.08) !important; } [data-theme="light"] .call-end-v2:hover { background: rgba(220,38,38,.18) !important; border-color: rgba(220,38,38,.35) !important; box-shadow: 0 0 36px rgba(220,38,38,.12) !important; } [data-theme="light"] .call-add-btn-v2::after { background: var(--accent) !important; border-color: rgba(255,255,255,.5) !important; } [data-theme="light"] .call-controls-v2 { background: rgba(255,255,255,.35) !important; backdrop-filter: blur(20px) !important; border-top: 1px solid rgba(0,0,0,.04) !important; } [data-theme="light"] .call-sidebar-panel { background: rgba(248,249,252,.96) !important; border-left-color: rgba(0,0,0,.06) !important; box-shadow: -4px 0 20px rgba(0,0,0,.04) !important; } [data-theme="light"] .call-sidebar-title { color: var(--txt1) !important; } [data-theme="light"] .call-sidebar-close { color: var(--txt3) !important; } [data-theme="light"] .call-sidebar-close:hover { color: var(--txt1) !important; background: rgba(0,0,0,.06) !important; } [data-theme="light"] .call-sidebar-item-name { color: var(--txt1) !important; } [data-theme="light"] .call-sidebar-item-status { color: var(--txt2) !important; } [data-theme="light"] .call-add-friend-btn { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.12) !important; color: var(--accent) !important; } [data-theme="light"] .call-add-friend-btn:hover { background: rgba(79,70,229,.1) !important; } [data-theme="light"] .call-add-modal { background: rgba(0,0,0,.25) !important; } [data-theme="light"] .call-add-modal-inner { background: rgba(248,249,252,.97) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 20px 60px rgba(0,0,0,.1) !important; } [data-theme="light"] .call-add-modal-title { color: var(--txt1) !important; } [data-theme="light"] .call-add-modal-close { color: var(--txt3) !important; } [data-theme="light"] .call-add-modal-close:hover { color: var(--txt1) !important; } [data-theme="light"] .call-add-search { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; } [data-theme="light"] .call-add-search input { color: var(--txt1) !important; } [data-theme="light"] .call-add-search input::placeholder { color: var(--txt3) !important; } [data-theme="light"] .call-add-list-item-name { color: var(--txt1) !important; } [data-theme="light"] .call-add-list-item-status { color: var(--txt2) !important; } [data-theme="light"] .call-add-empty { color: var(--txt3) !important; } [data-theme="light"] .call-chat-panel { background: rgba(248,249,252,.97) !important; border-left-color: rgba(0,0,0,.06) !important; box-shadow: -4px 0 20px rgba(0,0,0,.04) !important; } [data-theme="light"] .call-chat-title { color: var(--txt1) !important; } [data-theme="light"] .call-chat-close { color: var(--txt3) !important; } [data-theme="light"] .call-chat-close:hover { color: var(--txt1) !important; } [data-theme="light"] .call-chat-msg-name { color: var(--txt1) !important; } [data-theme="light"] .call-chat-msg-text { color: var(--txt2) !important; } [data-theme="light"] .call-chat-msg-time { color: var(--txt3) !important; } [data-theme="light"] .call-chat-input-wrap { border-top-color: rgba(0,0,0,.06) !important; background: rgba(0,0,0,.02) !important; } [data-theme="light"] .call-chat-input-wrap input { background: rgba(255,255,255,.8) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .call-chat-input-wrap input::placeholder { color: var(--txt3) !important; } [data-theme="light"] #callChatSendBtn { color: var(--accent) !important; } [data-theme="light"] .incoming-card-v2 { background: rgba(248,249,252,.97) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 24px 80px rgba(0,0,0,.12) !important; } [data-theme="light"] .incoming-name-v2 { color: var(--txt1) !important; } [data-theme="light"] .incoming-sub-v2 { color: var(--txt2) !important; } [data-theme="light"] .incoming-btn-v2.accept-v2 { background: rgba(22,163,74,.1) !important; border-color: rgba(22,163,74,.2) !important; color: #16a34a !important; } [data-theme="light"] .incoming-btn-v2.accept-v2:hover { background: rgba(22,163,74,.2) !important; border-color: rgba(22,163,74,.35) !important; } [data-theme="light"] .incoming-btn-v2.decline-v2 { background: rgba(220,38,38,.08) !important; border-color: rgba(220,38,38,.15) !important; color: #dc2626 !important; } [data-theme="light"] .incoming-btn-v2.decline-v2:hover { background: rgba(220,38,38,.15) !important; border-color: rgba(220,38,38,.3) !important; } [data-theme="light"] .incoming-avatar-v2 { background: rgba(79,70,229,.08) !important; color: var(--accent) !important; } [data-theme="light"] .incoming-ring-pulse { border-color: var(--accent) !important; } [data-theme="light"] .incoming-call-type-icon { background: var(--accent) !important; color: #fff !important; } [data-theme="light"] .blog-sub-card { background: rgba(255,255,255,.6) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-sub-card:hover { background: rgba(255,255,255,.8) !important; border-color: rgba(79,70,229,.15) !important; } [data-theme="light"] .blog-sub-name { color: var(--txt1) !important; } [data-theme="light"] .blog-sub-meta { color: var(--txt3) !important; } [data-theme="light"] .blog-create-blog-page .blog-create-blog-hero { color: var(--txt1) !important; } [data-theme="light"] .blog-create-blog-title { color: var(--txt1) !important; } [data-theme="light"] .blog-create-blog-subtitle { color: var(--txt3) !important; } [data-theme="light"] .call-self-card { background: rgba(255,255,255,.55) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .call-self-card .call-participant-name { color: var(--txt1) !important; } [data-theme="light"] .call-self-card .call-participant-status { color: var(--txt2) !important; } [data-theme="light"] .call-extra-participants .call-extra-card { background: rgba(255,255,255,.45) !important; border-color: rgba(0,0,0,.06) !important; } [data-theme="light"] .call-extra-name { color: var(--txt1) !important; } [data-theme="light"] .call-extra-status { color: var(--txt2) !important; } [data-theme="light"] .call-overlay.minimized .call-card, [data-theme="light"] .call-minimized-card { background: rgba(248,249,252,.96) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 8px 32px rgba(0,0,0,.1) !important; } [data-theme="light"] .call-participants-count { background: rgba(79,70,229,.06) !important; border-color: rgba(79,70,229,.12) !important; color: var(--accent) !important; } [data-theme="light"] .support-section { color: var(--txt2) !important; } [data-theme="light"] .support-card-status { color: #16a34a !important; } [data-theme="light"] .cr-modal-box { background: rgba(255,255,255,.96) !important; border-color: rgba(0,0,0,.08) !important; box-shadow: 0 20px 60px rgba(0,0,0,.1) !important; } [data-theme="light"] .cr-header h3 { color: var(--txt1) !important; } [data-theme="light"] .cr-close-btn { color: var(--txt3) !important; } [data-theme="light"] .cr-btn { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.06) !important; color: var(--txt2) !important; } [data-theme="light"] .cr-comment { background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.08) !important; color: var(--txt1) !important; } [data-theme="light"] .cr-comment::placeholder { color: var(--txt3) !important; } [data-theme="light"] .blog-comment-mod-btn { color: var(--txt3) !important; background: rgba(0,0,0,.03) !important; border-color: rgba(0,0,0,.05) !important; } [data-theme="light"] .blog-comment-mod-btn:hover { color: var(--txt1) !important; background: rgba(0,0,0,.06) !important; } [data-theme="light"] .blog-comment-mod-btn.ban:hover { background: rgba(220,38,38,.08) !important; color: #dc2626 !important; } [data-theme="light"] .blog-comment-mod-btn.unban:hover { background: rgba(79,70,229,.06) !important; color: var(--accent) !important; } [data-theme="light"] .blog-comment-mod-btn.delete:hover { background: rgba(220,38,38,.08) !important; color: #dc2626 !important; } [data-theme="light"] .blog-comment-banned-overlay { background: rgba(220,38,38,.03) !important; } :root, [data-theme="dark"] { --accent-modern: #6366f1; --accent-modern-2: #8b5cf6; --accent-modern-3: #a5b4fc; --accent-modern-glow: rgba(99, 102, 241, .35); --accent-modern-glow-soft: rgba(99, 102, 241, .15); --glow-modern-blue: 0 0 30px rgba(99, 102, 241, .35), 0 0 60px rgba(139, 92, 246, .15); --glow-modern-green: 0 0 30px rgba(16, 185, 129, .35), 0 0 60px rgba(34, 211, 238, .15); --glow-modern-red: 0 0 30px rgba(239, 68, 68, .35), 0 0 60px rgba(236, 72, 153, .15); --glow-modern-yellow: 0 0 30px rgba(245, 158, 11, .35), 0 0 60px rgba(251, 191, 36, .15); --glow-modern-pink: 0 0 30px rgba(236, 72, 153, .35), 0 0 60px rgba(244, 114, 182, .15); --shadow-modern-sm: 0 2px 8px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15); --shadow-modern: 0 10px 40px -10px rgba(0, 0, 0, .5), 0 4px 16px -4px rgba(0, 0, 0, .3); --shadow-modern-lg: 0 24px 64px rgba(0, 0, 0, .5), 0 12px 24px -8px rgba(0, 0, 0, .3); --shadow-modern-xl: 0 40px 100px rgba(0, 0, 0, .6), 0 20px 40px -10px rgba(0, 0, 0, .4); --gradient-modern-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%); --gradient-modern-cool: linear-gradient(135deg, #6366f1, #06b6d4); --gradient-modern-warm: linear-gradient(135deg, #f59e0b, #ef4444, #ec4899); --gradient-modern-glass: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%); --gradient-modern-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .08) 50%, transparent 100%); --blur-sm: blur(8px); --blur-md: blur(16px); --blur-lg: blur(24px); --blur-xl: blur(32px); --blur-glass: blur(20px) saturate(1.6); --blur-glass-strong: blur(32px) saturate(1.8); --ease-spring: cubic-bezier(.175, .885, .32, 1.275); --ease-smooth: cubic-bezier(.4, 0, .2, 1); --ease-out-quart: cubic-bezier(.25, 1, .5, 1); --ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55); --transition-fast: .15s var(--ease-smooth); --transition-base: .25s var(--ease-smooth); --transition-slow: .4s var(--ease-smooth); --transition-spring: .4s var(--ease-spring); --transition-bounce: .5s var(--ease-in-out-back); --radius-modern-xs: 6px; --radius-modern-sm: 10px; --radius-modern-md: 14px; --radius-modern-lg: 18px; --radius-modern-xl: 24px; --radius-modern-full: 9999px; --online-glow: 0 0 12px rgba(16, 185, 129, .6); --idle-glow: 0 0 12px rgba(245, 158, 11, .6); --dnd-glow: 0 0 12px rgba(239, 68, 68, .6); } [data-theme="light"] { --accent-modern: #6366f1; --accent-modern-2: #8b5cf6; --accent-modern-3: #4f46e5; --accent-modern-glow: rgba(99, 102, 241, .25); --accent-modern-glow-soft: rgba(99, 102, 241, .1); --glow-modern-blue: 0 0 24px rgba(99, 102, 241, .2), 0 0 48px rgba(139, 92, 246, .1); --glow-modern-green: 0 0 24px rgba(16, 185, 129, .2), 0 0 48px rgba(34, 211, 238, .1); --glow-modern-red: 0 0 24px rgba(239, 68, 68, .2), 0 0 48px rgba(236, 72, 153, .1); --shadow-modern-sm: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04); --shadow-modern: 0 10px 40px -10px rgba(0, 0, 0, .15), 0 4px 16px -4px rgba(0, 0, 0, .08); --shadow-modern-lg: 0 24px 64px rgba(0, 0, 0, .18), 0 12px 24px -8px rgba(0, 0, 0, .1); --shadow-modern-xl: 0 40px 100px rgba(0, 0, 0, .22), 0 20px 40px -10px rgba(0, 0, 0, .12); --gradient-modern-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%); --gradient-modern-cool: linear-gradient(135deg, #6366f1, #06b6d4); --gradient-modern-warm: linear-gradient(135deg, #f59e0b, #ef4444, #ec4899); --gradient-modern-glass: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .5) 100%); --gradient-modern-shimmer: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .04) 50%, transparent 100%); } * { transition-timing-function: var(--ease-smooth, cubic-bezier(.4, 0, .2, 1)); } body { background: radial-gradient(ellipse at top, rgba(99, 102, 241, .04) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(139, 92, 246, .04) 0%, transparent 50%), var(--bg0, var(--bg-dark, #0a0a0f)); background-attachment: fixed; } [data-theme] { transition: background-color .5s var(--ease-smooth), color .5s var(--ease-smooth); } .theme-switch, .theme-toggle { position: relative; width: 48px; height: 26px; border-radius: 14px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .1); cursor: pointer; transition: all .3s var(--ease-spring); display: inline-flex; align-items: center; padding: 2px; } .theme-switch::before, .theme-toggle::before { content: ''; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg, #fff, #e0e0e0); box-shadow: 0 2px 8px rgba(0, 0, 0, .3); transition: transform .3s var(--ease-spring); transform: translateX(0); } [data-theme="dark"] .theme-switch::before, [data-theme="dark"] .theme-toggle::before { transform: translateX(22px); background: linear-gradient(135deg, #6366f1, #8b5cf6); box-shadow: 0 0 12px rgba(99, 102, 241, .5); } .status-dot { position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; } .status-dot.online { background: #10b981; box-shadow: var(--online-glow); animation: statusOnlinePulse 2s ease-in-out infinite; } .status-dot.idle { background: #f59e0b; box-shadow: var(--idle-glow); } .status-dot.dnd { background: #ef4444; box-shadow: var(--dnd-glow); } .status-dot.offline { background: #6b7280; } @keyframes statusOnlinePulse { 0%, 100% { box-shadow: 0 0 8px rgba(16, 185, 129, .6); } 50% { box-shadow: 0 0 16px rgba(16, 185, 129, .9), 0 0 24px rgba(16, 185, 129, .4); } } .accent-text, .text-accent { color: var(--accent-modern); text-shadow: 0 0 12px var(--accent-modern-glow-soft); } .gradient-text { background: var(--gradient-modern-primary); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: gradientShift 6s ease-in-out infinite; } @keyframes gradientShift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .glass { background: rgba(255, 255, 255, .04); backdrop-filter: var(--blur-glass); -webkit-backdrop-filter: var(--blur-glass); border: 1px solid rgba(255, 255, 255, .08); } .btn-glow:hover { box-shadow: var(--glow-modern-blue); } .skeleton { background: linear-gradient(90deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .08) 50%, rgba(255, 255, 255, .04) 100%); background-size: 200% 100%; animation: skeletonShimmer 1.5s linear infinite; border-radius: 8px; } @keyframes skeletonShimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .toast { background: linear-gradient(135deg, rgba(20, 20, 28, .98), rgba(15, 15, 22, .98)) !important; backdrop-filter: blur(24px) saturate(1.5); -webkit-backdrop-filter: blur(24px) saturate(1.5); border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 14px !important; box-shadow: 0 16px 48px rgba(0, 0, 0, .4), 0 0 30px rgba(99, 102, 241, .15) !important; animation: toastIn .4s var(--ease-spring); } @keyframes toastIn { from { opacity: 0; transform: translateY(-20px) scale(.95); } to { opacity: 1; transform: translateY(0) scale(1); } } .glow-border { position: relative; } .glow-border::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, #6366f1, #8b5cf6, #ec4899); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .3s var(--ease-smooth); pointer-events: none; } .glow-border:hover::after { opacity: 1; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } } .av-admin-modal-backdrop[style*="display:none"], .av-admin-modal-backdrop[style*="display: none"], .modal-backdrop[style*="display:none"], .modal-backdrop[style*="display: none"], .av3-modal-backdrop[style*="display:none"], .av3-modal-backdrop[style*="display: none"], .av-glass-modal[style*="display:none"], .av-glass-modal[style*="display: none"], .ch-settings-modal[style*="display:none"], .ch-settings-modal[style*="display: none"] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .av-admin-modal-backdrop[style*="display: flex"], .av-admin-modal-backdrop[style*="display:flex"], .av-admin-modal-backdrop[style*="display: block"], .av-admin-modal-backdrop[style*="display:block"], .modal-backdrop[style*="display: flex"], .modal-backdrop[style*="display:flex"], .modal-backdrop[style*="display: block"], .modal-backdrop[style*="display:block"], .av3-modal-backdrop[style*="display: flex"], .av3-modal-backdrop[style*="display:flex"], .av3-modal-backdrop[style*="display: block"], .av3-modal-backdrop[style*="display:block"] { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; } [data-theme="light"] { --bg1: #ffffff !important; --bg2: #f8fafc !important; --bg3: #f1f5f9 !important; --sidebar-bg: #ffffff !important; --sidebar-secondary: #f8fafc !important; --channel-bg: #ffffff !important; --hover: #f1f5f9 !important; --active: #e0e7ff !important; } [data-theme="light"] .channel-sidebar, [data-theme="light"] #sidebar { background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important; border-right: 1px solid rgba(0, 0, 0, .06) !important; box-shadow: 1px 0 0 rgba(0, 0, 0, .02) !important; } [data-theme="light"] .sidebar-header { background: rgba(255, 255, 255, .9) !important; border-bottom: 1px solid rgba(0, 0, 0, .06) !important; } [data-theme="light"] .brand-name { background: linear-gradient(135deg, #0f172a 0%, #4f46e5 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } [data-theme="light"] .brand-icon { box-shadow: 0 4px 12px rgba(99, 102, 241, .25) !important; } [data-theme="light"] .sidebar-actions .icon-btn { background: rgba(0, 0, 0, .04) !important; border: 1.5px solid rgba(0, 0, 0, .1) !important; color: rgba(15, 23, 42, .7) !important; } [data-theme="light"] .sidebar-actions .icon-btn:hover { background: rgba(99, 102, 241, .1) !important; border-color: rgba(99, 102, 241, .3) !important; color: #4f46e5 !important; } [data-theme="light"] .nav-item { color: rgba(15, 23, 42, .65) !important; background: transparent !important; } [data-theme="light"] .nav-item:hover { background: rgba(99, 102, 241, .08) !important; color: #4f46e5 !important; } [data-theme="light"] .nav-item.active { background: linear-gradient(90deg, rgba(99, 102, 241, .15) 0%, rgba(99, 102, 241, .03) 100%) !important; color: #4f46e5 !important; border-left: 2px solid #6366f1 !important; } [data-theme="light"] .nav-item.active .nav-item-icon { color: #4f46e5 !important; } [data-theme="light"] .nav-item-icon { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] .nav-item:hover .nav-item-icon { color: #4f46e5 !important; } [data-theme="light"] .nav-badge, [data-theme="light"] #friendsCountBadge { background: rgba(0, 0, 0, .06) !important; color: rgba(15, 23, 42, .6) !important; } [data-theme="light"] #pendingCountBadge { background: #dc2626 !important; color: #fff !important; } [data-theme="light"] .sidebar-divider { background: rgba(0, 0, 0, .06) !important; } [data-theme="light"] .user-panel, [data-theme="light"] .sidebar-user, [data-theme="light"] .user-info { background: rgba(255, 255, 255, .8) !important; border-top: 1px solid rgba(0, 0, 0, .06) !important; color: #1e293b !important; } [data-theme="light"] .user-name, [data-theme="light"] .user-panel .name, [data-theme="light"] .sidebar-user .name { color: #0f172a !important; } [data-theme="light"] .user-status, [data-theme="light"] .user-panel .status, [data-theme="light"] .sidebar-user .status { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] .server-bar { background: #ffffff !important; border-right: 1px solid rgba(0, 0, 0, .06) !important; } [data-theme="light"] .server-icon { background: rgba(0, 0, 0, .04) !important; color: rgba(15, 23, 42, .6) !important; border: 2px solid transparent !important; } [data-theme="light"] .server-icon:hover { background: rgba(99, 102, 241, .12) !important; color: #4f46e5 !important; border-color: rgba(99, 102, 241, .3) !important; } [data-theme="light"] .server-icon.active { background: linear-gradient(135deg, rgba(99, 102, 241, .2), rgba(139, 92, 246, .1)) !important; color: #4f46e5 !important; border-color: rgba(99, 102, 241, .4) !important; } [data-theme="light"] .main-content, [data-theme="light"] .page-content, [data-theme="light"] .content-area { background: #f8fafc !important; color: #1e293b !important; } [data-theme="light"] .page-title, [data-theme="light"] .page-header h1, [data-theme="light"] .page-header h2 { color: #0f172a !important; } [data-theme="light"] .sidebar-label, [data-theme="light"] .nav-section-label { color: rgba(15, 23, 42, .4) !important; text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 700; } [data-theme="light"] .friends-list, [data-theme="light"] .sidebar-list { background: transparent !important; } [data-theme="light"] .friend-item, [data-theme="light"] .sidebar-list-item { background: transparent !important; color: #1e293b !important; } [data-theme="light"] .friend-item:hover, [data-theme="light"] .sidebar-list-item:hover { background: rgba(99, 102, 241, .06) !important; } [data-theme="light"] .friend-name, [data-theme="light"] .sidebar-list-item .name { color: #0f172a !important; } [data-theme="light"] .friend-status, [data-theme="light"] .sidebar-list-item .status { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] .sidebar-search, [data-theme="light"] .search-input { background: rgba(0, 0, 0, .03) !important; border: 1px solid rgba(0, 0, 0, .08) !important; color: #1e293b !important; } [data-theme="light"] .sidebar-search::placeholder, [data-theme="light"] .search-input::placeholder { color: rgba(15, 23, 42, .4) !important; } [data-theme="light"] .sidebar-search:focus, [data-theme="light"] .search-input:focus { background: #fff !important; border-color: #6366f1 !important; box-shadow: 0 0 0 3px rgba(99, 102, 241, .12) !important; } [data-theme="light"] .channel-row, [data-theme="light"] .channel-item { color: rgba(15, 23, 42, .7) !important; } [data-theme="light"] .channel-row:hover, [data-theme="light"] .channel-item:hover { background: rgba(99, 102, 241, .06) !important; color: #4f46e5 !important; } [data-theme="light"] .channel-row.active, [data-theme="light"] .channel-item.active { background: linear-gradient(90deg, rgba(99, 102, 241, .15), rgba(99, 102, 241, .03)) !important; color: #4f46e5 !important; } [data-theme="light"] .category-header, [data-theme="light"] .channel-category { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] ::-webkit-scrollbar-track { background: rgba(0, 0, 0, .02) !important; } [data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(99, 102, 241, .3) !important; border: 2px solid transparent !important; background-clip: padding-box !important; } [data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(99, 102, 241, .5) !important; border: 2px solid transparent !important; background-clip: padding-box !important; } [data-theme="light"] .page-header, [data-theme="light"] .page-header-left { background: transparent !important; border-bottom: 1px solid rgba(0, 0, 0, .06) !important; } [data-theme="light"] .page-title, [data-theme="light"] .page-header h1, [data-theme="light"] .page-header h2, [data-theme="light"] .page-header h3 { color: #0f172a !important; background: none !important; -webkit-text-fill-color: #0f172a !important; } [data-theme="light"] .page-header-left span, [data-theme="light"] .page-header .page-subtitle { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] .page-header-icon { box-shadow: 0 4px 16px rgba(99, 102, 241, .25) !important; } [data-theme="light"] .tab-pill { background: rgba(0, 0, 0, .03) !important; border: 1px solid rgba(0, 0, 0, .1) !important; color: rgba(15, 23, 42, .65) !important; } [data-theme="light"] .tab-pill:hover { background: rgba(99, 102, 241, .08) !important; border-color: rgba(99, 102, 241, .25) !important; color: #4f46e5 !important; } [data-theme="light"] .tab-pill.active { background: linear-gradient(135deg, rgba(99, 102, 241, .15), rgba(139, 92, 246, .08)) !important; border-color: rgba(99, 102, 241, .35) !important; color: #4f46e5 !important; box-shadow: 0 2px 8px rgba(99, 102, 241, .15) !important; } [data-theme="light"] #entertainTabs .tab-pill.active[data-tab="radio"] { background: rgba(244, 63, 94, .12) !important; color: #e11d48 !important; border-color: rgba(244, 63, 94, .3) !important; } [data-theme="light"] #entertainTabs .tab-pill.active[data-tab="games"] { background: rgba(99, 102, 241, .12) !important; color: #4f46e5 !important; border-color: rgba(99, 102, 241, .3) !important; } [data-theme="light"] .page-body, [data-theme="light"] #entertainContent { background: transparent !important; color: #1e293b !important; } [data-theme="light"] .ent-section { background: rgba(255, 255, 255, .7) !important; border: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, .04) !important; backdrop-filter: blur(12px) !important; } [data-theme="light"] .ent-section-title { color: #0f172a !important; } [data-theme="light"] .ent-section-count { background: rgba(99, 102, 241, .1) !important; color: #4f46e5 !important; } [data-theme="light"] .ent-empty { color: rgba(15, 23, 42, .4) !important; } [data-theme="light"] .ent-radio-card { background: rgba(255, 255, 255, .8) !important; border: 1px solid rgba(0, 0, 0, .08) !important; color: #1e293b !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .03) !important; } [data-theme="light"] .ent-radio-card:hover { background: #fff !important; border-color: var(--gc, #6366f1) !important; box-shadow: 0 8px 24px rgba(99, 102, 241, .15) !important; transform: translateY(-2px) !important; } [data-theme="light"] .ent-radio-playing { background: linear-gradient(135deg, rgba(99, 102, 241, .1), rgba(139, 92, 246, .05)) !important; border-color: var(--gc, #6366f1) !important; box-shadow: 0 0 16px rgba(99, 102, 241, .2) !important; } [data-theme="light"] .ent-radio-name { color: #0f172a !important; } [data-theme="light"] .ent-radio-genre-badge { background: rgba(99, 102, 241, .1) !important; color: #4f46e5 !important; } [data-theme="light"] .ent-radio-live { color: #e11d48 !important; } [data-theme="light"] .mp-eq-bars b { background: var(--gc, #6366f1) !important; } [data-theme="light"] .ent-fav-btn { color: rgba(15, 23, 42, .4) !important; } [data-theme="light"] .ent-fav-btn:hover { color: #d97706 !important; } [data-theme="light"] .ent-fav-active { color: #d97706 !important; } [data-theme="light"] .ent-fav-row { background: rgba(255, 255, 255, .6) !important; color: #1e293b !important; border: 1px solid rgba(0, 0, 0, .06) !important; } [data-theme="light"] .ent-fav-row:hover { background: rgba(99, 102, 241, .06) !important; border-color: rgba(99, 102, 241, .2) !important; } [data-theme="light"] .ent-fav-del { color: rgba(15, 23, 42, .4) !important; } [data-theme="light"] .ent-fav-del:hover { color: #dc2626 !important; background: rgba(239, 68, 68, .1) !important; } [data-theme="light"] .ent-game-card { background: rgba(255, 255, 255, .8) !important; border: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .04) !important; backdrop-filter: blur(12px) !important; } [data-theme="light"] .ent-game-card:hover { background: #fff !important; border-color: var(--gc, #6366f1) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .1), 0 0 24px var(--gc20, rgba(99, 102, 241, .15)) !important; transform: translateY(-4px) !important; } [data-theme="light"] .ent-game-card::before { background: var(--gc, #6366f1) !important; } [data-theme="light"] .ent-game-icon { background: var(--gc20, rgba(99, 102, 241, .12)) !important; box-shadow: 0 4px 12px var(--gc10, rgba(99, 102, 241, .08)) !important; } [data-theme="light"] .ent-game-name { color: #0f172a !important; } [data-theme="light"] .ent-game-desc { color: rgba(15, 23, 42, .55) !important; } [data-theme="light"] .ent-game-badge { background: rgba(0, 0, 0, .04) !important; color: rgba(15, 23, 42, .6) !important; border: 1px solid rgba(0, 0, 0, .06) !important; } [data-theme="light"] .ent-game-btn { background: rgba(0, 0, 0, .04) !important; border: 1px solid rgba(0, 0, 0, .1) !important; color: #1e293b !important; } [data-theme="light"] .ent-game-btn:hover { background: rgba(99, 102, 241, .1) !important; border-color: rgba(99, 102, 241, .3) !important; color: #4f46e5 !important; } [data-theme="light"] .ent-game-btn-primary { background: var(--gc, #6366f1) !important; border-color: var(--gc, #6366f1) !important; color: #fff !important; box-shadow: 0 4px 15px var(--gc30, rgba(99, 102, 241, .3)) !important; } [data-theme="light"] .ent-game-btn-primary:hover { filter: brightness(1.1) !important; box-shadow: 0 8px 24px var(--gc40, rgba(99, 102, 241, .4)) !important; transform: translateY(-2px) !important; } [data-theme="light"] .ent-game-panel { background: rgba(255, 255, 255, .9) !important; border: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, .08) !important; backdrop-filter: blur(20px) !important; } [data-theme="light"] .ent-game-header { border-bottom: 1px solid rgba(0, 0, 0, .08) !important; } [data-theme="light"] .ent-game-title { color: #0f172a !important; } [data-theme="light"] .ent-close-btn { background: rgba(0, 0, 0, .04) !important; border: 1px solid rgba(0, 0, 0, .1) !important; color: rgba(15, 23, 42, .6) !important; } [data-theme="light"] .ent-close-btn:hover { background: rgba(239, 68, 68, .1) !important; color: #dc2626 !important; border-color: rgba(239, 68, 68, .3) !important; } [data-theme="light"] .ent-board { background: rgba(0, 0, 0, .04) !important; border: 1px solid rgba(0, 0, 0, .08) !important; } [data-theme="light"] .ent-chess-rank-label, [data-theme="light"] .ent-chess-file-label { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] .ent-game-action { background: #6366f1 !important; color: #fff !important; box-shadow: 0 4px 12px rgba(99, 102, 241, .3) !important; } [data-theme="light"] .ent-game-action:hover { filter: brightness(1.1) !important; box-shadow: 0 6px 20px rgba(99, 102, 241, .4) !important; transform: translateY(-2px) !important; } [data-theme="light"] .ent-status-bar { background: rgba(0, 0, 0, .02) !important; border: 1px solid rgba(0, 0, 0, .06) !important; color: rgba(15, 23, 42, .65) !important; } [data-theme="light"] .ent-status-bar strong { color: #0f172a !important; } [data-theme="light"] .ent-turn-active { background: rgba(99, 102, 241, .15) !important; color: #4f46e5 !important; } [data-theme="light"] .mp-radio-card { background: rgba(255, 255, 255, .8) !important; border: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .04) !important; } [data-theme="light"] .mp-radio-card:hover { background: #fff !important; box-shadow: 0 8px 24px rgba(99, 102, 241, .15) !important; } [data-theme="light"] .mp-radio-card.mp-radio-active { background: linear-gradient(135deg, rgba(99, 102, 241, .1), rgba(139, 92, 246, .05)) !important; border-color: rgba(99, 102, 241, .4) !important; } [data-theme="light"] .mp-radio-name { color: #0f172a !important; } [data-theme="light"] .mini-player, [data-theme="light"] .mp-bar, [data-theme="light"] #miniPlayer { background: rgba(255, 255, 255, .95) !important; border-top: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 -8px 32px rgba(0, 0, 0, .06) !important; backdrop-filter: blur(20px) !important; color: #1e293b !important; } [data-theme="light"] .mini-player .mp-title, [data-theme="light"] .mini-player .mp-info, [data-theme="light"] .mp-bar .mp-title { color: #0f172a !important; } [data-theme="light"] .mini-player .mp-artist, [data-theme="light"] .mp-bar .mp-artist { color: rgba(15, 23, 42, .5) !important; } [data-theme="light"] .mini-player .mp-btn, [data-theme="light"] .mp-bar .mp-btn, [data-theme="light"] .mp-controls button { color: rgba(15, 23, 42, .65) !important; background: transparent !important; } [data-theme="light"] .mini-player .mp-btn:hover, [data-theme="light"] .mp-bar .mp-btn:hover, [data-theme="light"] .mp-controls button:hover { color: #4f46e5 !important; background: rgba(99, 102, 241, .08) !important; } [data-theme="light"] .mp-progress, [data-theme="light"] .mp-progress-bar { background: rgba(0, 0, 0, .08) !important; } [data-theme="light"] .mp-progress-fill, [data-theme="light"] .mp-progress-bar .mp-fill { background: linear-gradient(90deg, #6366f1, #8b5cf6) !important; } [data-theme="light"] .mp-volume-track { background: rgba(0, 0, 0, .08) !important; } [data-theme="light"] .mp-volume-fill { background: linear-gradient(90deg, #6366f1, #8b5cf6) !important; } [data-theme="light"] #entertainContent, [data-theme="light"] #entertainContent * { color: #1e293b; } [data-theme="light"] #entertainContent h1, [data-theme="light"] #entertainContent h2, [data-theme="light"] #entertainContent h3, [data-theme="light"] #entertainContent h4, [data-theme="light"] #entertainContent .ent-game-name, [data-theme="light"] #entertainContent .ent-radio-name, [data-theme="light"] #entertainContent .ent-section-title, [data-theme="light"] #entertainContent .ent-game-title, [data-theme="light"] #entertainContent strong, [data-theme="light"] #entertainContent b { color: #0f172a !important; } [data-theme="light"] #entertainContent .ent-game-desc, [data-theme="light"] #entertainContent .ent-empty, [data-theme="light"] #entertainContent .ent-section-count { color: rgba(15, 23, 42, .55) !important; } [data-theme="light"] .support-section, [data-theme="light"] .support-cards-grid, [data-theme="light"] .support-card { background: rgba(255, 255, 255, .7) !important; border: 1px solid rgba(0, 0, 0, .08) !important; color: #1e293b !important; box-shadow: 0 4px 16px rgba(0, 0, 0, .04) !important; } [data-theme="light"] .support-card:hover { background: #fff !important; border-color: rgba(99, 102, 241, .25) !important; box-shadow: 0 12px 32px rgba(99, 102, 241, .12) !important; } [data-theme="light"] .support-card h3, [data-theme="light"] .support-card .support-card-title { color: #0f172a !important; } [data-theme="light"] .support-card .support-card-desc, [data-theme="light"] .support-card p { color: rgba(15, 23, 42, .6) !important; } [data-theme="light"] .create-card { background: linear-gradient(135deg, rgba(99, 102, 241, .08), rgba(139, 92, 246, .04)) !important; border: 1px dashed rgba(99, 102, 241, .3) !important; } [data-theme="light"] .create-card:hover { background: linear-gradient(135deg, rgba(99, 102, 241, .15), rgba(139, 92, 246, .08)) !important; border-color: rgba(99, 102, 241, .5) !important; } html[data-theme="light"] .ent-radio-card, html[data-theme="light"] .ent-game-card, html[data-theme="light"] .ent-section, html[data-theme="light"] .ent-game-panel, html[data-theme="light"] .ent-status-bar, html[data-theme="light"] .ent-board, html[data-theme="light"] .ent-fav-row, html[data-theme="light"] .mp-radio-card { background: rgba(255, 255, 255, .85) !important; border: 1px solid rgba(0, 0, 0, .08) !important; color: #1e293b !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .04) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } html[data-theme="light"] .ent-radio-card:hover, html[data-theme="light"] .ent-game-card:hover, html[data-theme="light"] .ent-fav-row:hover, html[data-theme="light"] .mp-radio-card:hover { background: #ffffff !important; border-color: rgba(99, 102, 241, .35) !important; box-shadow: 0 8px 24px rgba(99, 102, 241, .15) !important; transform: translateY(-3px) !important; } html[data-theme="light"] .ent-radio-playing, html[data-theme="light"] .mp-radio-card.mp-radio-active { background: linear-gradient(135deg, rgba(99, 102, 241, .12), rgba(139, 92, 246, .06)) !important; border-color: rgba(99, 102, 241, .45) !important; box-shadow: 0 0 20px rgba(99, 102, 241, .25) !important; } html[data-theme="light"] .ent-radio-name, html[data-theme="light"] .ent-game-name, html[data-theme="light"] .ent-section-title, html[data-theme="light"] .ent-game-title, html[data-theme="light"] .mp-radio-name, html[data-theme="light"] #entertainContent h1, html[data-theme="light"] #entertainContent h2, html[data-theme="light"] #entertainContent h3, html[data-theme="light"] #entertainContent h4, html[data-theme="light"] #entertainContent strong, html[data-theme="light"] #entertainContent b { color: #0f172a !important; background: none !important; -webkit-text-fill-color: #0f172a !important; } html[data-theme="light"] .ent-game-desc, html[data-theme="light"] .ent-empty, html[data-theme="light"] .ent-section-count, html[data-theme="light"] .ent-game-badge, html[data-theme="light"] #entertainContent .ent-game-desc, html[data-theme="light"] #entertainContent p { color: rgba(15, 23, 42, .55) !important; } html[data-theme="light"] .ent-radio-genre-badge { background: rgba(99, 102, 241, .12) !important; color: #4f46e5 !important; border: 1px solid rgba(99, 102, 241, .15) !important; } html[data-theme="light"] .ent-radio-live { color: #e11d48 !important; } html[data-theme="light"] .mp-live-dot { background: #e11d48 !important; } html[data-theme="light"] .mp-eq-bars b { background: var(--gc, #6366f1) !important; } html[data-theme="light"] .ent-fav-btn { color: rgba(15, 23, 42, .35) !important; } html[data-theme="light"] .ent-fav-btn:hover, html[data-theme="light"] .ent-fav-active { color: #d97706 !important; } html[data-theme="light"] .ent-fav-del { color: rgba(15, 23, 42, .4) !important; } html[data-theme="light"] .ent-fav-del:hover { color: #dc2626 !important; background: rgba(239, 68, 68, .1) !important; } html[data-theme="light"] .ent-game-icon { background: var(--gc20, rgba(99, 102, 241, .12)) !important; box-shadow: 0 4px 12px var(--gc10, rgba(99, 102, 241, .08)) !important; } html[data-theme="light"] .ent-game-btn { background: rgba(0, 0, 0, .04) !important; border: 1px solid rgba(0, 0, 0, .1) !important; color: #1e293b !important; } html[data-theme="light"] .ent-game-btn:hover { background: rgba(99, 102, 241, .1) !important; border-color: rgba(99, 102, 241, .3) !important; color: #4f46e5 !important; } html[data-theme="light"] .ent-game-btn-primary { background: var(--gc, #6366f1) !important; border-color: var(--gc, #6366f1) !important; color: #ffffff !important; box-shadow: 0 4px 15px var(--gc30, rgba(99, 102, 241, .3)) !important; } html[data-theme="light"] .ent-game-btn-primary:hover { filter: brightness(1.1) !important; box-shadow: 0 8px 24px var(--gc40, rgba(99, 102, 241, .4)) !important; } html[data-theme="light"] .ent-game-action { background: #6366f1 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(99, 102, 241, .3) !important; } html[data-theme="light"] .ent-close-btn { background: rgba(0, 0, 0, .04) !important; border: 1px solid rgba(0, 0, 0, .1) !important; color: rgba(15, 23, 42, .6) !important; } html[data-theme="light"] .ent-close-btn:hover { background: rgba(239, 68, 68, .1) !important; color: #dc2626 !important; border-color: rgba(239, 68, 68, .3) !important; } html[data-theme="light"] .ent-game-header { border-bottom: 1px solid rgba(0, 0, 0, .08) !important; } html[data-theme="light"] .ent-turn-active { background: rgba(99, 102, 241, .15) !important; color: #4f46e5 !important; } html[data-theme="light"] .ent-status-bar strong { color: #0f172a !important; } html[data-theme="light"] .ent-chess-rank-label, html[data-theme="light"] .ent-chess-file-label { color: rgba(15, 23, 42, .5) !important; } html[data-theme="light"] #entertainTabs .tab-pill { background: rgba(0, 0, 0, .03) !important; border: 1px solid rgba(0, 0, 0, .1) !important; color: rgba(15, 23, 42, .65) !important; } html[data-theme="light"] #entertainTabs .tab-pill:hover { background: rgba(99, 102, 241, .08) !important; border-color: rgba(99, 102, 241, .25) !important; color: #4f46e5 !important; } html[data-theme="light"] #entertainTabs .tab-pill.active { background: linear-gradient(135deg, rgba(99, 102, 241, .15), rgba(139, 92, 246, .08)) !important; border-color: rgba(99, 102, 241, .35) !important; color: #4f46e5 !important; box-shadow: 0 2px 8px rgba(99, 102, 241, .15) !important; } html[data-theme="light"] #entertainTabs .tab-pill.active[data-tab="radio"] { background: rgba(244, 63, 94, .12) !important; color: #e11d48 !important; border-color: rgba(244, 63, 94, .3) !important; } html[data-theme="light"] #entertainTabs .tab-pill.active[data-tab="games"] { background: rgba(99, 102, 241, .12) !important; color: #4f46e5 !important; border-color: rgba(99, 102, 241, .3) !important; } html[data-theme="light"] .page-header { border-bottom: 1px solid rgba(0, 0, 0, .06) !important; } html[data-theme="light"] .page-title, html[data-theme="light"] .page-header h1, html[data-theme="light"] .page-header h2 { color: #0f172a !important; background: none !important; -webkit-text-fill-color: #0f172a !important; } html[data-theme="light"] .page-header-left span, html[data-theme="light"] .page-header .page-subtitle { color: rgba(15, 23, 42, .5) !important; } html[data-theme="light"] .mini-player, html[data-theme="light"] .mp-bar, html[data-theme="light"] #miniPlayer { background: rgba(255, 255, 255, .95) !important; border-top: 1px solid rgba(0, 0, 0, .08) !important; box-shadow: 0 -8px 32px rgba(0, 0, 0, .06) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; color: #1e293b !important; } html[data-theme="light"] .mini-player .mp-title, html[data-theme="light"] .mp-bar .mp-title { color: #0f172a !important; } html[data-theme="light"] .mini-player .mp-artist, html[data-theme="light"] .mp-bar .mp-artist { color: rgba(15, 23, 42, .5) !important; } html[data-theme="light"] .mini-player .mp-btn, html[data-theme="light"] .mp-bar .mp-btn, html[data-theme="light"] .mp-controls button { color: rgba(15, 23, 42, .65) !important; background: transparent !important; } html[data-theme="light"] .mini-player .mp-btn:hover, html[data-theme="light"] .mp-bar .mp-btn:hover, html[data-theme="light"] .mp-controls button:hover { color: #4f46e5 !important; background: rgba(99, 102, 241, .08) !important; } html[data-theme="light"] .mp-progress, html[data-theme="light"] .mp-progress-bar, html[data-theme="light"] .mp-volume-track { background: rgba(0, 0, 0, .08) !important; } html[data-theme="light"] .mp-progress-fill, html[data-theme="light"] .mp-progress-bar .mp-fill, html[data-theme="light"] .mp-volume-fill { background: linear-gradient(90deg, #6366f1, #8b5cf6) !important; } html[data-theme="light"] .ent-radio-icon { color: var(--gc, #6366f1) !important; } html[data-theme="light"] #entertainContent, html[data-theme="light"] #entertainContent *, html[data-theme="light"] #entertainContent .ent-radio-info, html[data-theme="light"] #entertainContent .ent-game-btns, html[data-theme="light"] #entertainContent .ent-fav-grid, html[data-theme="light"] #entertainContent .ent-game-grid, html[data-theme="light"] #entertainContent .ent-radio-grid { color: #1e293b; } html[data-theme="light"] #entertainContent .ent-radio-info .ent-radio-name, html[data-theme="light"] #entertainContent .ent-game-name, html[data-theme="light"] #entertainContent .ent-section-title, html[data-theme="light"] #entertainContent .ent-game-title, html[data-theme="light"] #entertainContent strong, html[data-theme="light"] #entertainContent b, html[data-theme="light"] #entertainContent h1, html[data-theme="light"] #entertainContent h2, html[data-theme="light"] #entertainContent h3, html[data-theme="light"] #entertainContent h4 { color: #0f172a !important; } html[data-theme="light"] .ent-game-card::before { background: var(--gc, #6366f1) !important; } html[data-theme="light"] .ent-cell { color: #0f172a !important; } html[data-theme="light"] .ent-cell:hover { background: rgba(99, 102, 241, .1) !important; }