/* ── Эффект блеска для логотипа ── */
    @keyframes logo-shimmer {
      0% { background-position: -200% center; }
      100% { background-position: 200% center; }
    }
    .logo-glow {
      background: linear-gradient(90deg, 
        var(--accent-color) 0%, 
        var(--accent-color) 40%, 
        #fff 50%, 
        var(--accent-color) 60%, 
        var(--accent-color) 100%
      );
      background-size: 200% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: logo-shimmer 4s linear infinite;
      display: inline-block;
    }
    body.theme-gray .logo-glow,
    body.theme-twilight .logo-glow,
    body.theme-ocean .logo-glow {
      background: linear-gradient(90deg, 
        var(--accent-color) 0%, 
        var(--accent-color) 40%, 
        #fff 50%, 
        var(--accent-color) 60%, 
        var(--accent-color) 100%
      );
      background-size: 200% auto;
      -webkit-background-clip: text;
    }

    body { font-family: 'Inter', sans-serif; overflow: hidden; background-color: var(--bg-main); color: var(--text-main); transition: background-color 0.3s, color 0.3s; }
    .gradient-bg { background: linear-gradient(135deg, var(--bg-sidebar) 0%, var(--bg-main) 100%); }
    .fade-in { animation: fadeIn 0.5s ease-in-out; }
    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
    .spinner { border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; border-top: 2px solid #fff; width: 16px; height: 16px; animation: spin 1s linear infinite; }
    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
    .chat-list-item:hover { background-color: var(--bg-item-hover); cursor: pointer; }
    .chat-list-item.active { background-color: var(--bg-item-active); border-right: 3px solid var(--accent-color); }