fix: use server-trusted peerId in relay payload to prevent spoofing

fix: use future-proof regex for Amazon domain matching
fix: use orteil.dashnet.org instead of cookieclicker.com in blacklist
2026-07-26 12:08:15 +00:00 · 2026-06-02 08:17:08 +02:00 · 2026-06-02 08:06:35 +02:00 · 2026-06-02 08:04:31 +02:00 · 2026-06-02 08:02:47 +02:00 · 2026-06-02 07:55:08 +02:00
66 changed files with 742 additions and 190 deletions
@@ -0,0 +1,56 @@
+---
+name: 🐛 Bug Report
+about: Create a report to help us improve KoalaSync
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+> **⚠️ Required:** Before submitting, open the KoalaSync **Status** tab in the extension popup and click **"Copy Logs"**. Paste the full output below — it contains essential system info, connection state, and debug data needed to diagnose your issue.
+
+<details>
+<summary><b>📋 Copy Logs Output</b></summary>
+
+<!-- Paste the copied logs here -->
+
+</details>
+
+---
+
+### Describe the Bug
+
+A clear and concise description of what the bug is.
+
+### To Reproduce
+
+Steps to reproduce the behavior:
+
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+### Expected Behavior
+
+A clear and concise description of what you expected to happen.
+
+### Actual Behavior
+
+A clear and concise description of what actually happened.
+
+### Screenshots / Screen Recordings
+
+If applicable, add screenshots or recordings to help explain your problem.
+
+### Environment
+
+- **Browser:** (e.g. Chrome 125, Firefox 128)
+- **Extension Version:** (visible at the bottom of the Settings tab)
+- **OS:** (e.g. Windows 11, macOS 14.5)
+- **Self-Hosted Server?:** (yes / no — if yes, provide server version)
+- **Website/Platform:** (e.g. YouTube, Netflix, Twitch, Jellyfin, Emby)
+
+### Additional Context
+
+Add any other context about the problem here (e.g. network setup, VPN usage, multiple monitors, etc.).
@@ -0,0 +1,31 @@
+---
+name: 🚀 Feature Request
+about: Suggest a new feature or enhancement for KoalaSync
+title: ''
+labels: enhancement
+assignees: ''
+
+---
+
+### Problem Description
+
+A clear and concise description of the problem or limitation you're encountering. What's missing or what could be improved?
+
+*As a user, I want to ... so that ...*
+
+### Proposed Solution
+
+Describe the feature you'd like to see. How should it work? Be as specific as possible.
+
+### Use Cases & Benefits
+
+- **When would you use this?** (e.g., specific websites, workflows, setups)
+- **What value does it add?** (e.g., saves time, enables new functionality, improves UX)
+
+### Alternatives Considered
+
+What workarounds or alternative approaches have you tried? Are there other ways to achieve a similar result?
+
+### Additional Context
+
+Add any other context, sketches, mockups, or references (e.g., links to similar features in other projects).
@@ -0,0 +1,45 @@
+<!--
+Thanks for contributing to KoalaSync!
+
+Please read the CONTRIBUTING.md and CODE_OF_CONDUCT.md before submitting.
+By submitting this PR, you agree to abide by our code of conduct.
+
+Use conventional commits for the title: feat:, fix:, docs:, refactor:, chore:
+-->
+
+### Description
+
+<!-- What does this PR do and why? Link to relevant issue or motivation. -->
+
+Closes #
+
+### Type of Change
+
+- [ ] Bug fix (non-breaking change that fixes an issue)
+- [ ] New feature (non-breaking change that adds functionality)
+- [ ] Breaking change (fix or feature that alters existing behavior)
+- [ ] Refactoring (no functional changes)
+- [ ] Documentation update
+- [ ] Build, dependencies, or CI
+
+### How Has This Been Tested?
+
+<!-- Describe the tests you ran and the environments (browsers, OS, etc.) -->
+
+- [ ] Tested on Chrome
+- [ ] Tested on Firefox
+- [ ] `npm run lint` passes with zero errors and zero warnings
+- [ ] `node -c` passes on all modified `.js` files
+
+### Checklist
+
+- [ ] My code follows the project's style guidelines
+- [ ] I have performed a self-review of my code
+- [ ] I have added/updated tests if needed
+- [ ] I have updated documentation if needed (`docs/`, README, etc.)
+- [ ] Protocol changes: I ran `node scripts/build-extension.js` and updated relevant docs
+- [ ] No new warnings, secrets, or hardcoded credentials introduced
+
+### Additional Context
+
+<!-- Screenshots, migration notes, performance data, etc. -->
@@ -0,0 +1,53 @@
+# KoalaSync Changelog
+
+All notable changes to the KoalaSync browser extension and relay server.
+
+---
+
+## [v2.0.1] — 2026-06-01
+
+### Fixed
+- Video detection on Prime Video: `findVideo()` now scores all video elements by size, duration, and mute state instead of picking the first one. Fixes 0×0 placeholder being selected over the actual player.
+- History entries in debug report showing `?` instead of action names.
+- Prime Video status in compatibility matrix updated to reflect partial support.
+
+### Added
+- Multi-video overview table in Copy Debug Report when a page has more than one `<video>` element. Shows resolution, mute state, playback state, readyState, duration, and marks the currently targeted video.
+
+---
+
+## [v2.0.0] — 2026-06-01
+
+### 🌍 Multi-Language Extension (Biggest Feature!)
+- **6-Language UI**: The browser extension is now fully translated into **English, German, French, Spanish, Portuguese (Brazilian), and Russian**. Switch languages instantly in Settings without reload.
+- **Real-Time i18n**: Every label, button, tooltip, toast notification, empty state, and onboarding guide updates dynamically when the language changes.
+
+### New Features
+- **Copy Debug Report (Markdown)**: The *Copy Logs* button in the Status tab now copies a fully formatted Markdown debug report — system info, connection status, video diagnostics, action history, and logs. One click, paste into a GitHub issue, all debugging data ready.
+- **Platform Auto-Detection**: The Dev tab now identifies streaming platforms (YouTube, Netflix, Twitch, Prime Video, Disney+, HBO Max, Vimeo, Dailymotion) and displays the detected platform.
+- **Enhanced Video Debug Info**: 20+ new fields in the Status tab including network state, buffered ranges, dimensions (with 0×0 warning), media error codes, shadow DOM status, seeking/ended/loop flags, volume, playback speed, and data attributes.
+- **No-Video Diagnostic Mode**: When no video is found, the Status tab shows platform, page title, video count, shadow DOM presence, and MediaSession data to help troubleshoot.
+
+### Changed
+- **New TwoPointZero Branding**: Updated extension icons (16/32/48/96/128px).
+- **Larger Popup Logo**: Extension popup icon increased to 48px.
+- **Prime Video Unblocked**: Removed `amazon.` from the tab blacklist so Amazon/Prime Video tabs appear in the video selector.
+- **Improved Debug Report**: Full User-Agent string for accurate browser identification, UTC timestamp, connection details including server URL and room info.
+- **Smart Disconnect**: Improved disconnect handling when leaving rooms.
+- **Human-Readable Room IDs**: Expanded word lists for friendlier room names.
+- **Custom Server Support**: WEB_JOIN_REQUEST and join button for custom server invite flows.
+- **Reconnection Strategy**: Custom server reconnection improvements.
+- **Episode-Aware Sync**: Command sequencing with smarter episode transition detection and echo suppression for smoother series binges.
+- **Sync Status Refinements**: YouTube and Twitch sync behavior improved.
+- **No External Dependencies**: Extension remains dependency-free with no library overhead.
+
+### Fixed
+- Hardcoded strings, missing translation keys, and Service Worker notification race conditions.
+
+---
+
+## Versioning Policy
+
+- **MAJOR** (x.0.0): Breaking protocol changes, architecture rewrites, or major feature milestones.
+- **MINOR** (0.x.0): New features, significant enhancements, new translations, or UI redesigns.
+- **PATCH** (0.0.x): Bug fixes, minor improvements, and documentation updates. PATCH releases may not receive individual changelog entries if bundled with a MINOR release.
@@ -0,0 +1,131 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Project maintainers are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Project maintainers have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official email address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the project maintainer at **koaladev@koalamail.rocks**.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All project maintainers are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Project maintainers will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from project maintainers, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series of
+actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or permanent
+ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior, harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.1, available at
+[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
+
+Community Impact Guidelines were inspired by
+[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
+
+For answers to common questions about this code of conduct, see the FAQ at
+[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
+[https://www.contributor-covenant.org/translations][translations].
+
+[homepage]: https://www.contributor-covenant.org
+[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
+[Mozilla CoC]: https://github.com/mozilla/diversity
+[FAQ]: https://www.contributor-covenant.org/faq
+[translations]: https://www.contributor-covenant.org/translations
@@ -2,6 +2,8 @@

 Thanks for your interest in improving KoalaSync. All contributions are welcome — from bug reports and translations to core protocol changes.

+Please note that by participating in this project, you agree to abide by our [Code of Conduct](CODE_OF_CONDUCT.md).
+
 ---

 ## Ways to Contribute
@@ -12,6 +12,8 @@
  <a href="https://chromewebstore.google.com/detail/koalasync/obbnmkmlaaddodakcbdljknjpagklifc"><img src="https://img.shields.io/badge/Chrome-Download-blue?logo=googlechrome&logoColor=white" alt="Chrome Extension"></a>
 </p>

+<p align="center"><a href="CHANGELOG.md"><b>New v2.0.1 Release!</b> — See what's changed</a></p>
+
 <p align="center"><i>KoalaSync is a lightweight Browser Extension and Relay Server for synchronized video playback on almost any website with a video element—YouTube, Twitch, Netflix, Emby, Jellyfin, and beyond. Built with a focus on <b>Data Sovereignty</b> and <b>Performance</b>.</i></p>

 ### 🌟 Why KoalaSync?
@@ -104,10 +106,12 @@ Both the official KoalaSync website and the **v2.0 Browser Extension** feature f

 ### 📖 Documentation & Links

+- **[CHANGELOG.md](CHANGELOG.md)**: Full version history for the extension and relay server.
 - **[TESTED_SERVICES.md](TESTED_SERVICES.md)**: Detailed compatibility matrix of tested streaming platforms and known limitations.
 - **[TRANSLATION.md](website/TRANSLATION.md)**: Translation and localization guide for contributors.
 - **[PRIVACY.md](PRIVACY.md)**: Data Handling and Privacy Policy.
 - **[CONTRIBUTING.md](CONTRIBUTING.md)**: How to help make KoalaSync better.
+- **[CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md)**: Our community standards and expectations.
 - **[HOW_IT_WORKS.md](docs/HOW_IT_WORKS.md)**: Step-by-step walkthrough of the complete user flow.
 - **[ARCHITECTURE.md](docs/ARCHITECTURE.md)**: Deep-dive into the two-phase sync and heartbeat logic.
 - **[SECURITY.md](SECURITY.md)**: Disclosure policy and security practices.
@@ -11,7 +11,7 @@ This document tracks which streaming platforms and media servers have been teste
 | **Jellyfin** | ✅ Full | ✅ Full | ✅ Full | Self-hosted. Full HTML5 player access. |
 | **Plex** | Not tested | Not tested | Not tested | Community reports indicate compatibility via HTML5 player mode. |
 | **Disney+** | Not tested | Not tested | Not tested | Widevine DRM may restrict title detection similar to Netflix. |
-| **Prime Video** | ❌ None | ❌ None | ❌ | Extension cannot detect video elements. Play/Pause do not work. Media title detection fails. DRM and custom player prevent script access. |
+| **Prime Video** | ⚠️ Partial | ⚠️ Partial | ❌ | Video elements detected (2 on page, picks larger one). Playback state + time readable. However, the preview/trailer video may be selected instead of the main content. Play/Pause commands may not reach the correct player. Title detection from MediaSession API may work for some content. |
 | **HBO Max / Max** | Not tested | Not tested | Not tested | — |
 | **Crunchyroll** | Not tested | Not tested | Not tested | — |
 | **Vimeo** | Not tested | Not tested | Not tested | — |
@@ -78,21 +78,41 @@
    }

    // --- Helper: find the best video element on the page ---
+    // Prefers larger, visible videos over tiny preview/trailer elements.
    function findVideo(root = document) {
-        const video = root.querySelector('video');
-        if (video) return video;
-        
-        // Optimize: scan only potential player, video, media, and stream hosts by matching typical keywords (case-insensitive)
-        // or common custom element tags. This prevents recursive scanning of thousands of standard DOM nodes (div, span, a, etc.)
-        // while guaranteeing 100% airtight compatibility with all video web components in the wild.
-        const potentialHosts = root.querySelectorAll('[id*="player" i], [class*="player" i], [id*="video" i], [class*="video" i], [id*="media" i], [class*="media" i], [id*="stream" i], [class*="stream" i], ytd-player, netflix-player, emby-player, jellyfin-player, video-player');
-        for (const el of potentialHosts) {
-            if (el.shadowRoot) {
-                const found = findVideo(el.shadowRoot);
-                if (found) return found;
+        const allVideos = root.querySelectorAll('video');
+        if (allVideos.length === 0) {
+            // Optimize: scan only potential player, video, media, and stream hosts by matching typical keywords (case-insensitive)
+            // or common custom element tags. This prevents recursive scanning of thousands of standard DOM nodes (div, span, a, etc.)
+            // while guaranteeing 100% airtight compatibility with all video web components in the wild.
+            const potentialHosts = root.querySelectorAll('[id*="player" i], [class*="player" i], [id*="video" i], [class*="video" i], [id*="media" i], [class*="media" i], [id*="stream" i], [class*="stream" i], ytd-player, netflix-player, emby-player, jellyfin-player, video-player');
+            for (const el of potentialHosts) {
+                if (el.shadowRoot) {
+                    const found = findVideo(el.shadowRoot);
+                    if (found) return found;
+                }
+            }
+            return null;
+        }
+
+        // Multiple videos found → pick the best one
+        if (allVideos.length === 1) return allVideos[0];
+
+        let best = null;
+        let bestScore = -1;
+        for (const v of allVideos) {
+            if (v.tagName !== 'VIDEO') continue;
+            // Score: visible area + bonus for unmuted + bonus for longer duration
+            const area = (v.videoWidth || v.offsetWidth || 0) * (v.videoHeight || v.offsetHeight || 0);
+            const unmutedBonus = v.muted ? 0 : 100000;
+            const durationBonus = (v.duration && isFinite(v.duration) ? v.duration : 0) * 100;
+            const score = area + unmutedBonus + durationBonus;
+            if (score > bestScore) {
+                bestScore = score;
+                best = v;
            }
        }
-        return null;
+        return best;
    }

    // --- Episode Auto-Sync: Detection ---
@@ -242,8 +262,8 @@

        try {
            const host = window.location.hostname.toLowerCase();
-            const isYouTube = host.includes('youtube.com');
-            const isTwitch  = host.includes('twitch.tv');
+            const isYouTube = host === 'youtube.com' || host.endsWith('.youtube.com');
+            const isTwitch  = host === 'twitch.tv' || host.endsWith('.twitch.tv');

            if (isYouTube) {
                const ytButton = document.querySelector('.ytp-play-button');
@@ -436,15 +456,15 @@

            const platform = (() => {
                const h = window.location.hostname.toLowerCase();
-                if (h.includes('youtube.com')) return 'YouTube';
-                if (h.includes('twitch.tv')) return 'Twitch';
-                if (h.includes('netflix.com')) return 'Netflix';
-                if (h.includes('primevideo.com') || h.includes('amazon.')) return 'Prime Video';
-                if (h.includes('disneyplus.com')) return 'Disney+';
-                if (h.includes('hulu.com')) return 'Hulu';
-                if (h.includes('max.com') || h.includes('hbomax.com')) return 'Max/HBO';
-                if (h.includes('vimeo.com')) return 'Vimeo';
-                if (h.includes('dailymotion.com')) return 'Dailymotion';
+                if (h === 'youtube.com' || h.endsWith('.youtube.com')) return 'YouTube';
+                if (h === 'twitch.tv' || h.endsWith('.twitch.tv')) return 'Twitch';
+                if (h === 'netflix.com' || h.endsWith('.netflix.com')) return 'Netflix';
+                if (h === 'primevideo.com' || h.endsWith('.primevideo.com') || /(^|\.)amazon\.(com\.[a-z]{2}|co\.[a-z]{2}|[a-z]{2,})$/.test(h)) return 'Prime Video';
+                if (h === 'disneyplus.com' || h.endsWith('.disneyplus.com')) return 'Disney+';
+                if (h === 'hulu.com' || h.endsWith('.hulu.com')) return 'Hulu';
+                if (h === 'hbomax.com' || h.endsWith('.hbomax.com') || h === 'max.com' || h.endsWith('.max.com')) return 'Max/HBO';
+                if (h === 'vimeo.com' || h.endsWith('.vimeo.com')) return 'Vimeo';
+                if (h === 'dailymotion.com' || h.endsWith('.dailymotion.com')) return 'Dailymotion';
                return 'Generic';
            })();

@@ -468,6 +488,24 @@
                return false;
            })();

+            // Build multi-video summary for debug reports
+            const allVideos = [];
+            const allVideoEls = document.querySelectorAll('video');
+            for (let i = 0; i < allVideoEls.length; i++) {
+                const v = allVideoEls[i];
+                allVideos.push({
+                    index: i,
+                    width: v.videoWidth || v.offsetWidth || 0,
+                    height: v.videoHeight || v.offsetHeight || 0,
+                    muted: v.muted,
+                    paused: v.paused,
+                    duration: (v.duration && isFinite(v.duration)) ? Math.round(v.duration) : 0,
+                    readyState: v.readyState,
+                    src: (v.currentSrc || v.src || '').substring(0, 80),
+                    selected: v === video
+                });
+            }
+
            if (video) {
                const dataAttributes = {};
                if (video.attributes) {
@@ -522,7 +560,8 @@
                    metadata,
                    videoCount,
                    inShadowDom,
-                    platform
+                    platform,
+                    allVideos
                });
            } else {
                sendResponse({
@@ -530,6 +569,7 @@
                    videoCount,
                    inShadowDom,
                    platform,
+                    allVideos,
                    url: window.location.href,
                    pageTitle: document.title,
                    metadata: (navigator.mediaSession && navigator.mediaSession.metadata) ? {
@@ -1,7 +1,7 @@
 {
  "manifest_version": 3,
  "name": "KoalaSync",
-  "version": "1.9.3",
+  "version": "2.0.1",
  "description": "Synchronize video playback on YouTube, Netflix, Emby, Jellyfin, and any HTML5 site in real-time with friends.",
  "permissions": [
    "storage",
@@ -813,7 +813,7 @@ function updateRoomList(rooms) {
 function checkInviteLink() {
    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
        const tab = tabs[0];
-        if (tab && tab.url && tab.url.includes(OFFICIAL_LANDING_PAGE_URL) && tab.url.includes('#join:')) {
+        if (tab && tab.url && tab.url.startsWith(OFFICIAL_LANDING_PAGE_URL + '/') && tab.url.includes('#join:')) {
            try {
                const rawHash = tab.url.split('#join:')[1];
                if (!rawHash) return;
@@ -1462,6 +1462,24 @@ elements.copyLogs.addEventListener('click', () => {
            if (vs.platform) lines.push(`- **Platform:** ${safe(vs.platform, '?')}`);
            lines.push(`- **Video Count:** ${safe(vs.videoCount, 0)} | **Shadow DOM:** ${vs.inShadowDom ? 'YES' : 'NO'}`);
            lines.push('');
+
+            // Multi-video overview
+            const videos = Array.isArray(vs.allVideos) ? vs.allVideos : [];
+            if (videos.length > 1) {
+                lines.push('### All Videos on Page');
+                lines.push('');
+                lines.push('| # | Resolution | Muted | Paused | Ready | Duration | Selected |');
+                lines.push('|---|------------|-------|--------|-------|----------|----------|');
+                const rl = ['HAVE_NOTHING', 'HAVE_METADATA', 'HAVE_CURRENT_DATA', 'HAVE_FUTURE_DATA', 'HAVE_ENOUGH_DATA'];
+                for (const v of videos) {
+                    if (!v) continue;
+                    const sel = v.selected ? ' **\u2190 TARGET**' : '';
+                    const dim = `${safe(v.width, '?')}x${safe(v.height, '?')}`;
+                    const rs = (v.readyState != null && v.readyState >= 0 && v.readyState <= 4) ? rl[v.readyState] : '?';
+                    lines.push(`| ${safe(v.index, '?')} | ${dim} | ${safe(v.muted, '?')} | ${safe(v.paused, '?')} | ${rs} | ${safe(v.duration, 0)}s |${sel} |`);
+                }
+                lines.push('');
+            }
        }

        // ── Connection ──
@@ -1541,7 +1559,7 @@ elements.copyLogs.addEventListener('click', () => {
            for (const h of recent) {
                if (!h) continue;
                const ts = safe(h.timestamp, '');
-                const evt = safe(h.event, safe(h.type, '?'));
+                const evt = safe(h.action, '?');
                const from = h.senderId ? ` (${h.senderId})` : (h.peerId ? ` (${h.peerId})` : '');
                const extra = h.detail ? ` \u2192 ${h.detail}` : '';
                lines.push(`[${ts}] ${evt}${from}${extra}`);
@@ -1,6 +1,6 @@
 {
  "name": "koalasync",
-  "version": "1.9.3",
+  "version": "2.0.1",
  "description": "KoalaSync Build Scripts",
  "private": true,
  "scripts": {
@@ -503,7 +503,7 @@ io.on('connection', (socket) => {
                        mediaTitle:      clamp(data.mediaTitle, 100),
                        volume:          clampNum(data.volume, 0, 1),
                        muted:           validBool(data.muted),
-                        peerId:          typeof data.peerId === 'string' ? data.peerId.substring(0, 16) : undefined,
+                        peerId:          mapping.peerId,
                        status:          typeof data.status === 'string' ? data.status.substring(0, 16) : undefined,
                        expectedTitle:   clamp(data.expectedTitle, 100),
                        title:           clamp(data.title, 100),
@@ -266,9 +266,9 @@
      }
    },
    "node_modules/engine.io": {
-      "version": "6.6.6",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.6.tgz",
-      "integrity": "sha512-U2SN0w3OpjFRVlrc17E6TMDmH58Xl9rai1MblNjAdwWp07Kk+llmzX0hjDpQdrDGzwmvOtgM5yI+meYX6iZ2xA==",
+      "version": "6.6.8",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.8.tgz",
+      "integrity": "sha512-2agL3ueZhqxoVrfmntO8yuVj+uNSlIOnhykYHk3Cq0ShYPdUjjUiSJrQvXjq01I9jAuI0Zl2YO8Evv5Mqytm5g==",
      "license": "MIT",
      "dependencies": {
        "@types/cors": "^2.8.12",
@@ -280,7 +280,7 @@
        "cors": "~2.8.5",
        "debug": "~4.4.1",
        "engine.io-parser": "~5.2.1",
-        "ws": "~8.18.3"
+        "ws": "~8.20.1"
      },
      "engines": {
        "node": ">=10.2.0"
@@ -749,9 +749,9 @@
      }
    },
    "node_modules/qs": {
-      "version": "6.15.1",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.1.tgz",
-      "integrity": "sha512-6YHEFRL9mfgcAvql/XhwTvf5jKcOiiupt2FiJxHkiX1z4j7WL8J/jRHYLluORvc1XxB5rV20KoeK00gVJamspg==",
+      "version": "6.15.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz",
+      "integrity": "sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==",
      "license": "BSD-3-Clause",
      "dependencies": {
        "side-channel": "^1.1.0"
@@ -951,13 +951,13 @@
      }
    },
    "node_modules/socket.io-adapter": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.6.tgz",
-      "integrity": "sha512-DkkO/dz7MGln0dHn5bmN3pPy+JmywNICWrJqVWiVOyvXjWQFIv9c2h24JrQLLFJ2aQVQf/Cvl1vblnd4r2apLQ==",
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.7.tgz",
+      "integrity": "sha512-e0LyK91f3cUxTmv95/KzoLg47+zF+s/sbxRGDNsyG4dmIP8ZSX8ax6byOxfJXeNNtS/8AZlfD+uP7gBeR7DLlg==",
      "license": "MIT",
      "dependencies": {
        "debug": "~4.4.1",
-        "ws": "~8.18.3"
+        "ws": "~8.20.1"
      }
    },
    "node_modules/socket.io-parser": {
@@ -1079,9 +1079,9 @@
      "license": "ISC"
    },
    "node_modules/ws": {
-      "version": "8.18.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
-      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "version": "8.20.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.1.tgz",
+      "integrity": "sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==",
      "license": "MIT",
      "engines": {
        "node": ">=10.0.0"
@@ -67,7 +67,6 @@ export const BLACKLIST_DOMAINS = [

    // Productivity & Project Management
    'atlassian.net',
-    'jira',
    'trello.com',
    'notion.so',
    'monday.com',
@@ -168,7 +167,7 @@ export const BLACKLIST_DOMAINS = [
    // Games & Idle Sites
    'milkywayidle.com',
    'melvoridle.com',
-    'cookieclicker.',
+    'orteil.dashnet.org',
    'clickerheroes.com',
    'kongregate.com',
    'armorgames.com',
@@ -555,7 +555,7 @@ document.addEventListener('DOMContentLoaded', () => {
            const user = this.getAttribute('data-user');
            const domain = this.getAttribute('data-domain');
            if (user && domain) {
-                this.innerHTML = `${user}@${domain}`;
+                this.textContent = `${user}@${domain}`;
            }
        });
    });
@@ -119,11 +119,16 @@ async function compile() {
    const localesDir = path.join(websiteDir, 'locales');
    const languages = ['en', 'de', 'fr', 'es', 'pt-BR', 'ru'];

+    // Read version for build-time injection (SEO: crawlers see real version)
+    const versionJson = JSON.parse(fs.readFileSync(path.join(websiteDir, 'version.json'), 'utf8'));
+    const buildVersion = versionJson.version || '?';
+
    const englishHtml = {}; // track for join-page cross-ref

    function compilePage(locale, assetPath, lang) {
        let compiled = templateContent;
        compiled = compiled.replace(/\{\{ASSET_PATH\}\}/g, assetPath);
+        compiled = compiled.replace(/\{\{VERSION\}\}/g, buildVersion);
        languages.forEach(l => {
            compiled = compiled.replace(new RegExp(`\\{\\{SELECTED_${l.toUpperCase()}\\}\\}`, 'g'), l === lang ? 'selected' : '');
        });
@@ -40,7 +40,6 @@
                <img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
                <span>KoalaSync</span>
            </a>
-            <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            <div class="nav-links">
                <a href="./" style="display: inline-flex; align-items: center; gap: 6px;">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="width: 16px; height: 16px; display: block;"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
@@ -50,6 +49,8 @@
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16" height="16" aria-hidden="true" style="display: block;"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
                    GitHub
                </a>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="globe-icon"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -62,6 +63,7 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="chevron-icon"><polyline points="6 9 12 15 18 9"/></svg>
                </div>
+                <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            </div>
        </div>
    </nav>
@@ -40,7 +40,6 @@
                <img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
                <span>KoalaSync</span>
            </a>
-            <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            <div class="nav-links">
                <a href="./" style="display: inline-flex; align-items: center; gap: 6px;">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="width: 16px; height: 16px; display: block;"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
@@ -50,6 +49,8 @@
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16" height="16" aria-hidden="true" style="display: block;"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
                    GitHub
                </a>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="globe-icon"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -62,6 +63,7 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="chevron-icon"><polyline points="6 9 12 15 18 9"/></svg>
                </div>
+                <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            </div>
        </div>
    </nav>
@@ -44,7 +44,6 @@
                <img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="64" height="64">
                <span>KoalaSync</span>
            </a>
-            <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            <div class="nav-links">
                <a href="./" style="display: inline-flex; align-items: center; gap: 6px;">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="width: 16px; height: 16px; display: block;"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
@@ -54,6 +53,8 @@
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16" height="16" aria-hidden="true" style="display: block;"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
                    GitHub
                </a>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="globe-icon"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -66,6 +67,7 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="chevron-icon"><polyline points="6 9 12 15 18 9"/></svg>
                </div>
+                <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            </div>
        </div>
    </nav>
@@ -69,6 +69,10 @@
  "COMP_FEAT_5_DESC": "Unterstützte Webseiten und Player-Kompatibilität.",
  "COMP_FEAT_5_KOALA": "Fast jedes HTML5-Video",
  "COMP_FEAT_5_TELE": "Nur unterstützte Seiten",
+  "COMP_FEAT_6_NAME": "Lokalisierung / Übersetzung",
+  "COMP_FEAT_6_DESC": "Verfügbare Oberflächensprachen und Übersetzungsunterstützung.",
+  "COMP_FEAT_6_KOALA": "6 Sprachen (wachsend)",
+  "COMP_FEAT_6_TELE": "Nur Englisch",
  "COMP_FOOTNOTE_1": "Stand des Vergleichs: Mai 2026.",
  "COMP_FOOTNOTE_2": "Details zu Preisen und unterstützten Netzwerken von Teleparty Premium:",
  "COMP_FOOTNOTE_3": "Datenschutzerklärung und Tracker-Erfassung von Teleparty:",
@@ -69,6 +69,10 @@
  "COMP_FEAT_5_DESC": "Supported websites and player compatibility.",
  "COMP_FEAT_5_KOALA": "Almost any HTML5 Video",
  "COMP_FEAT_5_TELE": "Supported sites only",
+  "COMP_FEAT_6_NAME": "Localization / Translation",
+  "COMP_FEAT_6_DESC": "Available interface languages and translation support.",
+  "COMP_FEAT_6_KOALA": "6 Languages (and growing)",
+  "COMP_FEAT_6_TELE": "English only",
  "COMP_FOOTNOTE_1": "Comparison state: May 2026.",
  "COMP_FOOTNOTE_2": "Official Teleparty Premium pricing and supported networks details:",
  "COMP_FOOTNOTE_3": "Teleparty privacy policies and tracking data collection:",
@@ -69,6 +69,10 @@
  "COMP_FEAT_5_DESC": "Sitios web compatibles y compatibilidad de reproductores.",
  "COMP_FEAT_5_KOALA": "Casi cualquier video HTML5",
  "COMP_FEAT_5_TELE": "Solo sitios compatibles",
+  "COMP_FEAT_6_NAME": "Localización / Traducción",
+  "COMP_FEAT_6_DESC": "Idiomas de interfaz disponibles y soporte de traducción.",
+  "COMP_FEAT_6_KOALA": "6 idiomas (y creciendo)",
+  "COMP_FEAT_6_TELE": "Solo inglés",
  "COMP_FOOTNOTE_1": "Estado de la comparación: mayo de 2026.",
  "COMP_FOOTNOTE_2": "Detalles oficiales de precios de Teleparty Premium y redes compatibles:",
  "COMP_FOOTNOTE_3": "Políticas de privacidad y recopilación de datos de seguimiento de Teleparty:",
@@ -69,6 +69,10 @@
  "COMP_FEAT_5_DESC": "Sites web pris en charge et compatibilité des lecteurs.",
  "COMP_FEAT_5_KOALA": "Presque toutes les vidéos HTML5",
  "COMP_FEAT_5_TELE": "Sites pris en charge uniquement",
+  "COMP_FEAT_6_NAME": "Localisation / Traduction",
+  "COMP_FEAT_6_DESC": "Langues d'interface disponibles et support de traduction.",
+  "COMP_FEAT_6_KOALA": "6 langues (et plus à venir)",
+  "COMP_FEAT_6_TELE": "Anglais uniquement",
  "COMP_FOOTNOTE_1": "État de la comparaison : mai 2026.",
  "COMP_FOOTNOTE_2": "Détails sur les tarifs officiels de Teleparty Premium et les réseaux pris en charge :",
  "COMP_FOOTNOTE_3": "Politiques de confidentialité et collecte de données de suivi de Teleparty :",
@@ -69,6 +69,10 @@
  "COMP_FEAT_5_DESC": "Sites suportados e compatibilidade do player.",
  "COMP_FEAT_5_KOALA": "Quase qualquer vídeo HTML5",
  "COMP_FEAT_5_TELE": "Apenas sites suportados",
+  "COMP_FEAT_6_NAME": "Localização / Tradução",
+  "COMP_FEAT_6_DESC": "Idiomas de interface disponíveis e suporte a tradução.",
+  "COMP_FEAT_6_KOALA": "6 idiomas (e crescendo)",
+  "COMP_FEAT_6_TELE": "Apenas inglês",
  "COMP_FOOTNOTE_1": "Estado da comparação: maio de 2026.",
  "COMP_FOOTNOTE_2": "Preços oficiais do Teleparty Premium e detalhes das redes suportadas:",
  "COMP_FOOTNOTE_3": "Políticas de privacidade do Teleparty e coleta de dados de rastreamento:",
@@ -69,6 +69,10 @@
  "COMP_FEAT_5_DESC": "Поддерживаемые веб-ресурсы и совместимость плееров.",
  "COMP_FEAT_5_KOALA": "Почти любое HTML5 видео",
  "COMP_FEAT_5_TELE": "Только поддерживаемые сайты",
+  "COMP_FEAT_6_NAME": "Локализация / Перевод",
+  "COMP_FEAT_6_DESC": "Доступные языки интерфейса и поддержка перевода.",
+  "COMP_FEAT_6_KOALA": "6 языков (и расширяется)",
+  "COMP_FEAT_6_TELE": "Только английский",
  "COMP_FOOTNOTE_1": "Состояние сравнения: май 2026.",
  "COMP_FOOTNOTE_2": "Официальные цены Teleparty Premium и поддерживаемые сети:",
  "COMP_FOOTNOTE_3": "Политика конфиденциальности Teleparty и сбор трекеров:",
@@ -131,7 +131,6 @@ nav {

 .nav-content {
    display: flex;
-    justify-content: space-between;
    align-items: center;
 }

@@ -182,6 +181,7 @@ nav {
 .nav-links {
    display: flex;
    gap: 2rem;
+    margin-left: auto;
 }

 .nav-links a {
@@ -195,6 +195,14 @@ nav {
    color: var(--accent);
 }

+.nav-right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-left: 2rem;
+    flex-shrink: 0;
+}
+
 /* --- Hero Section --- */
 .hero {
    min-height: 100vh;
@@ -314,6 +322,14 @@ nav {
    border: 1px solid rgba(99, 102, 241, 0.3);
    letter-spacing: 0.05em;
    text-transform: uppercase;
+    cursor: pointer;
+    transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
+}
+
+.version-badge:hover {
+    background: rgba(99, 102, 241, 0.2);
+    box-shadow: 0 0 16px rgba(99, 102, 241, 0.3);
+    transform: translateY(-1px);
 }

 /* --- Interactive CSS Extension Mockup --- */
@@ -1889,12 +1905,44 @@ footer {
        padding: 1rem 2rem;
        gap: 1rem;
        border-bottom: 1px solid var(--glass-border);
+        margin-left: 0;
    }
    .nav-links.open {
        display: flex;
    }
+    .nav-right {
+        margin-left: auto;
+    }
    .hamburger {
-        display: flex;
+        display: none !important;
+    }
+    nav .container {
+        padding: 0 0.5rem;
+    }
+    .logo-area {
+        gap: 0.25rem;
+        font-size: 1.1rem;
+    }
+    .logo-area img {
+        height: 40px;
+        width: 40px;
+        margin: 0;
+    }
+    .lang-select-container {
+        padding: 4px 10px 4px 8px;
+        gap: 4px;
+    }
+    .lang-select-container .globe-icon {
+        width: 14px;
+        height: 14px;
+    }
+    .lang-dropdown {
+        font-size: 0.7rem;
+        padding: 0 6px 0 0;
+    }
+    .lang-select-container .chevron-icon {
+        width: 10px;
+        height: 10px;
    }
    .legal-card {
        padding: 1.5rem;
@@ -185,9 +185,6 @@
                    <span>Installed</span>
                </div>
            </div>
-            <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
-                <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
-            </button>
            <div class="nav-links" id="primary-nav" role="navigation" aria-label="Primary">
                <a href="#features"><span>{{NAV_FEATURES}}</span></a>
                <a href="#how-it-works"><span>{{NAV_HOW_IT_WORKS}}</span></a>
@@ -195,6 +192,16 @@
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16" height="16" aria-hidden="true" style="display: block;"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
                    GitHub
                </a>
+                <nav class="sr-only" aria-label="Language alternatives">
+                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
+                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
+                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
+                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
+                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
+                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
+                </nav>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="globe-icon"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -207,14 +214,9 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="chevron-icon"><polyline points="6 9 12 15 18 9"/></svg>
                </div>
-                <nav class="sr-only" aria-label="Language alternatives">
-                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
-                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
-                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
-                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
-                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
-                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
-                </nav>
+                <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
+                    <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
+                </button>
            </div>
        </div>
    </nav>
@@ -222,10 +224,10 @@
    <header class="hero" id="main-content">
        <div class="container hero-grid">
            <div class="hero-text">
-                <div class="version-badge" data-reveal>
+                <a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
                    <span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
                    <span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
-                </div>
+                </a>
                <h1 data-reveal>{{HERO_TITLE}}</h1>
                <p class="hero-subtitle" data-reveal>{{HERO_SUBTITLE}}</p>
                <div class="hero-mascot-container" data-reveal>
@@ -254,7 +256,7 @@
                        <div class="mock-header-title"><img src="{{ASSET_PATH}}assets/NewLogoIcon.webp" alt="KoalaSync Logo">KoalaSync</div>
                        <a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="mock-version-link" title="Visit GitHub Repository">
                            <svg viewBox="0 0 16 16" fill="currentColor" style="width: 12px; height: 12px; display: block;"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
-                            <span>v1.9.3</span>
+                            <span class="mockup-version">{{VERSION}}</span>
                        </a>
                    </div>
                    <div class="mock-tabs">
@@ -517,7 +519,7 @@

                            <div style="margin-top: 16px; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 10px; flex-shrink: 0;">
                                <a href="https://github.com/Shik3i/KoalaSync" target="_blank" style="color: var(--text-muted); text-decoration: none; font-size: 10px; opacity: 0.6; display: block;">GitHub Repository</a>
-                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;">v1.9.3</div>
+                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;" class="mockup-version">{{VERSION}}</div>
                            </div>
                        </div>
                    </div>
@@ -762,6 +764,16 @@
                                <a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Premium Platforms"><sup>[1]</sup></a>
                            </td>
                        </tr>
+                        <tr>
+                            <td class="feat-name">
+                                <strong><span>{{COMP_FEAT_6_NAME}}</span></strong>
+                                <span class="feat-desc"><span>{{COMP_FEAT_6_DESC}}</span></span>
+                            </td>
+                            <td class="check highlight">✔ <span>{{COMP_FEAT_6_KOALA}}</span></td>
+                            <td class="cross">
+                                ✘ <span>{{COMP_FEAT_6_TELE}}</span>
+                            </td>
+                        </tr>
                    </tbody>
                </table>
                <div class="table-footnotes">
@@ -875,7 +887,7 @@
                                    <img src="{{ASSET_PATH}}assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="14" height="14">
                                    <span>KoalaSync</span>
                                </div>
-                                <div class="illus-popup-version">v1.9.3</div>
+                                <div class="illus-popup-version mockup-version">{{VERSION}}</div>
                            </div>
                            <div class="illus-popup-tabs">
                                <div class="illus-popup-tab active">
@@ -1,4 +1,4 @@
 {
-  "version": "1.9.3",
-  "date": "2026-05-30T00:01:24Z"
+  "version": "2.0.1",
+  "date": "2026-06-01T13:59:31Z"
 }
@@ -4,8 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Datenschutz / Privacy Policy | KoalaSync</title>
-    <link rel="preload" href="style.23314305.min.css" as="style">
-    <link rel="stylesheet" href="style.23314305.min.css">
+    <link rel="preload" href="style.3ca56f45.min.css" as="style">
+    <link rel="stylesheet" href="style.3ca56f45.min.css">
    <link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
    <meta name="robots" content="noindex">

@@ -40,7 +40,6 @@
                <picture><source srcset="assets/NewLogoIcon.avif" type="image/avif"><img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40"></picture>
                <span>KoalaSync</span>
            </a>
-            <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            <div class="nav-links">
                <a href="./" style="display: inline-flex; align-items: center; gap: 6px;">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" style="width:16px;height:16px;display:block" viewBox="0 0 24 24"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M9 22V12h6v10"/></svg>
@@ -50,6 +49,8 @@
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:block" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12"/></svg>
                    GitHub
                </a>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="globe-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -62,6 +63,7 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="chevron-icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
                </div>
+                <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            </div>
        </div>
    </nav>
@@ -6,9 +6,9 @@
    <title>KoalaSync | Netflix, YouTube & jedes Video mit Freunden synchronisieren</title>
    <meta name="description" content="Schaue Netflix, YouTube, Twitch und jedes HTML5-Video synchron mit Freunden. Kostenlose, quelloffene Browser-Erweiterung. Keine Anmeldung erforderlich.">
    
-    <link rel="preload" href="../style.23314305.min.css" as="style">
+    <link rel="preload" href="../style.3ca56f45.min.css" as="style">
    <link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
-    <link rel="stylesheet" href="../style.23314305.min.css">
+    <link rel="stylesheet" href="../style.3ca56f45.min.css">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -185,9 +185,6 @@
                    <span>Installed</span>
                </div>
            </div>
-            <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
-                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
-            </button>
            <div class="nav-links" id="primary-nav" role="navigation" aria-label="Primary">
                <a href="#features"><span>Funktionen</span></a>
                <a href="#how-it-works"><span>So funktioniert's</span></a>
@@ -195,6 +192,16 @@
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:block" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12"/></svg>
                    GitHub
                </a>
+                <nav class="sr-only" aria-label="Language alternatives">
+                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
+                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
+                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
+                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
+                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
+                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
+                </nav>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="globe-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -207,14 +214,9 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="chevron-icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
                </div>
-                <nav class="sr-only" aria-label="Language alternatives">
-                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
-                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
-                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
-                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
-                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
-                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
-                </nav>
+                <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
+                    <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
+                </button>
            </div>
        </div>
    </nav>
@@ -222,10 +224,10 @@
    <header class="hero" id="main-content">
        <div class="container hero-grid">
            <div class="hero-text">
-                <div class="version-badge" data-reveal>
+                <a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
                    <span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
                    <span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
-                </div>
+                </a>
                <h1 data-reveal>Gemeinsam schauen.<br>Perfekt synchron.</h1>
                <p class="hero-subtitle" data-reveal>Dein Kino-Abend auf Distanz. Keine Lags, keine Anmeldung. Einfach Link teilen und zusammen schauen.</p>
                <div class="hero-mascot-container" data-reveal>
@@ -254,7 +256,7 @@
                        <div class="mock-header-title"><picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo"></picture>KoalaSync</div>
                        <a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="mock-version-link" title="Visit GitHub Repository">
                            <svg fill="currentColor" style="width:12px;height:12px;display:block" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
-                            <span>v1.9.3</span>
+                            <span class="mockup-version">2.0.1</span>
                        </a>
                    </div>
                    <div class="mock-tabs">
@@ -517,7 +519,7 @@

                            <div style="margin-top: 16px; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 10px; flex-shrink: 0;">
                                <a href="https://github.com/Shik3i/KoalaSync" target="_blank" style="color: var(--text-muted); text-decoration: none; font-size: 10px; opacity: 0.6; display: block;">GitHub Repository</a>
-                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;">v1.9.3</div>
+                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;" class="mockup-version">2.0.1</div>
                            </div>
                        </div>
                    </div>
@@ -762,6 +764,16 @@
                                <a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Premium Platforms"><sup>[1]</sup></a>
                            </td>
                        </tr>
+                        <tr>
+                            <td class="feat-name">
+                                <strong><span>Lokalisierung / Übersetzung</span></strong>
+                                <span class="feat-desc"><span>Verfügbare Oberflächensprachen und Übersetzungsunterstützung.</span></span>
+                            </td>
+                            <td class="check highlight">✔ <span>6 Sprachen (wachsend)</span></td>
+                            <td class="cross">
+                                ✘ <span>Nur Englisch</span>
+                            </td>
+                        </tr>
                    </tbody>
                </table>
                <div class="table-footnotes">
@@ -875,7 +887,7 @@
                                    <picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="14" height="14"></picture>
                                    <span>KoalaSync</span>
                                </div>
-                                <div class="illus-popup-version">v1.9.3</div>
+                                <div class="illus-popup-version mockup-version">2.0.1</div>
                            </div>
                            <div class="illus-popup-tabs">
                                <div class="illus-popup-tab active">
@@ -6,9 +6,9 @@
    <title>KoalaSync | Sincroniza Netflix, YouTube y cualquier video con amigos</title>
    <meta name="description" content="Mira Netflix, YouTube, Twitch y cualquier video HTML5 en perfecta sincronización con amigos. Extensión de navegador gratuita y de código abierto. Sin registro.">
    
-    <link rel="preload" href="../style.23314305.min.css" as="style">
+    <link rel="preload" href="../style.3ca56f45.min.css" as="style">
    <link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
-    <link rel="stylesheet" href="../style.23314305.min.css">
+    <link rel="stylesheet" href="../style.3ca56f45.min.css">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -185,9 +185,6 @@
                    <span>Installed</span>
                </div>
            </div>
-            <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
-                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
-            </button>
            <div class="nav-links" id="primary-nav" role="navigation" aria-label="Primary">
                <a href="#features"><span>Características</span></a>
                <a href="#how-it-works"><span>Cómo funciona</span></a>
@@ -195,6 +192,16 @@
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:block" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12"/></svg>
                    GitHub
                </a>
+                <nav class="sr-only" aria-label="Language alternatives">
+                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
+                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
+                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
+                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
+                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
+                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
+                </nav>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="globe-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -207,14 +214,9 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="chevron-icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
                </div>
-                <nav class="sr-only" aria-label="Language alternatives">
-                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
-                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
-                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
-                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
-                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
-                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
-                </nav>
+                <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
+                    <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
+                </button>
            </div>
        </div>
    </nav>
@@ -222,10 +224,10 @@
    <header class="hero" id="main-content">
        <div class="container hero-grid">
            <div class="hero-text">
-                <div class="version-badge" data-reveal>
+                <a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
                    <span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
                    <span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
-                </div>
+                </a>
                <h1 data-reveal>Miren juntos.<br>Sincronización perfecta.</h1>
                <p class="hero-subtitle" data-reveal>Tu noche de películas a distancia sin retrasos. Sin registro ni recopilación de datos. Solo comparte un enlace y miren juntos.</p>
                <div class="hero-mascot-container" data-reveal>
@@ -254,7 +256,7 @@
                        <div class="mock-header-title"><picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo"></picture>KoalaSync</div>
                        <a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="mock-version-link" title="Visit GitHub Repository">
                            <svg fill="currentColor" style="width:12px;height:12px;display:block" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
-                            <span>v1.9.3</span>
+                            <span class="mockup-version">2.0.1</span>
                        </a>
                    </div>
                    <div class="mock-tabs">
@@ -517,7 +519,7 @@

                            <div style="margin-top: 16px; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 10px; flex-shrink: 0;">
                                <a href="https://github.com/Shik3i/KoalaSync" target="_blank" style="color: var(--text-muted); text-decoration: none; font-size: 10px; opacity: 0.6; display: block;">GitHub Repository</a>
-                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;">v1.9.3</div>
+                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;" class="mockup-version">2.0.1</div>
                            </div>
                        </div>
                    </div>
@@ -762,6 +764,16 @@
                                <a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Premium Platforms"><sup>[1]</sup></a>
                            </td>
                        </tr>
+                        <tr>
+                            <td class="feat-name">
+                                <strong><span>Localización / Traducción</span></strong>
+                                <span class="feat-desc"><span>Idiomas de interfaz disponibles y soporte de traducción.</span></span>
+                            </td>
+                            <td class="check highlight">✔ <span>6 idiomas (y creciendo)</span></td>
+                            <td class="cross">
+                                ✘ <span>Solo inglés</span>
+                            </td>
+                        </tr>
                    </tbody>
                </table>
                <div class="table-footnotes">
@@ -875,7 +887,7 @@
                                    <picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="14" height="14"></picture>
                                    <span>KoalaSync</span>
                                </div>
-                                <div class="illus-popup-version">v1.9.3</div>
+                                <div class="illus-popup-version mockup-version">2.0.1</div>
                            </div>
                            <div class="illus-popup-tabs">
                                <div class="illus-popup-tab active">
@@ -6,9 +6,9 @@
    <title>KoalaSync | Synchronisez Netflix, YouTube et n'importe quelle vidéo avec vos amis</title>
    <meta name="description" content="Regardez Netflix, YouTube, Twitch et des vidéos HTML5 en synchro avec vos amis. Extension de navigateur gratuite et open-source. Aucune inscription requise.">
    
-    <link rel="preload" href="../style.23314305.min.css" as="style">
+    <link rel="preload" href="../style.3ca56f45.min.css" as="style">
    <link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
-    <link rel="stylesheet" href="../style.23314305.min.css">
+    <link rel="stylesheet" href="../style.3ca56f45.min.css">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -185,9 +185,6 @@
                    <span>Installed</span>
                </div>
            </div>
-            <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
-                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
-            </button>
            <div class="nav-links" id="primary-nav" role="navigation" aria-label="Primary">
                <a href="#features"><span>Fonctionnalités</span></a>
                <a href="#how-it-works"><span>Comment ça marche</span></a>
@@ -195,6 +192,16 @@
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:block" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12"/></svg>
                    GitHub
                </a>
+                <nav class="sr-only" aria-label="Language alternatives">
+                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
+                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
+                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
+                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
+                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
+                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
+                </nav>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="globe-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -207,14 +214,9 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="chevron-icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
                </div>
-                <nav class="sr-only" aria-label="Language alternatives">
-                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
-                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
-                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
-                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
-                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
-                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
-                </nav>
+                <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
+                    <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
+                </button>
            </div>
        </div>
    </nav>
@@ -222,10 +224,10 @@
    <header class="hero" id="main-content">
        <div class="container hero-grid">
            <div class="hero-text">
-                <div class="version-badge" data-reveal>
+                <a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
                    <span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
                    <span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
-                </div>
+                </a>
                <h1 data-reveal>Regardez ensemble.<br>Synchronisation parfaite.</h1>
                <p class="hero-subtitle" data-reveal>Votre soirée cinéma à distance sans décalage. Pas d'inscription, pas de collecte de données. Partagez simplement un lien et regardez ensemble.</p>
                <div class="hero-mascot-container" data-reveal>
@@ -254,7 +256,7 @@
                        <div class="mock-header-title"><picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo"></picture>KoalaSync</div>
                        <a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="mock-version-link" title="Visit GitHub Repository">
                            <svg fill="currentColor" style="width:12px;height:12px;display:block" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
-                            <span>v1.9.3</span>
+                            <span class="mockup-version">2.0.1</span>
                        </a>
                    </div>
                    <div class="mock-tabs">
@@ -517,7 +519,7 @@

                            <div style="margin-top: 16px; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 10px; flex-shrink: 0;">
                                <a href="https://github.com/Shik3i/KoalaSync" target="_blank" style="color: var(--text-muted); text-decoration: none; font-size: 10px; opacity: 0.6; display: block;">GitHub Repository</a>
-                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;">v1.9.3</div>
+                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;" class="mockup-version">2.0.1</div>
                            </div>
                        </div>
                    </div>
@@ -762,6 +764,16 @@
                                <a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Premium Platforms"><sup>[1]</sup></a>
                            </td>
                        </tr>
+                        <tr>
+                            <td class="feat-name">
+                                <strong><span>Localisation / Traduction</span></strong>
+                                <span class="feat-desc"><span>Langues d'interface disponibles et support de traduction.</span></span>
+                            </td>
+                            <td class="check highlight">✔ <span>6 langues (et plus à venir)</span></td>
+                            <td class="cross">
+                                ✘ <span>Anglais uniquement</span>
+                            </td>
+                        </tr>
                    </tbody>
                </table>
                <div class="table-footnotes">
@@ -875,7 +887,7 @@
                                    <picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="14" height="14"></picture>
                                    <span>KoalaSync</span>
                                </div>
-                                <div class="illus-popup-version">v1.9.3</div>
+                                <div class="illus-popup-version mockup-version">2.0.1</div>
                            </div>
                            <div class="illus-popup-tabs">
                                <div class="illus-popup-tab active">
@@ -4,8 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Impressum / Legal Notice | KoalaSync</title>
-    <link rel="preload" href="style.23314305.min.css" as="style">
-    <link rel="stylesheet" href="style.23314305.min.css">
+    <link rel="preload" href="style.3ca56f45.min.css" as="style">
+    <link rel="stylesheet" href="style.3ca56f45.min.css">
    <link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
    <meta name="robots" content="noindex">

@@ -40,7 +40,6 @@
                <picture><source srcset="assets/NewLogoIcon.avif" type="image/avif"><img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40"></picture>
                <span>KoalaSync</span>
            </a>
-            <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            <div class="nav-links">
                <a href="./" style="display: inline-flex; align-items: center; gap: 6px;">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" style="width:16px;height:16px;display:block" viewBox="0 0 24 24"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M9 22V12h6v10"/></svg>
@@ -50,6 +49,8 @@
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:block" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12"/></svg>
                    GitHub
                </a>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="globe-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -62,6 +63,7 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="chevron-icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
                </div>
+                <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            </div>
        </div>
    </nav>
@@ -6,9 +6,9 @@
    <title>KoalaSync | Sync Netflix, YouTube & Any Video with Friends</title>
    <meta name="description" content="Watch Netflix, YouTube, Twitch & any HTML5 video in perfect sync with friends. Free, open-source browser extension for Chrome and Firefox. No sign-up needed.">
    
-    <link rel="preload" href="style.23314305.min.css" as="style">
+    <link rel="preload" href="style.3ca56f45.min.css" as="style">
    <link rel="preload" as="image" href="assets/LookDownKoala.webp" imagesrcset="assets/LookDownKoala-1x.webp 90w, assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
-    <link rel="stylesheet" href="style.23314305.min.css">
+    <link rel="stylesheet" href="style.3ca56f45.min.css">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/icon-192x192.png">
@@ -185,9 +185,6 @@
                    <span>Installed</span>
                </div>
            </div>
-            <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
-                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
-            </button>
            <div class="nav-links" id="primary-nav" role="navigation" aria-label="Primary">
                <a href="#features"><span>Features</span></a>
                <a href="#how-it-works"><span>How it works</span></a>
@@ -195,6 +192,16 @@
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:block" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12"/></svg>
                    GitHub
                </a>
+                <nav class="sr-only" aria-label="Language alternatives">
+                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
+                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
+                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
+                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
+                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
+                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
+                </nav>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="globe-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -207,14 +214,9 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="chevron-icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
                </div>
-                <nav class="sr-only" aria-label="Language alternatives">
-                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
-                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
-                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
-                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
-                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
-                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
-                </nav>
+                <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
+                    <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
+                </button>
            </div>
        </div>
    </nav>
@@ -222,10 +224,10 @@
    <header class="hero" id="main-content">
        <div class="container hero-grid">
            <div class="hero-text">
-                <div class="version-badge" data-reveal>
+                <a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
                    <span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
                    <span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
-                </div>
+                </a>
                <h1 data-reveal>Watch Together.<br>Sync Perfectly.</h1>
                <p class="hero-subtitle" data-reveal>Your remote movie night without lags. No registration, no data collection. Just share a link and watch together.</p>
                <div class="hero-mascot-container" data-reveal>
@@ -254,7 +256,7 @@
                        <div class="mock-header-title"><picture><source srcset="assets/NewLogoIcon.avif" type="image/avif"><img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo"></picture>KoalaSync</div>
                        <a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="mock-version-link" title="Visit GitHub Repository">
                            <svg fill="currentColor" style="width:12px;height:12px;display:block" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
-                            <span>v1.9.3</span>
+                            <span class="mockup-version">2.0.1</span>
                        </a>
                    </div>
                    <div class="mock-tabs">
@@ -517,7 +519,7 @@

                            <div style="margin-top: 16px; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 10px; flex-shrink: 0;">
                                <a href="https://github.com/Shik3i/KoalaSync" target="_blank" style="color: var(--text-muted); text-decoration: none; font-size: 10px; opacity: 0.6; display: block;">GitHub Repository</a>
-                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;">v1.9.3</div>
+                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;" class="mockup-version">2.0.1</div>
                            </div>
                        </div>
                    </div>
@@ -762,6 +764,16 @@
                                <a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Premium Platforms"><sup>[1]</sup></a>
                            </td>
                        </tr>
+                        <tr>
+                            <td class="feat-name">
+                                <strong><span>Localization / Translation</span></strong>
+                                <span class="feat-desc"><span>Available interface languages and translation support.</span></span>
+                            </td>
+                            <td class="check highlight">✔ <span>6 Languages (and growing)</span></td>
+                            <td class="cross">
+                                ✘ <span>English only</span>
+                            </td>
+                        </tr>
                    </tbody>
                </table>
                <div class="table-footnotes">
@@ -875,7 +887,7 @@
                                    <picture><source srcset="assets/NewLogoIcon.avif" type="image/avif"><img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="14" height="14"></picture>
                                    <span>KoalaSync</span>
                                </div>
-                                <div class="illus-popup-version">v1.9.3</div>
+                                <div class="illus-popup-version mockup-version">2.0.1</div>
                            </div>
                            <div class="illus-popup-tabs">
                                <div class="illus-popup-tab active">
@@ -4,8 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Join Room | KoalaSync</title>
-    <link rel="preload" href="style.23314305.min.css" as="style">
-    <link rel="stylesheet" href="style.23314305.min.css">
+    <link rel="preload" href="style.3ca56f45.min.css" as="style">
+    <link rel="stylesheet" href="style.3ca56f45.min.css">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/icon-192x192.png">
@@ -44,7 +44,6 @@
                <picture><source srcset="assets/NewLogoIcon.avif" type="image/avif"><img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="64" height="64"></picture>
                <span>KoalaSync</span>
            </a>
-            <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            <div class="nav-links">
                <a href="./" style="display: inline-flex; align-items: center; gap: 6px;">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" style="width:16px;height:16px;display:block" viewBox="0 0 24 24"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M9 22V12h6v10"/></svg>
@@ -54,6 +53,8 @@
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:block" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12"/></svg>
                    GitHub
                </a>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="globe-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -66,6 +67,7 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="chevron-icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
                </div>
+                <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
            </div>
        </div>
    </nav>
@@ -6,9 +6,9 @@
    <title>KoalaSync | Sincronize Netflix, YouTube e qualquer vídeo com amigos</title>
    <meta name="description" content="Assista Netflix, YouTube, Twitch e qualquer vídeo HTML5 em perfeita sincronia com amigos. Extensão de navegador gratuita e de código aberto. Sem registro.">
    
-    <link rel="preload" href="../style.23314305.min.css" as="style">
+    <link rel="preload" href="../style.3ca56f45.min.css" as="style">
    <link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
-    <link rel="stylesheet" href="../style.23314305.min.css">
+    <link rel="stylesheet" href="../style.3ca56f45.min.css">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -185,9 +185,6 @@
                    <span>Installed</span>
                </div>
            </div>
-            <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
-                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
-            </button>
            <div class="nav-links" id="primary-nav" role="navigation" aria-label="Primary">
                <a href="#features"><span>Recursos</span></a>
                <a href="#how-it-works"><span>Como funciona</span></a>
@@ -195,6 +192,16 @@
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:block" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12"/></svg>
                    GitHub
                </a>
+                <nav class="sr-only" aria-label="Language alternatives">
+                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
+                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
+                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
+                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
+                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
+                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
+                </nav>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="globe-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -207,14 +214,9 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="chevron-icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
                </div>
-                <nav class="sr-only" aria-label="Language alternatives">
-                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
-                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
-                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
-                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
-                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
-                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
-                </nav>
+                <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
+                    <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
+                </button>
            </div>
        </div>
    </nav>
@@ -222,10 +224,10 @@
    <header class="hero" id="main-content">
        <div class="container hero-grid">
            <div class="hero-text">
-                <div class="version-badge" data-reveal>
+                <a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
                    <span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
                    <span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
-                </div>
+                </a>
                <h1 data-reveal>Assistam juntos.<br>Sincronia perfeita.</h1>
                <p class="hero-subtitle" data-reveal>Sua noite de cinema à distância sem atrasos. Sem registro, sem coleta de dados. Apenas compartilhe o link e assistam juntos.</p>
                <div class="hero-mascot-container" data-reveal>
@@ -254,7 +256,7 @@
                        <div class="mock-header-title"><picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo"></picture>KoalaSync</div>
                        <a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="mock-version-link" title="Visit GitHub Repository">
                            <svg fill="currentColor" style="width:12px;height:12px;display:block" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
-                            <span>v1.9.3</span>
+                            <span class="mockup-version">2.0.1</span>
                        </a>
                    </div>
                    <div class="mock-tabs">
@@ -517,7 +519,7 @@

                            <div style="margin-top: 16px; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 10px; flex-shrink: 0;">
                                <a href="https://github.com/Shik3i/KoalaSync" target="_blank" style="color: var(--text-muted); text-decoration: none; font-size: 10px; opacity: 0.6; display: block;">GitHub Repository</a>
-                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;">v1.9.3</div>
+                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;" class="mockup-version">2.0.1</div>
                            </div>
                        </div>
                    </div>
@@ -762,6 +764,16 @@
                                <a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Premium Platforms"><sup>[1]</sup></a>
                            </td>
                        </tr>
+                        <tr>
+                            <td class="feat-name">
+                                <strong><span>Localização / Tradução</span></strong>
+                                <span class="feat-desc"><span>Idiomas de interface disponíveis e suporte a tradução.</span></span>
+                            </td>
+                            <td class="check highlight">✔ <span>6 idiomas (e crescendo)</span></td>
+                            <td class="cross">
+                                ✘ <span>Apenas inglês</span>
+                            </td>
+                        </tr>
                    </tbody>
                </table>
                <div class="table-footnotes">
@@ -875,7 +887,7 @@
                                    <picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="14" height="14"></picture>
                                    <span>KoalaSync</span>
                                </div>
-                                <div class="illus-popup-version">v1.9.3</div>
+                                <div class="illus-popup-version mockup-version">2.0.1</div>
                            </div>
                            <div class="illus-popup-tabs">
                                <div class="illus-popup-tab active">
@@ -6,9 +6,9 @@
    <title>KoalaSync | Синхронизация Netflix, YouTube и любого видео с друзьями</title>
    <meta name="description" content="Смотрите Netflix, YouTube, Twitch и любые HTML5-видео в синхронизации с друзьями. Бесплатное расширение браузера с открытым кодом. Регистрация не требуется.">
    
-    <link rel="preload" href="../style.23314305.min.css" as="style">
+    <link rel="preload" href="../style.3ca56f45.min.css" as="style">
    <link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
-    <link rel="stylesheet" href="../style.23314305.min.css">
+    <link rel="stylesheet" href="../style.3ca56f45.min.css">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -185,9 +185,6 @@
                    <span>Installed</span>
                </div>
            </div>
-            <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
-                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
-            </button>
            <div class="nav-links" id="primary-nav" role="navigation" aria-label="Primary">
                <a href="#features"><span>Функции</span></a>
                <a href="#how-it-works"><span>Как это работает</span></a>
@@ -195,6 +192,16 @@
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:block" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12"/></svg>
                    GitHub
                </a>
+                <nav class="sr-only" aria-label="Language alternatives">
+                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
+                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
+                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
+                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
+                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
+                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
+                </nav>
+            </div>
+            <div class="nav-right">
                <div class="lang-select-container">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="globe-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10"/></svg>
                    <select class="lang-dropdown" aria-label="Select Language">
@@ -207,14 +214,9 @@
                    </select>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="chevron-icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
                </div>
-                <nav class="sr-only" aria-label="Language alternatives">
-                    <a href="https://sync.koalastuff.net/" hreflang="en">English</a>
-                    <a href="https://sync.koalastuff.net/de/" hreflang="de">Deutsch</a>
-                    <a href="https://sync.koalastuff.net/fr/" hreflang="fr">Français</a>
-                    <a href="https://sync.koalastuff.net/es/" hreflang="es">Español</a>
-                    <a href="https://sync.koalastuff.net/pt-BR/" hreflang="pt-br">Português (Brasil)</a>
-                    <a href="https://sync.koalastuff.net/ru/" hreflang="ru">Русский</a>
-                </nav>
+                <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
+                    <svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
+                </button>
            </div>
        </div>
    </nav>
@@ -222,10 +224,10 @@
    <header class="hero" id="main-content">
        <div class="container hero-grid">
            <div class="hero-text">
-                <div class="version-badge" data-reveal>
+                <a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
                    <span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
                    <span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
-                </div>
+                </a>
                <h1 data-reveal>Смотрите вместе.<br>Синхронно на 100%.</h1>
                <p class="hero-subtitle" data-reveal>Ваш киновечер на расстоянии без задержек. Без регистрации и сбора данных. Просто поделитесь ссылкой и смотрите вместе.</p>
                <div class="hero-mascot-container" data-reveal>
@@ -254,7 +256,7 @@
                        <div class="mock-header-title"><picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo"></picture>KoalaSync</div>
                        <a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="mock-version-link" title="Visit GitHub Repository">
                            <svg fill="currentColor" style="width:12px;height:12px;display:block" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
-                            <span>v1.9.3</span>
+                            <span class="mockup-version">2.0.1</span>
                        </a>
                    </div>
                    <div class="mock-tabs">
@@ -517,7 +519,7 @@

                            <div style="margin-top: 16px; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 10px; flex-shrink: 0;">
                                <a href="https://github.com/Shik3i/KoalaSync" target="_blank" style="color: var(--text-muted); text-decoration: none; font-size: 10px; opacity: 0.6; display: block;">GitHub Repository</a>
-                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;">v1.9.3</div>
+                                <div style="color: var(--text-muted); font-size: 9px; opacity: 0.4; margin-top: 4px;" class="mockup-version">2.0.1</div>
                            </div>
                        </div>
                    </div>
@@ -762,6 +764,16 @@
                                <a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Premium Platforms"><sup>[1]</sup></a>
                            </td>
                        </tr>
+                        <tr>
+                            <td class="feat-name">
+                                <strong><span>Локализация / Перевод</span></strong>
+                                <span class="feat-desc"><span>Доступные языки интерфейса и поддержка перевода.</span></span>
+                            </td>
+                            <td class="check highlight">✔ <span>6 языков (и расширяется)</span></td>
+                            <td class="cross">
+                                ✘ <span>Только английский</span>
+                            </td>
+                        </tr>
                    </tbody>
                </table>
                <div class="table-footnotes">
@@ -875,7 +887,7 @@
                                    <picture><source srcset="../assets/NewLogoIcon.avif" type="image/avif"><img src="../assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="14" height="14"></picture>
                                    <span>KoalaSync</span>
                                </div>
-                                <div class="illus-popup-version">v1.9.3</div>
+                                <div class="illus-popup-version mockup-version">2.0.1</div>
                            </div>
                            <div class="illus-popup-tabs">
                                <div class="illus-popup-tab active">
@@ -1,4 +1,4 @@
 {
-  "version": "1.9.3",
-  "date": "2026-05-30T00:01:24Z"
+  "version": "2.0.1",
+  "date": "2026-06-01T13:59:31Z"
 }
Author	SHA1	Message	Date
Koala	3ec9812265	fix: use server-trusted peerId in relay payload to prevent spoofing	2026-06-02 08:17:08 +02:00
Koala	64f3c5eefd	fix: use future-proof regex for Amazon domain matching	2026-06-02 08:06:35 +02:00
Koala	3fe074b308	fix: use orteil.dashnet.org instead of cookieclicker.com in blacklist	2026-06-02 08:04:31 +02:00
Koala	a06cca8b9d	fix: apply boundary-safe hostname matching to remaining platform and blacklist checks	2026-06-02 08:02:47 +02:00
KoalaDev	c4fc3ab53b	Merge pull request #4 from Shik3i/alert-autofix-3 Potential fix for code scanning alert no. 3: Incomplete URL substring sanitization	2026-06-02 07:55:08 +02:00
KoalaDev	3f3fea58ed	Merge pull request #5 from Shik3i/alert-autofix-2 Potential fix for code scanning alert no. 2: DOM text reinterpreted as HTML	2026-06-02 07:54:51 +02:00
KoalaDev	014169f84e	Potential fix for code scanning alert no. 2: DOM text reinterpreted as HTML Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com>	2026-06-02 07:51:01 +02:00
KoalaDev	9c61abee03	Potential fix for code scanning alert no. 3: Incomplete URL substring sanitization Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com>	2026-06-02 07:50:35 +02:00
KoalaDev	2f11c60307	Merge pull request #2 from Shik3i/dependabot/npm_and_yarn/server/npm_and_yarn-e5a46ec0e1 chore(deps): bump ws from 8.18.3 to 8.20.1 in /server in the npm_and_yarn group across 1 directory	2026-06-02 07:41:19 +02:00
KoalaDev	27301f8746	Merge pull request #3 from Shik3i/dependabot/npm_and_yarn/server/npm_and_yarn-05b1f1d78b chore(deps): bump qs from 6.15.1 to 6.15.2 in /server in the npm_and_yarn group across 1 directory	2026-06-02 07:40:26 +02:00
dependabot[bot]	030b839b12	chore(deps): bump qs Bumps the npm_and_yarn group with 1 update in the /server directory: [qs](https://github.com/ljharb/qs). Updates `qs` from 6.15.1 to 6.15.2 - [Changelog](https://github.com/ljharb/qs/blob/main/CHANGELOG.md) - [Commits](https://github.com/ljharb/qs/compare/v6.15.1...v6.15.2) --- updated-dependencies: - dependency-name: qs dependency-version: 6.15.2 dependency-type: indirect dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com>	2026-06-02 05:39:05 +00:00
dependabot[bot]	5c805bcafa	chore(deps): bump ws Bumps the npm_and_yarn group with 1 update in the /server directory: [ws](https://github.com/websockets/ws). Updates `ws` from 8.18.3 to 8.20.1 - [Release notes](https://github.com/websockets/ws/releases) - [Commits](https://github.com/websockets/ws/compare/8.18.3...8.20.1) --- updated-dependencies: - dependency-name: ws dependency-version: 8.20.1 dependency-type: indirect dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com>	2026-06-02 05:39:00 +00:00
Koala	eb83d9148e	Update contact email in CODE_OF_CONDUCT	2026-06-02 07:23:38 +02:00
Koala	290360387f	Add CODE_OF_CONDUCT and PULL_REQUEST_TEMPLATE - Add CODE_OF_CONDUCT.md based on Contributor Covenant 2.1 - Add .github/PULL_REQUEST_TEMPLATE.md with structured sections - Link CODE_OF_CONDUCT in README.md and CONTRIBUTING.md	2026-06-02 07:22:37 +02:00
Koala	c56e404c13	Overhaul issue templates - Rewrite bug_report.md with professional structure and Copy Logs requirement - Rewrite feature_request.md to focus on problem, use cases, and benefits	2026-06-02 07:19:49 +02:00
KoalaDev	e519ea2302	Update issue templates	2026-06-02 07:16:17 +02:00
Koala	5a75bae8d0	mobile: nav container padding auf 0.5rem reduziert	2026-06-02 06:43:57 +02:00
Koala	fc3f4f38ff	mobile: Header noch weiter nach links gerückt - Nav Container Padding auf Mobile reduziert (0.75rem statt 2rem) - Logo-Area Gap auf 0.25rem reduziert - Icon auf 40x40 verkleinert - Schriftgröße auf 1.1rem reduziert - Vertical margin vom Icon entfernt	2026-06-02 06:41:46 +02:00
Koala	f69da7542e	mobile: Sprachauswahl immer sichtbar, Hamburger entfernt - Sprachauswahl aus nav-links in neuen nav-right Container verschoben - nav-right ist auf Mobile rechtsbündig und immer sichtbar - Hamburger-Menü entfernt (Links sind Same-Page-Anchors) - Logo-Bereich auf Mobile kompakter (kleineres Icon, weniger Gap) - Lang-Selector auf Mobile kompakter (kleinere Icons, weniger Padding) - Gleiches Restructuring für join.html, impressum.html, datenschutz.html	2026-06-02 06:35:39 +02:00
Timo	aba05060b9	feat: add localization comparison row to website comparison table	2026-06-01 17:11:55 +02:00
Timo	0b986e6e13	fix: build-time VERSION injection via build.js instead of JS runtime	2026-06-01 16:27:45 +02:00
Timo	b23ce8ee7d	fix: dynamic mockup version from version.json instead of hardcoded 1.9.3	2026-06-01 16:25:18 +02:00
Timo	3195bd0089	docs: move older changes into v2.0.0 where they belong	2026-06-01 16:21:35 +02:00
Timo	1c1778d265	docs: remove older changelog entries - attribution unclear	2026-06-01 16:20:36 +02:00
Timo	0262d9c1ad	docs: fix changelog dates to match git tag timestamps	2026-06-01 16:19:11 +02:00
Timo	f23c329709	docs: move release notice to top of README	2026-06-01 16:18:25 +02:00
Timo	78a165d368	docs: clarify Copy Debug Report description in v2.0.0	2026-06-01 16:16:40 +02:00
Timo	63b5ef0ffd	docs: remove website-only entries from changelog, keep extension+server only	2026-06-01 16:16:23 +02:00
Timo	a26b07cb5c	docs: highlight extension i18n as biggest v2.0.0 feature	2026-06-01 16:15:32 +02:00
Timo	a445759dd7	docs: add CHANGELOG.md, link from README, version badge -> clickable changelog	2026-06-01 16:14:30 +02:00
Timo	1e883d8ee4	chore: update assets - add icon folder, remove old SOCIAL_PREVIEW.png	2026-06-01 16:03:40 +02:00
GitHub Action	be574e0e25	chore(release): update versions to v2.0.1 [skip ci]	2026-06-01 13:59:31 +00:00
Timo	ebf3178e32	feat: multi-video overview in debug report - GET_VIDEO_STATE now returns allVideos[] with summary per video element - Copy report shows markdown table when multiple videos on page - Table includes: resolution, muted, paused, readyState, duration, and marks selected target - Helps diagnose Prime Video scenarios where preview vs main video both exist	2026-06-01 15:58:31 +02:00
Timo	ba96cf2765	fix: prioritize largest video element, fix history action field in debug report - findVideo() now scores all video elements by size + unmuted + duration - Fixes Prime Video selecting 0x0 placeholder instead of actual player - Fix history entries showing '?' by using h.action instead of h.event/h.type - Update Prime Video status in TESTED_SERVICES.md to partial support	2026-06-01 15:57:11 +02:00
GitHub Action	d026ed891a	chore(release): update versions to v2.0.0 [skip ci]	2026-06-01 13:50:26 +00:00