Пожалуйста, сформируй полный HTML-код (ничего не пропускай), выделив его обратными тройными кавычками, для следующего запроса: "Измени дизайн под социальную сеть Вконтакте". В прошлой итерации код выглядел следующим образом: "<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Подсветка активного пользователя</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            height: 100vh;
            background-color: #eceff1;
        }
        .sidebar {
            background-color: #263238;
            color: white;
            width: 250px;
            overflow-y: auto;
            padding-top: 10px;
        }
        .user-list {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        .user-list-item {
            padding: 10px;
            border-bottom: 1px solid #37474f;
            cursor: pointer;
        }
        .user-list-item:hover {
            background-color: #455a64;
        }
        .user-list-item.active {
            background-color: #1c313a;
        }
        .chat-window {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            background-color: #fff;
        }
        .chat-header {
            padding: 15px;
            background-color: #546e7a;
            color: white;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .message-window {
            flex-grow: 1;
            overflow-y: auto;
            padding: 10px;
        }
        .message {
            margin-bottom: 15px;
        }
        .message-author {
            font-weight: bold;
        }
        .message-text {
            margin-top: 5px;
        }
        .chat-footer {
            display: flex;
            align-items: center;
            padding: 10px;
            border-top: 1px solid #ccc;
            background-color: white;
        }
        .chat-input {
            flex-grow: 1;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-right: 10px;
        }
        .send-button {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            border-radius: 5px;
        }
        .send-button:hover {
            background-color: #45a049;
        }
    </style>
</head>
<body>
    <div class="sidebar">
        <ul class="user-list">
            <li class="user-list-item" onclick="switchUser('Алиса')">Алиса</li>
            <li class="user-list-item" onclick="switchUser('Боб')">Боб</li>
            <li class="user-list-item" onclick="switchUser('Чарли')">Чарли</li>
            <li class="user-list-item" onclick="switchUser('Давид')">Давид</li>
            <li class="user-list-item" onclick="switchUser('Эдвард')">Эдвард</li>
        </ul>
    </div>
    <div class="chat-window">
        <div class="chat-header" id="chat-header">
            Чат с Алисой
        </div>
        <div class="message-window" id="message-window">
            <div class="message">
                <div class="message-author">Алиса:</div>
                <div class="message-text">Привет! Как дела?</div>
            </div>
            <div class="message">
                <div class="message-author">Вы:</div>
                <div class="message-text">Привет! У меня всё хорошо, спасибо. Как ты?</div>
            </div>
        </div>
        <div class="chat-footer">
            <input type="text" class="chat-input" placeholder="Введите ваше сообщение..." id="chat-input">
            <button class="send-button" onclick="sendMessage()">Отправить</button>
        </div>
    </div>

    <script>
        const messages = {
            Алиса: [
                { author: "Алиса", text: "Привет! Как дела?" },
                { author: "Вы", text: "Привет! У меня всё хорошо, спасибо. Как ты?" }
            ],
            Боб: [
                { author: "Боб", text: "Здравствуй! Давно не виделись." },
                { author: "Вы", text: "Действительно! Как поживаешь?" }
            ],
            Чарли: [
                { author: "Чарли", text: "Как дела?" },
                { author: "Вы", text: "Неплохо. А ты как?" }
            ],
            Давид: [
                { author: "Давид", text: "Планируешь что-нибудь на выходные?" },
                { author: "Вы", text: "Пока нет. Есть предложения?" }
            ],
            Эдвард: [
                { author: "Эдвард", text: "Можешь отправить мне документ?" },
                { author: "Вы", text: "Конечно, сделаю это до конца дня." }
            ],
        };

        let currentUser = 'Алиса';

        function switchUser(user) {
            currentUser = user;
            document.getElementById('chat-header').innerText = `Чат с ${user}`;
            updateMessages();
            updateUserList();
        }

        function updateMessages() {
            const messageWindow = document.getElementById('message-window');
            messageWindow.innerHTML = '';
            messages[currentUser].forEach(msg => {
                const messageDiv = document.createElement('div');
                messageDiv.classList.add('message');
                messageDiv.innerHTML = `<div class="message-author">${msg.author}:</div><div class="message-text">${msg.text}</div>`;
                messageWindow.appendChild(messageDiv);
            });
        }

        function updateUserList() {
            const userItems = document.querySelectorAll('.user-list-item');
            userItems.forEach(item => {
                if (item.innerText === currentUser) {
                    item.classList.add('active');
                } else {
                    item.classList.remove('active');
                }
            });
        }

        function sendMessage() {
            const input = document.getElementById('chat-input');
            const text = input.value.trim();
            if (text) {
                messages[currentUser].push({ author: "Вы", text: text });
                input.value = '';
                updateMessages();
            }
        }

        window.onload = () => {
            updateMessages();
            updateUserList();
        };
    </script>
</body>
</html>". Запрос прошлой итерации был таким: "Сделай подсветку активного пользователя".