<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script src="https://cdn.jsdelivr.net/npm/pusher-js@8.3.0/dist/web/pusher.min.js"></script><link rel="icon" href="assets/logo.svg" type="image/svg+xml"><title>Multi-Platform Chat</title><link rel="manifest" href="manifest.json"><meta name="theme-color" content="#a970ff"><link rel="apple-touch-icon" href="assets/logo.svg" type="image/svg+xml"><link rel="stylesheet" href="static/style.min.css"></head><body class="theme-dark"><header class="header"><div class="add-chat-container"><input type="text" id="chat-url-input" data-i18n-placeholder="addChatUrlPlaceholder" placeholder="Enter Twitch, Kick, or YouTube chat URL..."> <button id="add-chat-btn" data-i18n="addChatButton">Add Chat</button></div></header><main class="main-content-wrapper"><div id="stream-wrapper" class="hidden"><iframe id="stream-frame" src="about:blank" allowfullscreen allow="autoplay; fullscreen; picture-in-picture"></iframe><div class="stream-controls"><button id="toggle-chat-visibility-btn" title="Toggle Chat Visibility"><svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg></button> <button id="theater-mode-btn" title="Theater Mode"><svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M19 6H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H5V8h14v8z"/></svg></button> <button id="app-fullscreen-btn" title="Fullscreen"><svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg></button> <button id="close-stream-btn" title="Close Stream">&times;</button></div></div><div id="layout-resizer"></div><div id="chat-interface"><div class="resize-handle n"></div><div class="resize-handle e"></div><div class="resize-handle s"></div><div class="resize-handle w"></div><div class="resize-handle ne"></div><div class="resize-handle se"></div><div class="resize-handle sw"></div><div class="resize-handle nw"></div><div id="chat-drag-handle" class="hidden"><span>:::</span></div><div class="chat-container"><div id="chat-messages"></div></div></div><button id="scroll-to-bottom-btn" title="Scroll to bottom">&darr;</button></main><div class="engine-modal-container"><div class="engine-content-wrapper"><button id="close-engine-btn" title="Close Settings">&times;</button><div class="engine-content"><div class="tab-pane" id="chats-pane"><div id="chat-sources-list"></div></div><div class="tab-pane" id="settings-pane"><div class="setting-item"><label data-i18n="languageLabel">Language</label><div id="language-selector" class="language-buttons"><button data-lang="en" class="active">EN</button> <button data-lang="pt">PT</button></div></div><div class="setting-item"><label for="font-size-slider" data-i18n="fontSizeLabel">Font Size</label> <span><span id="font-size-value">14</span>px</span> <input type="range" id="font-size-slider" min="10" max="24" value="14"></div><div class="setting-item"><label for="theme-toggle" data-i18n="darkModeLabel">Dark Mode</label> <label class="switch"><input type="checkbox" id="theme-toggle" checked="checked"> <span class="slider round"></span></label></div><div class="setting-item"><label for="centered-mode-toggle" data-i18n="centeredLayoutLabel">Centered Layout</label> <label class="switch"><input type="checkbox" id="centered-mode-toggle"> <span class="slider round"></span></label></div><div class="setting-item"><label for="channel-badges-toggle" data-i18n="showChannelPicturesLabel">Show Channel Icon</label> <label class="switch"><input type="checkbox" id="channel-badges-toggle"> <span class="slider round"></span></label></div><div class="setting-item"><label for="timestamps-toggle" data-i18n="showTimestampsLabel">Show Timestamps</label> <label class="switch"><input type="checkbox" id="timestamps-toggle"> <span class="slider round"></span></label></div><hr class="setting-divider"><div class="setting-item"><label for="highlight-mods-toggle" data-i18n="highlightModeratorsLabel">Highlight Moderators</label> <label class="switch"><input type="checkbox" id="highlight-mods-toggle"> <span class="slider round"></span></label></div><div class="setting-item"><label for="highlight-vips-toggle" data-i18n="highlightVipsLabel">Highlight VIPs</label> <label class="switch"><input type="checkbox" id="highlight-vips-toggle"> <span class="slider round"></span></label></div><div class="setting-item"><label for="highlight-subs-toggle" data-i18n="highlightSubscribersLabel">Highlight Subscribers</label> <label class="switch"><input type="checkbox" id="highlight-subs-toggle"> <span class="slider round"></span></label></div><hr class="setting-divider"><div class="setting-item"><label for="subs-only-toggle" data-i18n="subscribersOnlyLabel">Subscribers Only Mode</label> <label class="switch"><input type="checkbox" id="subs-only-toggle"> <span class="slider round"></span></label></div><hr class="setting-divider"><div class="setting-header" data-i18n="floatingChatSettingsHeader">Floating Chat Settings</div><div class="setting-item"><label for="floating-chat-toggle" data-i18n="floatingChatLabel">Floating Chat (Desktop)</label> <label class="switch"><input type="checkbox" id="floating-chat-toggle"> <span class="slider round"></span></label></div><div class="setting-item"><label for="chat-opacity-slider" data-i18n="chatOpacityLabel">Chat Opacity</label> <span><span id="chat-opacity-value">100</span>%</span> <input type="range" id="chat-opacity-slider" min="20" max="100" value="100"></div><hr class="setting-divider"><div class="setting-item setting-item-full"><label for="proxy-url-input" data-i18n="proxyUrlLabel">Proxy URL</label> <input type="text" id="proxy-url-input" data-i18n-placeholder="proxyUrlPlaceholder" placeholder="https://your-proxy.com/"></div></div></div></div></div><footer class="engine-tabs-container"><div class="engine-tabs"><button class="tab-btn" data-tab="chats" data-i18n="chatsTab">Chats</button> <button class="tab-btn" data-tab="settings" data-i18n="settingsTab">Settings</button></div></footer><script src="static/app.min.js"></script></body></html>