diff --git "a/app.py" "b/app.py"
--- "a/app.py"
+++ "b/app.py"
@@ -13,7 +13,7 @@ import random
 app = Flask(__name__)
 app.secret_key = os.getenv("FLASK_SECRET_KEY", "supersecretkey")
 DATA_FILE = 'data_adusis.json'
-REPO_ID = "Eluza133/w1f9"
+REPO_ID = "Eluza133/A12d12s12"
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ") or HF_TOKEN_WRITE
 
@@ -119,196 +119,183 @@ def update_last_seen(data, username):
         data['users'][username]['last_seen'] = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
         save_data(data)
 
-# Новый стиль 2025 года с изменениями для TikTok-подобной ленты
 BASE_STYLE = '''
 :root {
-    --primary: #ff3b8e;
-    --secondary: #00f4ff;
-    --accent: #7b00ff;
-    --background: #0a0a23;
-    --surface: #1a1a3d;
-    --text: #e0e0ff;
-    --shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
-    --glass: rgba(255, 255, 255, 0.05);
-    --gradient: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
-    --online: #00ff85;
-    --offline: #ff3366;
-    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    --primary: #ff4d6d;
+    --secondary: #00ddeb;
+    --accent: #8b5cf6;
+    --background-light: #fef9f1;
+    --background-dark: #1f1a44;
+    --card-bg: rgba(255, 255, 255, 0.9);
+    --card-bg-dark: rgba(50, 45, 80, 0.9);
+    --text-light: #2a1e5a;
+    --text-dark: #e8e1ff;
+    --shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+    --glass-bg: rgba(255, 255, 255, 0.1);
+    --transition: all 0.3s ease;
+    --online: #34c759;
+    --offline: #ff3b30;
 }
-
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
+* { margin: 0; padding: 0; box-sizing: border-box; }
 body {
     font-family: 'Inter', sans-serif;
-    background: var(--background);
-    color: var(--text);
+    background: var(--background-light);
+    color: var(--text-light);
     line-height: 1.6;
+    transition: var(--transition);
     overflow-x: hidden;
 }
-
+body.dark {
+    background: var(--background-dark);
+    color: var(--text-dark);
+}
 .sidebar {
     position: fixed;
     top: 0;
     left: 0;
-    width: 300px;
+    width: 280px;
     height: 100%;
-    background: var(--surface);
-    padding: 2rem;
+    background: var(--glass-bg);
+    backdrop-filter: blur(15px);
+    padding: 20px;
     box-shadow: var(--shadow);
-    transform: translateX(0);
-    transition: var(--transition);
     z-index: 1000;
+    transition: transform var(--transition);
 }
-
 .sidebar.hidden {
     transform: translateX(-100%);
 }
-
 .sidebar-header {
     display: flex;
     align-items: center;
-    gap: 1rem;
-    margin-bottom: 2rem;
+    gap: 12px;
+    margin-bottom: 30px;
 }
-
 .nav-brand {
-    font-size: 1.8rem;
+    font-size: 1.6em;
     font-weight: 800;
-    background: var(--gradient);
+    background: linear-gradient(135deg, var(--primary), var(--accent));
     -webkit-background-clip: text;
     color: transparent;
 }
-
 .logo {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
+    width: 36px;
+    height: 36px;
+    border-radius: 12px;
     box-shadow: var(--shadow);
-    transition: var(--transition);
-}
-
-.logo:hover {
-    transform: scale(1.1);
 }
-
 .nav-links {
     display: flex;
     flex-direction: column;
-    gap: 0.8rem;
+    gap: 12px;
 }
-
 .nav-link {
     display: flex;
     align-items: center;
-    gap: 0.8rem;
-    padding: 1rem;
-    background: var(--glass);
-    color: var(--text);
+    gap: 12px;
+    padding: 12px 20px;
+    background: var(--card-bg);
+    color: var(--text-light);
     text-decoration: none;
     border-radius: 12px;
-    font-size: 1rem;
+    font-size: 1em;
     font-weight: 500;
     transition: var(--transition);
     position: relative;
-    backdrop-filter: blur(10px);
 }
-
+body.dark .nav-link {
+    background: var(--card-bg-dark);
+    color: var(--text-dark);
+}
 .nav-link:hover {
+    transform: scale(1.02);
     background: var(--primary);
-    transform: translateX(5px);
-    box-shadow: var(--shadow);
+    color: white;
+    box-shadow: 0 4px 16px rgba(255, 77, 109, 0.3);
 }
-
 .nav-link .badge {
     position: absolute;
-    right: 1rem;
+    right: 12px;
     background: var(--secondary);
-    color: var(--background);
-    padding: 0.3rem 0.6rem;
-    border-radius: 20px;
-    font-size: 0.75rem;
+    color: white;
+    padding: 3px 8px;
+    border-radius: 10px;
+    font-size: 0.75em;
+    font-weight: 700;
 }
-
 .logout-btn {
     background: var(--secondary);
-    color: var(--background);
+    color: white;
 }
-
 .logout-btn:hover {
-    background: var(--accent);
+    background: #00b8c5;
 }
-
 .menu-btn {
     display: none;
-    position: fixed;
-    top: 1rem;
-    left: 1rem;
-    z-index: 1001;
-    background: var(--glass);
+    font-size: 24px;
+    background: var(--glass-bg);
     border: none;
-    padding: 0.8rem;
-    border-radius: 50%;
     color: var(--primary);
     cursor: pointer;
+    position: fixed;
+    top: 15px;
+    left: 15px;
+    z-index: 1001;
+    padding: 10px;
+    border-radius: 50%;
+    box-shadow: var(--shadow);
     transition: var(--transition);
 }
-
 .menu-btn:hover {
     background: var(--primary);
-    color: var(--text);
+    color: white;
 }
-
 .container {
-    margin: 2rem 2rem 2rem 340px;
-    padding: 0;
-    background: var(--surface);
-    border-radius: 20px;
-    box-shadow: var(--shadow);
+    margin: 20px auto 20px 300px;
+    max-width: 1200px;
+    padding: 20px;
     transition: var(--transition);
-    height: calc(100vh - 4rem);
-    overflow: hidden;
 }
-
 .btn {
-    padding: 0.8rem 1.5rem;
-    background: var(--gradient);
-    color: var(--text);
+    padding: 12px 24px;
+    background: var(--primary);
+    color: white;
     border: none;
     border-radius: 12px;
     cursor: pointer;
+    font-size: 1em;
     font-weight: 600;
     transition: var(--transition);
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
     box-shadow: var(--shadow);
 }
-
 .btn:hover {
-    transform: scale(1.05);
-    box-shadow: 0 6px 20px rgba(255, 59, 142, 0.3);
+    transform: scale(1.03);
+    background: #e6415f;
+    box-shadow: 0 6px 20px rgba(255, 77, 109, 0.4);
 }
-
 input, textarea, select {
     width: 100%;
-    padding: 1rem;
-    margin: 0.5rem 0;
+    padding: 12px;
+    margin: 10px 0;
     border: none;
     border-radius: 12px;
-    background: var(--glass);
-    color: var(--text);
-    font-size: 1rem;
+    background: var(--glass-bg);
+    color: var(--text-light);
+    font-size: 1em;
     transition: var(--transition);
-    backdrop-filter: blur(10px);
+    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+body.dark input, body.dark textarea, body.dark select {
+    color: var(--text-dark);
 }
-
 input:focus, textarea:focus, select:focus {
     outline: none;
+    background: rgba(255, 255, 255, 0.15);
     box-shadow: 0 0 0 3px var(--primary);
-    background: rgba(255, 255, 255, 0.1);
 }
-
 .modal {
     display: none;
     position: fixed;
@@ -316,59 +303,55 @@ input:focus, textarea:focus, select:focus {
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.9);
+    background: rgba(0, 0, 0, 0.8);
     z-index: 2000;
-    display: flex;
     justify-content: center;
     align-items: center;
+    transition: opacity var(--transition);
 }
-
 .modal img, .modal video {
     max-width: 90%;
     max-height: 90%;
-    border-radius: 20px;
+    object-fit: contain;
+    border-radius: 16px;
     box-shadow: var(--shadow);
-    animation: fadeIn 0.3s ease;
+    animation: zoomIn 0.3s ease;
 }
-
 .theme-toggle {
     position: fixed;
-    top: 1rem;
-    right: 1rem;
-    background: var(--glass);
+    top: 15px;
+    right: 15px;
+    background: var(--glass-bg);
     border: none;
-    padding: 0.8rem;
+    padding: 10px;
     border-radius: 50%;
-    color: var(--primary);
     cursor: pointer;
+    font-size: 20px;
+    box-shadow: var(--shadow);
     transition: var(--transition);
 }
-
 .theme-toggle:hover {
+    transform: rotate(90deg);
     background: var(--accent);
-    transform: rotate(180deg);
+    color: white;
 }
-
 .status-dot {
-    width: 10px;
-    height: 10px;
+    width: 8px;
+    height: 8px;
     border-radius: 50%;
     display: inline-block;
-    margin-left: 0.5rem;
+    margin-left: 5px;
 }
-
 .online { background: var(--online); }
 .offline { background: var(--offline); }
-
-@keyframes fadeIn {
-    from { opacity: 0; transform: scale(0.9); }
+@keyframes zoomIn {
+    from { opacity: 0; transform: scale(0.95); }
     to { opacity: 1; transform: scale(1); }
 }
-
 @media (max-width: 900px) {
     .sidebar {
         width: 100%;
-        max-width: 300px;
+        max-width: 280px;
         transform: translateX(-100%);
     }
     .sidebar.active {
@@ -378,140 +361,17 @@ input:focus, textarea:focus, select:focus {
         display: block;
     }
     .container {
-        margin: 2rem 1rem;
+        margin: 70px 15px 20px 15px;
+        max-width: calc(100% - 30px);
+    }
+    .theme-toggle {
+        top: 70px;
     }
 }
-
-/* Стили для TikTok-подобной ленты */
-.feed-container {
-    height: 100%;
-    overflow-y: scroll;
-    scroll-snap-type: y mandatory;
-    -webkit-overflow-scrolling: touch;
-}
-
-.post-slide {
-    height: 100vh;
-    scroll-snap-align: start;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background: var(--glass);
-}
-
-.post-media {
-    width: 100%;
-    height: 80%;
-    object-fit: contain;
-    border-radius: 20px;
-    box-shadow: var(--shadow);
-}
-
-.post-overlay {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    padding: 1rem;
-    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
-}
-
-.post-info {
-    padding: 1rem;
-    width: 100%;
-}
-
-.post-info h2 {
-    font-size: 1.5rem;
-    margin-bottom: 0.5rem;
-}
-
-.post-info p {
-    font-size: 1rem;
-    opacity: 0.8;
-}
-
-.actions {
-    position: absolute;
-    right: 1rem;
-    top: 50%;
-    transform: translateY(-50%);
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    align-items: center;
-}
-
-.action-btn {
-    background: var(--glass);
-    border: none;
-    border-radius: 50%;
-    width: 50px;
-    height: 50px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    transition: var(--transition);
-    backdrop-filter: blur(10px);
-}
-
-.action-btn:hover {
-    background: var(--primary);
-    transform: scale(1.1);
-}
-
-.action-btn.liked {
-    background: var(--secondary);
-}
-
-.action-count {
-    font-size: 0.9rem;
-    margin-top: 0.3rem;
-}
-
-.comments-container {
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 100%;
-    width: 350px;
-    background: rgba(0, 0, 0, 0.9);
-    padding: 1rem;
-    overflow-y: auto;
-    transform: translateX(100%);
-    transition: var(--transition);
-    z-index: 10;
-}
-
-.comments-container.active {
-    transform: translateX(0);
-}
-
-.comment {
-    background: var(--glass);
-    padding: 0.8rem;
-    border-radius: 10px;
-    margin-bottom: 0.8rem;
-}
-
-.comment-form {
-    position: sticky;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.9);
-    padding: 1rem;
-}
-
-.username-link {
-    color: var(--primary);
-    text-decoration: none;
-    font-weight: 600;
-}
-
-.username-link:hover {
-    color: var(--accent);
+@media (max-width: 480px) {
+    .nav-brand { font-size: 1.4em; }
+    .nav-link { font-size: 0.9em; padding: 10px 16px; }
+    .btn { padding: 10px 18px; font-size: 0.9em; }
 }
 '''
 
@@ -548,7 +408,7 @@ def register():
         data = load_data()
         
         if username in data['users']:
-            flash('User already exists!')
+            flash('Пользователь уже существует!')
             return redirect(url_for('register'))
         
         data['users'][username] = {
@@ -561,7 +421,7 @@ def register():
             'last_seen': datetime.now().strftime('%Y-%m-%d %H:%M:%S')
         }
         save_data(data)
-        flash('Registration successful! Please login.')
+        flash('Регистрация успешна! Пожалуйста, войдите.')
         return redirect(url_for('login'))
     
     is_authenticated = 'username' in session
@@ -579,53 +439,54 @@ def register():
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
-    <title>Register - ADUSIS Hub</title>
+    <meta name="google-site-verification" content="V6EqDTA9Oj9V1OfNbnBHj5RKrdcXlABD8tqfEFVUHJY" />
+    <title>Register - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 500px;
-            padding: 2.5rem;
-            backdrop-filter: blur(15px);
-            animation: floatIn 0.5s ease;
+            max-width: 450px;
+            background: var(--card-bg);
+            padding: 30px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+            animation: slideUp 0.4s ease;
+        }
+        body.dark .container {
+            background: var(--card-bg-dark);
         }
         h1 {
-            font-size: 2.5rem;
+            font-size: 1.8em;
             font-weight: 800;
             text-align: center;
-            margin-bottom: 2rem;
-            background: var(--gradient);
+            margin-bottom: 20px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
         }
         .flash {
             color: var(--secondary);
             text-align: center;
-            margin-bottom: 1rem;
+            margin-bottom: 12px;
+            font-size: 0.9em;
             font-weight: 600;
-            animation: pulse 1s infinite;
         }
         .link {
             text-align: center;
-            margin-top: 1rem;
+            margin-top: 15px;
             color: var(--primary);
+            font-size: 0.9em;
             text-decoration: none;
             font-weight: 600;
             transition: var(--transition);
         }
         .link:hover {
             color: var(--accent);
-            transform: scale(1.05);
         }
-        @keyframes floatIn {
-            from { opacity: 0; transform: translateY(30px); }
+        @keyframes slideUp {
+            from { opacity: 0; transform: translateY(20px); }
             to { opacity: 1; transform: translateY(0); }
         }
-        @keyframes pulse {
-            0% { opacity: 1; }
-            50% { opacity: 0.7; }
-            100% { opacity: 1; }
-        }
     </style>
 </head>
 <body>
@@ -677,7 +538,7 @@ def login():
             session.permanent = True
             update_last_seen(data, username)
             return redirect(url_for('feed'))
-        flash('Invalid username or password!')
+        flash('Неверное имя пользователя или пароль!')
         return redirect(url_for('login'))
     
     is_authenticated = 'username' in session
@@ -696,43 +557,52 @@ def login():
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
-    <title>Login - ADUSIS Hub</title>
+    <title>Login - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 500px;
-            padding: 2.5rem;
-            backdrop-filter: blur(15px);
-            animation: floatIn 0.5s ease;
+            max-width: 450px;
+            background: var(--card-bg);
+            padding: 30px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+            animation: slideUp 0.4s ease;
+        }
+        body.dark .container {
+            background: var(--card-bg-dark);
         }
         h1 {
-            font-size: 2.5rem;
+            font-size: 1.8em;
             font-weight: 800;
             text-align: center;
-            margin-bottom: 2rem;
-            background: var(--gradient);
+            margin-bottom: 20px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
         }
         .flash {
             color: var(--secondary);
             text-align: center;
-            margin-bottom: 1rem;
+            margin-bottom: 12px;
+            font-size: 0.9em;
             font-weight: 600;
-            animation: pulse 1s infinite;
         }
         .link {
             text-align: center;
-            margin-top: 1rem;
+            margin-top: 15px;
             color: var(--primary);
+            font-size: 0.9em;
             text-decoration: none;
             font-weight: 600;
             transition: var(--transition);
         }
         .link:hover {
             color: var(--accent);
-            transform: scale(1.05);
+        }
+        @keyframes slideUp {
+            from { opacity: 0; transform: translateY(20px); }
+            to { opacity: 1; transform: translateY(0); }
         }
     </style>
 </head>
@@ -790,7 +660,7 @@ def increment_view(post_id):
         post['views'] = post.get('views', 0) + 1
         save_data(data)
         return '', 204
-    return 'Post not found', 404
+    return 'Пост не найден', 404
 
 @app.route('/', methods=['GET', 'POST'])
 def feed():
@@ -807,19 +677,42 @@ def feed():
 
     if request.method == 'POST' and is_authenticated:
         post_id = request.form.get('post_id')
-        action = request.form.get('action')
         post = next((p for p in data['posts'] if p['id'] == post_id), None)
-        if post:
-            if action == 'like':
-                if username not in post.get('likes', []):
-                    post['likes'] = post.get('likes', []) + [username]
-                else:
-                    post['likes'] = [user for user in post.get('likes', []) if user != username]
-            elif action == 'comment':
-                comment_text = request.form.get('comment')
-                if comment_text:
-                    post['comments'] = post.get('comments', []) + [{'user': username, 'text': comment_text, 'date': datetime.now().strftime('%Y-%m-%d %H:%M:%S')}]
-            save_data(data)
+        if not post:
+            return "Пост не найден", 404
+            
+        if 'like' in request.form:
+            if username not in post.get('likes', []):
+                post['likes'] = post.get('likes', []) + [username]
+            else:
+                post['likes'] = [u for u in post.get('likes', []) if u != username]
+        elif 'comment' in request.form:
+            comment_text = request.form.get('comment')
+            if comment_text:
+                post['comments'] = post.get('comments', []) + [{
+                    'user': username,
+                    'text': comment_text,
+                    'date': datetime.now().strftime('%Y-%m-%d %H:%M:%S')
+                }]
+        elif 'share' in request.form:
+            share_to = request.form.get('share_to')
+            if share_to == 'chat':
+                data['general_chat'].append({
+                    'sender': username,
+                    'time': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
+                    'post_id': post_id
+                })
+            elif share_to in data['users']:
+                chat_key = f"{min(username, share_to)}_{max(username, share_to)}"
+                if chat_key not in data['private_chats']:
+                    data['private_chats'][chat_key] = []
+                data['private_chats'][chat_key].append({
+                    'sender': username,
+                    'time': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
+                    'post_id': post_id
+                })
+        save_data(data)
+        return redirect(url_for('feed'))
 
     html = '''
 <!DOCTYPE html>
@@ -828,111 +721,294 @@ def feed():
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
-    <title>ADUSIS Feed</title>
+    <meta name="google-site-verification" content="V6EqDTA9Oj9V1OfNbnBHj5RKrdcXlABD8tqfEFVUHJY" />
+    <title>Adusis - QoS, BBC, BNWO HUB</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
+        body, html {
+            height: 100%;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+        }
+        .feed-container {
+            height: 100vh;
+            width: 100%;
+            overflow-y: scroll;
+            scroll-snap-type: y mandatory;
+            margin-left: 0;
+            padding: 0;
+        }
+        .post-container {
+            height: 100vh;
+            width: 100%;
+            position: relative;
+            scroll-snap-align: start;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: var(--background-light);
+        }
+        body.dark .post-container {
+            background: var(--background-dark);
+        }
+        .post-media {
+            max-height: 100vh;
+            max-width: 100%;
+            object-fit: contain;
+            border-radius: 0;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 1;
+        }
+        .post-overlay {
+            position: absolute;
+            bottom: 20px;
+            left: 20px;
+            right: 20px;
+            z-index: 2;
+            color: white;
+            text-shadow: 0 2px 4px rgba(0,0,0,0.8);
+        }
+        .post-actions {
+            position: absolute;
+            right: 20px;
+            bottom: 100px;
+            display: flex;
+            flex-direction: column;
+            gap: 20px;
+            z-index: 3;
+        }
+        .action-btn {
+            background: rgba(255, 255, 255, 0.2);
+            border: none;
+            border-radius: 50%;
+            width: 50px;
+            height: 50px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            transition: var(--transition);
+            color: white;
+            font-size: 24px;
+            backdrop-filter: blur(5px);
+        }
+        .action-btn:hover {
+            background: var(--primary);
+        }
+        .action-btn.liked {
+            color: var(--primary);
+        }
+        .action-count {
+            color: white;
+            text-align: center;
+            font-size: 14px;
+            margin-top: 5px;
+            text-shadow: 0 2px 4px rgba(0,0,0,0.8);
+        }
+        .comment-section {
+            display: none;
+            position: absolute;
+            bottom: 150px;
+            left: 20px;
+            right: 20px;
+            background: rgba(0, 0, 0, 0.7);
+            padding: 15px;
+            border-radius: 12px;
+            max-height: 50vh;
+            overflow-y: auto;
+            z-index: 4;
+        }
+        .comment-section.active {
+            display: block;
+        }
+        .comment {
+            margin-bottom: 10px;
+            font-size: 14px;
+            color: white;
+        }
+        .comment-form {
+            display: flex;
+            gap: 10px;
+            margin-top: 10px;
+        }
+        .comment-form textarea {
+            flex-grow: 1;
+            height: 40px;
+            background: rgba(255, 255, 255, 0.2);
+            color: white;
+        }
+        .share-options {
+            display: none;
+            position: absolute;
+            bottom: 250px;
+            right: 20px;
+            background: rgba(0, 0, 0, 0.7);
+            padding: 10px;
+            border-radius: 12px;
+            z-index: 4;
+        }
+        .share-options.active {
+            display: block;
+        }
+        .share-option {
+            background: none;
+            border: none;
+            color: white;
+            padding: 8px;
+            cursor: pointer;
+            width: 100%;
+            text-align: left;
+        }
+        .share-option:hover {
+            background: var(--primary);
+        }
+        .username-link {
+            color: var(--primary);
+            font-weight: 600;
+            text-decoration: none;
+        }
+        .username-link:hover {
+            color: var(--accent);
+        }
+        @media (max-width: 480px) {
+            .post-overlay {
+                bottom: 10px;
+                left: 10px;
+                right: 10px;
+            }
+            .post-actions {
+                bottom: 80px;
+                right: 10px;
+            }
+            .action-btn {
+                width: 40px;
+                height: 40px;
+                font-size: 20px;
+            }
+        }
     </style>
 </head>
 <body>
     <button class="menu-btn" onclick="toggleSidebar()">☰</button>
     ''' + NAV_HTML + '''
     <button class="theme-toggle" onclick="toggleTheme()">🌙</button>
-    <div class="container">
-        <div class="feed-container">
-            {% for post in posts %}
-            <div class="post-slide" id="post-{{ post['id'] }}">
-                {% if post['type'] == 'video' %}
-                    <video class="post-media" controls autoplay muted loop>
-                        <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
-                    </video>
-                {% else %}
-                    <img class="post-media" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}">
-                {% endif %}
-                <div class="post-overlay">
-                    <div class="post-info">
-                        <h2>{{ post['title'] }}</h2>
-                        <p>{{ post['description']|truncate(100) }}</p>
-                        <p>By: <a href="{{ url_for('user_profile', username=post['uploader']) }}" class="username-link">{{ post['uploader'] }}</a> 
-                        <span class="status-dot {{ 'online' if is_user_online(post['uploader']) else 'offline' }}"></span> | {{ post['upload_date'] }}</p>
+    <div class="feed-container">
+        {% for post in posts %}
+        <div class="post-container" id="post-{{ post['id'] }}">
+            {% if post['type'] == 'video' %}
+                <video class="post-media" autoplay loop muted playsinline>
+                    <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
+                </video>
+            {% else %}
+                <img class="post-media" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}">
+            {% endif %}
+            <div class="post-overlay">
+                <h2>{{ post['title'] }}</h2>
+                <p>{{ post['description']|truncate(100) }}</p>
+                <p>By: <a href="{{ url_for('user_profile', username=post['uploader']) }}" class="username-link">{{ post['uploader'] }}</a> <span class="status-dot {{ 'online' if is_user_online(post['uploader']) else 'offline' }}"></span></p>
+            </div>
+            <div class="post-actions">
+                <form method="POST" style="display: inline;">
+                    <input type="hidden" name="post_id" value="{{ post['id'] }}">
+                    <button type="submit" name="like" class="action-btn {% if username in post['likes'] %}liked{% endif %}" onclick="event.preventDefault(); this.form.submit();">
+                        ♥
+                    </button>
+                </form>
+                <span class="action-count">{{ post['likes']|length }}</span>
+                <button class="action-btn" onclick="toggleComments('{{ post['id'] }}')">💬</button>
+                <span class="action-count">{{ post['comments']|length }}</span>
+                <button class="action-btn" onclick="toggleShare('{{ post['id'] }}')">➤</button>
+                <span class="action-count">{{ post['views'] }}</span>
+            </div>
+            <div class="comment-section" id="comments-{{ post['id'] }}">
+                {% for comment in post.get('comments', []) %}
+                    <div class="comment">
+                        <strong><a href="{{ url_for('user_profile', username=comment['user']) }}" class="username-link">{{ comment['user'] }}</a>:</strong> {{ comment['text'] }}
                     </div>
-                </div>
-                <div class="actions">
-                    <form method="POST" style="display: inline;">
+                {% endfor %}
+                {% if is_authenticated %}
+                    <form method="POST" class="comment-form">
                         <input type="hidden" name="post_id" value="{{ post['id'] }}">
-                        <input type="hidden" name="action" value="like">
-                        <button type="submit" class="action-btn {% if is_authenticated and username in post.get('likes', []) %}liked{% endif %}" {% if not is_authenticated %}disabled{% endif %}>
-                            ❤️
-                        </button>
+                        <textarea name="comment" placeholder="Add a comment"></textarea>
+                        <button type="submit" class="btn">Send</button>
                     </form>
-                    <span class="action-count">{{ post.get('likes', [])|length }}</span>
-                    <button class="action-btn" onclick="toggleComments('{{ post['id'] }}')">💬</button>
-                    <span class="action-count">{{ post.get('comments', [])|length }}</span>
-                    <button class="action-btn" onclick="sharePost('{{ post['id'] }}')">↪️</button>
-                </div>
-                <div class="comments-container" id="comments-{{ post['id'] }}">
-                    {% for comment in post.get('comments', []) %}
-                        <div class="comment">
-                            <p><strong><a href="{{ url_for('user_profile', username=comment['user']) }}" class="username-link">{{ comment['user'] }}</a></strong> 
-                            <span class="status-dot {{ 'online' if is_user_online(comment['user']) else 'offline' }}"></span> ({{ comment['date'] }}): {{ comment['text'] }}</p>
-                        </div>
-                    {% endfor %}
-                    {% if is_authenticated %}
-                        <form method="POST" class="comment-form">
+                {% endif %}
+            </div>
+            <div class="share-options" id="share-{{ post['id'] }}">
+                {% if is_authenticated %}
+                    <form method="POST">
+                        <input type="hidden" name="post_id" value="{{ post['id'] }}">
+                        <button type="submit" name="share" value="chat" class="share-option">Share to Chat</button>
+                    </form>
+                    {% for user in data['users']|sort %}
+                        {% if user != username %}
+                        <form method="POST">
                             <input type="hidden" name="post_id" value="{{ post['id'] }}">
-                            <input type="hidden" name="action" value="comment">
-                            <textarea name="comment" placeholder="Add a comment..." rows="2"></textarea>
-                            <button type="submit" class="btn">Send</button>
+                            <button type="submit" name="share" value="{{ user }}" class="share-option">Send to {{ user }}</button>
                         </form>
-                    {% endif %}
-                </div>
+                        {% endif %}
+                    {% endfor %}
+                {% endif %}
             </div>
-            {% endfor %}
         </div>
-    </div>
-    <div class="modal" id="imageModal" onclick="closeModal(event)">
-        <img id="modalImage" src="">
+        {% endfor %}
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
         }
         function toggleComments(postId) {
-            const comments = document.getElementById(`comments-${postId}`);
+            const comments = document.getElementById('comments-' + postId);
             comments.classList.toggle('active');
+            fetch('/increment_view/' + postId, { method: 'POST' });
         }
-        function sharePost(postId) {
-            const url = `${window.location.origin}/post/${postId}`;
-            navigator.clipboard.writeText(url).then(() => alert('Link copied!'));
-        }
-        function openModal(src) {
-            document.getElementById('imageModal').style.display = 'flex';
-            document.getElementById('modalImage').src = src;
-        }
-        function closeModal(event) {
-            if (event.target.tagName !== 'IMG') document.getElementById('imageModal').style.display = 'none';
+        function toggleShare(postId) {
+            const shareOptions = document.getElementById('share-' + postId);
+            shareOptions.classList.toggle('active');
         }
         window.onload = () => {
             if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
-            const feed = document.querySelector('.feed-container');
-            feed.addEventListener('scroll', () => {
-                const slides = document.querySelectorAll('.post-slide');
-                slides.forEach(slide => {
-                    const rect = slide.getBoundingClientRect();
-                    if (rect.top >= 0 && rect.bottom <= window.innerHeight) {
-                        const postId = slide.id.split('-')[1];
-                        fetch('/increment_view/' + postId, { method: 'POST' });
-                    }
-                });
+            const videos = document.querySelectorAll('.post-media');
+            videos.forEach(video => {
+                if (video.tagName === 'VIDEO') {
+                    const observer = new IntersectionObserver((entries) => {
+                        entries.forEach(entry => {
+                            if (entry.isIntersecting) {
+                                video.play();
+                            } else {
+                                video.pause();
+                            }
+                        });
+                    }, { threshold: 0.5 });
+                    observer.observe(video);
+                }
             });
         };
     </script>
 </body>
 </html>
 '''
-    return render_template_string(html, posts=posts, is_authenticated=is_authenticated, username=username, repo_id=REPO_ID, unread_count=unread_count, user_count=user_count, private_unread_count=private_unread_count, is_online=is_online, is_user_online=lambda u: is_user_online(data, u))
+    return render_template_string(html, 
+                                posts=posts, 
+                                is_authenticated=is_authenticated, 
+                                username=username, 
+                                repo_id=REPO_ID,
+                                unread_count=unread_count,
+                                user_count=user_count,
+                                private_unread_count=private_unread_count,
+                                is_online=is_online,
+                                is_user_online=lambda u: is_user_online(data, u),
+                                data=data)
 
 @app.route('/post/<post_id>', methods=['GET', 'POST'])
 def post_page(post_id):
@@ -942,7 +1018,7 @@ def post_page(post_id):
         update_last_seen(data, username)
     post = next((p for p in data['posts'] if p['id'] == post_id), None)
     if not post:
-        return "Post not found", 404
+        return "Пост не найден", 404
     
     is_authenticated = 'username' in session
     unread_count = get_unread_count(data, username) if is_authenticated else 0
@@ -971,54 +1047,57 @@ def post_page(post_id):
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ post['title'] }} - ADUSIS Hub</title>
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>{{ post['title'] }} - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 900px;
-            backdrop-filter: blur(15px);
+            max-width: 800px;
+            background: var(--card-bg);
+            padding: 25px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+        }
+        body.dark .container {
+            background: var(--card-bg-dark);
         }
         h1 {
-            font-size: 2.5rem;
-            background: var(--gradient);
+            font-size: 2em;
+            font-weight: 800;
+            margin-bottom: 20px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin-bottom: 1.5rem;
         }
         video, img {
             width: 100%;
-            max-height: 500px;
+            max-height: 450px;
             object-fit: cover;
-            border-radius: 20px;
+            border-radius: 12px;
             box-shadow: var(--shadow);
-            margin-bottom: 1.5rem;
-            transition: var(--transition);
-        }
-        video:hover, img:hover {
-            transform: scale(1.02);
+            margin-bottom: 20px;
+            loading: lazy;
         }
         p {
-            font-size: 1rem;
-            margin-bottom: 1rem;
-            opacity: 0.9;
+            font-size: 1em;
+            margin-bottom: 12px;
         }
         .like-btn.liked {
             background: var(--secondary);
         }
+        .like-btn.liked:hover {
+            background: #00b8c5;
+        }
         .comment-section {
-            margin-top: 2rem;
+            margin-top: 25px;
         }
         .comment {
-            background: var(--glass);
-            padding: 1rem;
-            border-radius: 15px;
-            margin-bottom: 1rem;
-            box-shadow: var(--shadow);
-            transition: var(--transition);
-        }
-        .comment:hover {
-            transform: translateY(-3px);
+            background: var(--glass-bg);
+            padding: 12px;
+            border-radius: 12px;
+            margin-bottom: 12px;
+            font-size: 0.9em;
         }
         .username-link {
             color: var(--primary);
@@ -1028,6 +1107,14 @@ def post_page(post_id):
         .username-link:hover {
             color: var(--accent);
         }
+        @media (max-width: 480px) {
+            video, img {
+                max-height: 300px;
+            }
+            h1 {
+                font-size: 1.6em;
+            }
+        }
     </style>
 </head>
 <body>
@@ -1037,11 +1124,11 @@ def post_page(post_id):
     <div class="container">
         <h1>{{ post['title'] }}</h1>
         {% if post['type'] == 'video' %}
-            <video controls>
+            <video controls loading="lazy">
                 <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
             </video>
         {% else %}
-            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src)">
+            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" loading="lazy" onclick="openModal(this.src)">
         {% endif %}
         <p>{{ post['description'] }}</p>
         <p>By: <a href="{{ url_for('user_profile', username=post['uploader']) }}" class="username-link">{{ post['uploader'] }}</a> <span class="status-dot {{ 'online' if is_user_online(post['uploader']) else 'offline' }}"></span> | {{ post['upload_date'] }}</p>
@@ -1053,11 +1140,11 @@ def post_page(post_id):
                 </button>
             </form>
             <form method="POST" class="comment-section">
-                <textarea name="comment" placeholder="Add a comment..." rows="3"></textarea>
-                <button type="submit" class="btn">Comment</button>
+                <textarea name="comment" placeholder="Leave a comment" rows="2"></textarea>
+                <button type="submit" class="btn">Submit</button>
             </form>
         {% endif %}
-        <h3 style="margin-top: 2rem; font-size: 1.5rem;">Comments</h3>
+        <h3 style="margin-top: 25px; font-size: 1.4em;">Comments</h3>
         {% for comment in post.get('comments', []) %}
             <div class="comment">
                 <p><strong><a href="{{ url_for('user_profile', username=comment['user']) }}" class="username-link">{{ comment['user'] }}</a> <span class="status-dot {{ 'online' if is_user_online(comment['user']) else 'offline' }}"></span></strong> ({{ comment['date'] }}): {{ comment['text'] }}</p>
@@ -1065,24 +1152,30 @@ def post_page(post_id):
         {% endfor %}
         <a href="{{ url_for('feed') }}" class="btn">Back to Feed</a>
         {% if not is_authenticated %}
-            <p style="margin-top: 1rem;"><a href="{{ url_for('login') }}" style="color: var(--primary);">Login</a> to interact</p>
+            <p style="margin-top: 12px;"><a href="{{ url_for('login') }}">Login</a> to like and comment.</p>
         {% endif %}
     </div>
     <div class="modal" id="imageModal" onclick="closeModal(event)">
         <img id="modalImage" src="">
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
         }
         function openModal(src) {
-            document.getElementById('imageModal').style.display = 'flex';
-            document.getElementById('modalImage').src = src;
+            const modal = document.getElementById('imageModal');
+            const modalImg = document.getElementById('modalImage');
+            modal.style.display = 'flex';
+            modalImg.src = src;
         }
         function closeModal(event) {
-            if (event.target.tagName !== 'IMG') document.getElementById('imageModal').style.display = 'none';
+            if (event.target.tagName !== 'IMG') {
+                document.getElementById('imageModal').style.display = 'none';
+            }
         }
         window.onload = () => {
             if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
@@ -1096,7 +1189,7 @@ def post_page(post_id):
 @app.route('/profile', methods=['GET', 'POST'])
 def profile():
     if 'username' not in session:
-        flash('Please login to view your profile!')
+        flash('Войдите, чтобы просмотреть свой профиль!')
         return redirect(url_for('login'))
     
     data = load_data()
@@ -1141,7 +1234,7 @@ def profile():
                     repo_id=REPO_ID,
                     repo_type="dataset",
                     token=HF_TOKEN_WRITE,
-                    commit_message=f"Avatar upload for {username}"
+                    commit_message=f"Загружен аватар для {username}"
                 )
                 data['users'][username]['avatar'] = avatar_path
                 if os.path.exists(temp_path):
@@ -1157,58 +1250,64 @@ def profile():
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Profile - {{ username }} - ADUSIS Hub</title>
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>Profile - {{ username }} - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 1000px;
-            backdrop-filter: blur(15px);
+            max-width: 900px;
         }
         .profile-header {
             display: flex;
-            gap: 2rem;
-            padding: 2rem;
-            background: var(--glass);
-            border-radius: 20px;
+            gap: 20px;
+            background: var(--card-bg);
+            padding: 25px;
+            border-radius: 16px;
             box-shadow: var(--shadow);
-            margin-bottom: 2rem;
+            margin-bottom: 25px;
+        }
+        body.dark .profile-header {
+            background: var(--card-bg-dark);
         }
         .avatar {
-            width: 120px;
-            height: 120px;
+            width: 100px;
+            height: 100px;
             border-radius: 50%;
             object-fit: cover;
             box-shadow: var(--shadow);
             transition: var(--transition);
         }
         .avatar:hover {
-            transform: scale(1.05);
+            transform: scale(1.03);
         }
         .profile-info h1 {
-            font-size: 2.5rem;
-            background: var(--gradient);
+            font-size: 2em;
+            font-weight: 800;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin-bottom: 1rem;
+            margin-bottom: 12px;
         }
         .profile-info p {
-            font-size: 1rem;
-            margin-bottom: 0.8rem;
-            opacity: 0.9;
+            font-size: 1em;
+            margin-bottom: 8px;
         }
         .post-grid {
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-            gap: 1.5rem;
+            gap: 20px;
         }
         .post-item {
-            background: var(--glass);
-            padding: 1.5rem;
-            border-radius: 20px;
+            background: var(--card-bg);
+            padding: 15px;
+            border-radius: 16px;
             box-shadow: var(--shadow);
             transition: var(--transition);
         }
+        body.dark .post-item {
+            background: var(--card-bg-dark);
+        }
         .post-item:hover {
             transform: translateY(-5px);
         }
@@ -1216,24 +1315,47 @@ def profile():
             width: 100%;
             height: 200px;
             object-fit: cover;
-            border-radius: 15px;
+            border-radius: 12px;
+            margin-bottom: 12px;
+            loading: lazy;
         }
         .post-item h3 {
-            font-size: 1.3rem;
-            margin: 1rem 0 0.5rem;
+            font-size: 1.3em;
+            font-weight: 600;
+            margin-bottom: 8px;
         }
         .delete-btn {
             background: var(--secondary);
         }
+        .delete-btn:hover {
+            background: #00b8c5;
+        }
         .share-btn {
             background: var(--accent);
         }
+        .share-btn:hover {
+            background: #7a4de0;
+        }
         h2 {
-            font-size: 1.8rem;
-            background: var(--gradient);
+            font-size: 1.6em;
+            font-weight: 800;
+            margin: 25px 0 15px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin: 2rem 0 1rem;
+        }
+        @media (max-width: 480px) {
+            .profile-header {
+                flex-direction: column;
+                text-align: center;
+            }
+            .avatar {
+                width: 80px;
+                height: 80px;
+            }
+            .post-grid {
+                grid-template-columns: 1fr;
+            }
         }
     </style>
 </head>
@@ -1244,12 +1366,12 @@ def profile():
     <div class="container">
         <div class="profile-header">
             {% if avatar %}
-                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Avatar" class="avatar">
+                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Avatar" class="avatar" loading="lazy">
             {% endif %}
             <div class="profile-info">
                 <h1>{{ username }} <span class="status-dot {{ 'online' if is_online else 'offline' }}"></span></h1>
                 {% if not is_online %}
-                    <p style="opacity: 0.6;">Last seen: {{ last_seen }}</p>
+                    <p style="color: rgba(0, 0, 0, 0.5);">Last seen: {{ last_seen }}</p>
                 {% endif %}
                 <p>{{ bio }}</p>
                 {% if link %}
@@ -1261,7 +1383,7 @@ def profile():
         </div>
         <h2>Edit Profile</h2>
         <form method="POST" enctype="multipart/form-data">
-            <textarea name="bio" placeholder="Profile Bio" rows="3">{{ bio }}</textarea>
+            <textarea name="bio" placeholder="Profile Bio" rows="2">{{ bio }}</textarea>
             <input type="text" name="link" placeholder="Link" value="{{ link }}">
             <input type="file" name="avatar" accept="image/*">
             <button type="submit" name="update_profile" class="btn">Save</button>
@@ -1274,11 +1396,11 @@ def profile():
                 <div class="post-item">
                     <a href="{{ url_for('post_page', post_id=post['id']) }}">
                         {% if post['type'] == 'video' %}
-                            <video class="post-preview" preload="metadata" muted>
+                            <video class="post-preview" preload="metadata" muted loading="lazy">
                                 <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
                             </video>
                         {% else %}
-                            <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event, '{{ post['id'] }}')">
+                            <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" loading="lazy" onclick="openModal(this.src, event, '{{ post['id'] }}')">
                         {% endif %}
                         <h3>{{ post['title'] }}</h3>
                     </a>
@@ -1291,7 +1413,7 @@ def profile():
                 </div>
                 {% endfor %}
             {% else %}
-                <p>No posts yet.</p>
+                <p style="font-size: 1em;">You haven't uploaded any posts yet.</p>
             {% endif %}
         </div>
     </div>
@@ -1299,26 +1421,35 @@ def profile():
         <img id="modalImage" src="">
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
         }
         function openModal(src, event, postId) {
             event.preventDefault();
-            document.getElementById('imageModal').style.display = 'flex';
-            document.getElementById('modalImage').src = src;
+            const modal = document.getElementById('imageModal');
+            const modalImg = document.getElementById('modalImage');
+            modal.style.display = 'flex';
+            modalImg.src = src;
             fetch('/increment_view/' + postId, { method: 'POST' });
         }
         function closeModal(event) {
-            if (event.target.tagName !== 'IMG') document.getElementById('imageModal').style.display = 'none';
+            if (event.target.tagName !== 'IMG') {
+                document.getElementById('imageModal').style.display = 'none';
+            }
         }
         function copyProfileLink() {
-            navigator.clipboard.writeText(window.location.href).then(() => alert('Link copied!'));
+            navigator.clipboard.writeText(window.location.href).then(() => {
+                alert('Link copied!');
+            });
         }
         window.onload = () => {
             if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
-            document.querySelectorAll('.post-preview').forEach(video => {
+            const videos = document.querySelectorAll('.post-preview');
+            videos.forEach(video => {
                 if (video.tagName === 'VIDEO') {
                     video.addEventListener('loadedmetadata', () => {
                         video.currentTime = Math.random() * video.duration;
@@ -1339,7 +1470,7 @@ def user_profile(username):
     if session_username:
         update_last_seen(data, session_username)
     if username not in data['users']:
-        return "User not found", 404
+        return "Пользователь не найден", 404
     
     user_posts = sorted([p for p in data['posts'] if p['uploader'] == username], key=lambda x: datetime.strptime(x['upload_date'], '%Y-%m-%d %H:%M:%S'), reverse=True)
     is_authenticated = 'username' in session
@@ -1362,58 +1493,64 @@ def user_profile(username):
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Profile - {{ username }} - ADUSIS Hub</title>
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>Profile - {{ username }} - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 1000px;
-            backdrop-filter: blur(15px);
+            max-width: 900px;
         }
         .profile-header {
             display: flex;
-            gap: 2rem;
-            padding: 2rem;
-            background: var(--glass);
-            border-radius: 20px;
+            gap: 20px;
+            background: var(--card-bg);
+            padding: 25px;
+            border-radius: 16px;
             box-shadow: var(--shadow);
-            margin-bottom: 2rem;
+            margin-bottom: 25px;
+        }
+        body.dark .profile-header {
+            background: var(--card-bg-dark);
         }
         .avatar {
-            width: 120px;
-            height: 120px;
+            width: 100px;
+            height: 100px;
             border-radius: 50%;
             object-fit: cover;
             box-shadow: var(--shadow);
             transition: var(--transition);
         }
         .avatar:hover {
-            transform: scale(1.05);
+            transform: scale(1.03);
         }
         .profile-info h1 {
-            font-size: 2.5rem;
-            background: var(--gradient);
+            font-size: 2em;
+            font-weight: 800;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin-bottom: 1rem;
+            margin-bottom: 12px;
         }
         .profile-info p {
-            font-size: 1rem;
-            margin-bottom: 0.8rem;
-            opacity: 0.9;
+            font-size: 1em;
+            margin-bottom: 8px;
         }
         .post-grid {
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-            gap: 1.5rem;
+            gap: 20px;
         }
         .post-item {
-            background: var(--glass);
-            padding: 1.5rem;
-            border-radius: 20px;
+            background: var(--card-bg);
+            padding: 15px;
+            border-radius: 16px;
             box-shadow: var(--shadow);
             transition: var(--transition);
         }
+        body.dark .post-item {
+            background: var(--card-bg-dark);
+        }
         .post-item:hover {
             transform: translateY(-5px);
         }
@@ -1421,11 +1558,35 @@ def user_profile(username):
             width: 100%;
             height: 200px;
             object-fit: cover;
-            border-radius: 15px;
+            border-radius: 12px;
+            margin-bottom: 12px;
+            loading: lazy;
         }
         .post-item h3 {
-            font-size: 1.3rem;
-            margin: 1rem 0 0.5rem;
+            font-size: 1.3em;
+            font-weight: 600;
+            margin-bottom: 8px;
+        }
+        h2 {
+            font-size: 1.6em;
+            font-weight: 800;
+            margin: 25px 0 15px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
+            -webkit-background-clip: text;
+            color: transparent;
+        }
+        @media (max-width: 480px) {
+            .profile-header {
+                flex-direction: column;
+                text-align: center;
+            }
+            .avatar {
+                width: 80px;
+                height: 80px;
+            }
+            .post-grid {
+                grid-template-columns: 1fr;
+            }
         }
     </style>
 </head>
@@ -1436,35 +1597,32 @@ def user_profile(username):
     <div class="container">
         <div class="profile-header">
             {% if avatar %}
-                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Avatar" class="avatar">
+                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Avatar" class="avatar" loading="lazy">
             {% endif %}
             <div class="profile-info">
                 <h1>{{ username }} <span class="status-dot {{ 'online' if profile_is_online else 'offline' }}"></span></h1>
                 {% if not profile_is_online %}
-                    <p style="opacity: 0.6;">Last seen: {{ last_seen }}</p>
+                    <p style="color: rgba(0, 0, 0, 0.5);">Last seen: {{ last_seen }}</p>
                 {% endif %}
                 <p>{{ bio }}</p>
                 {% if link %}
                     <p><a href="{{ link }}" target="_blank" style="color: var(--primary);">{{ link }}</a></p>
                 {% endif %}
                 <p>Views: {{ total_views }} | Likes: {{ total_likes }}</p>
-                {% if is_authenticated %}
-                    <a href="{{ url_for('private_chat', recipient=username) }}" class="btn">Message</a>
-                {% endif %}
             </div>
         </div>
-        <h2 style="font-size: 1.8rem; background: var(--gradient); -webkit-background-clip: text; color: transparent; margin-bottom: 1rem;">Posts</h2>
+        <h2>Posts</h2>
         <div class="post-grid">
             {% if user_posts %}
                 {% for post in user_posts %}
                 <div class="post-item">
                     <a href="{{ url_for('post_page', post_id=post['id']) }}">
                         {% if post['type'] == 'video' %}
-                            <video class="post-preview" preload="metadata" muted>
+                            <video class="post-preview" preload="metadata" muted loading="lazy">
                                 <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
                             </video>
                         {% else %}
-                            <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event, '{{ post['id'] }}')">
+                            <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" loading="lazy" onclick="openModal(this.src, event, '{{ post['id'] }}')">
                         {% endif %}
                         <h3>{{ post['title'] }}</h3>
                     </a>
@@ -1473,7 +1631,7 @@ def user_profile(username):
                 </div>
                 {% endfor %}
             {% else %}
-                <p>No posts yet.</p>
+                <p style="font-size: 1em;">No posts yet.</p>
             {% endif %}
         </div>
     </div>
@@ -1481,23 +1639,30 @@ def user_profile(username):
         <img id="modalImage" src="">
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
         }
         function openModal(src, event, postId) {
             event.preventDefault();
-            document.getElementById('imageModal').style.display = 'flex';
-            document.getElementById('modalImage').src = src;
+            const modal = document.getElementById('imageModal');
+            const modalImg = document.getElementById('modalImage');
+            modal.style.display = 'flex';
+            modalImg.src = src;
             fetch('/increment_view/' + postId, { method: 'POST' });
         }
         function closeModal(event) {
-            if (event.target.tagName !== 'IMG') document.getElementById('imageModal').style.display = 'none';
+            if (event.target.tagName !== 'IMG') {
+                document.getElementById('imageModal').style.display = 'none';
+            }
         }
         window.onload = () => {
             if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
-            document.querySelectorAll('.post-preview').forEach(video => {
+            const videos = document.querySelectorAll('.post-preview');
+            videos.forEach(video => {
                 if (video.tagName === 'VIDEO') {
                     video.addEventListener('loadedmetadata', () => {
                         video.currentTime = Math.random() * video.duration;
@@ -1514,7 +1679,7 @@ def user_profile(username):
 @app.route('/upload', methods=['GET', 'POST'])
 def upload():
     if 'username' not in session:
-        flash('Please login to upload!')
+        flash('Войдите, чтобы загрузить контент!')
         return redirect(url_for('login'))
     
     data = load_data()
@@ -1530,41 +1695,47 @@ def upload():
         title = request.form.get('title')
         description = request.form.get('description')
         file = request.files.get('file')
-        if file and file.filename and title:
-            filename = secure_filename(file.filename)
-            temp_path = os.path.join('uploads', filename)
-            os.makedirs('uploads', exist_ok=True)
-            file.save(temp_path)
-            
-            file_type = 'video' if filename.lower().endswith(('.mp4', '.mov', '.avi')) else 'photo'
-            api = HfApi()
-            file_path = f"{file_type}s/{filename}"
-            api.upload_file(
-                path_or_fileobj=temp_path,
-                path_in_repo=file_path,
-                repo_id=REPO_ID,
-                repo_type="dataset",
-                token=HF_TOKEN_WRITE,
-                commit_message=f"Upload by {username}"
-            )
-            
-            post_id = f"{username}_{int(time.time())}_{random.randint(1000, 9999)}"
-            data['posts'].append({
-                'id': post_id,
-                'title': title,
-                'description': description,
-                'filename': filename,
-                'type': file_type,
-                'uploader': username,
-                'upload_date': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
-                'views': 0,
-                'likes': [],
-                'comments': []
-            })
-            save_data(data)
-            if os.path.exists(temp_path):
-                os.remove(temp_path)
-            return redirect(url_for('profile'))
+        if not file or not title:
+            flash('Необходимо указать заголовок и выбрать файл!')
+            return redirect(url_for('upload'))
+
+        filename = secure_filename(file.filename)
+        temp_path = os.path.join('uploads', filename)
+        os.makedirs('uploads', exist_ok=True)
+        file.save(temp_path)
+        
+        file_type = 'video' if filename.lower().endswith(('.mp4', '.mov', '.avi')) else 'photo'
+        api = HfApi()
+        file_path = f"{file_type}s/{username}_{datetime.now().strftime('%Y%m%d_%H%M%S')}_{filename}"
+        api.upload_file(
+            path_or_fileobj=temp_path,
+            path_in_repo=file_path,
+            repo_id=REPO_ID,
+            repo_type="dataset",
+            token=HF_TOKEN_WRITE,
+            commit_message=f"Uploaded {file_type} by {username}"
+        )
+        
+        post_id = str(random.randint(100000, 999999))
+        while any(p['id'] == post_id for p in data['posts']):
+            post_id = str(random.randint(100000, 999999))
+        
+        data['posts'].append({
+            'id': post_id,
+            'title': title,
+            'description': description,
+            'filename': f"{username}_{datetime.now().strftime('%Y%m%d_%H%M%S')}_{filename}",
+            'type': file_type,
+            'uploader': username,
+            'upload_date': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
+            'views': 0,
+            'likes': [],
+            'comments': []
+        })
+        save_data(data)
+        if os.path.exists(temp_path):
+            os.remove(temp_path)
+        return redirect(url_for('profile'))
 
     html = '''
 <!DOCTYPE html>
@@ -1572,40 +1743,38 @@ def upload():
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Upload - ADUSIS Hub</title>
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>Upload - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
-        .container {
-            max-width: 700px;
-            backdrop-filter: blur(15px);
-        }
         h1 {
-            font-size: 2.5rem;
-            background: var(--gradient);
+            font-size: 2em;
+            font-weight: 800;
+            margin-bottom: 20px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin-bottom: 2rem;
-        }
-        .flash {
-            color: var(--secondary);
-            text-align: center;
-            margin-bottom: 1rem;
         }
         #progress-container {
             width: 100%;
             height: 5px;
-            background: var(--glass);
-            border-radius: 10px;
-            margin-top: 1rem;
+            background: var(--glass-bg);
+            border-radius: 5px;
+            margin-top: 15px;
+            overflow: hidden;
         }
         #progress-bar {
-            width: 0;
+            width: 0%;
             height: 100%;
-            background: var(--gradient);
-            border-radius: 10px;
+            background: var(--primary);
             transition: width 0.3s ease;
         }
+        @media (max-width: 480px) {
+            .container {
+                padding: 15px;
+            }
+        }
     </style>
 </head>
 <body>
@@ -1617,13 +1786,13 @@ def upload():
         {% with messages = get_flashed_messages() %}
             {% if messages %}
                 {% for message in messages %}
-                    <div class="flash">{{ message }}</div>
+                    <div class="flash" style="color: var(--secondary); text-align: center; margin-bottom: 12px;">{{ message }}</div>
                 {% endfor %}
             {% endif %}
         {% endwith %}
         <form id="upload-form" enctype="multipart/form-data">
             <input type="text" name="title" placeholder="Title" required>
-            <textarea name="description" placeholder="Description" rows="4"></textarea>
+            <textarea name="description" placeholder="Description" rows="3"></textarea>
             <input type="file" name="file" accept="video/*,image/*" required>
             <button type="submit" class="btn">Upload</button>
         </form>
@@ -1632,7 +1801,9 @@ def upload():
         </div>
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
@@ -1650,8 +1821,11 @@ def upload():
                 }
             };
             xhr.onload = function() {
-                if (xhr.status === 200) window.location = '/profile';
-                else alert('Upload failed');
+                if (xhr.status === 200) {
+                    window.location = '/profile';
+                } else {
+                    alert('Upload error');
+                }
             };
             xhr.send(formData);
         };
@@ -1710,7 +1884,7 @@ def chat():
                 repo_id=REPO_ID,
                 repo_type="dataset",
                 token=HF_TOKEN_WRITE,
-                commit_message=f"Chat file by {username}"
+                commit_message=f"Uploaded chat file by {username}"
             )
             message_data['file'] = file_path
             message_data['file_type'] = file_type
@@ -1734,56 +1908,82 @@ def chat():
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>General Chat - ADUSIS Hub</title>
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>General Chat - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 900px;
-            backdrop-filter: blur(15px);
+            max-width: 800px;
+            background: var(--card-bg);
+            padding: 25px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+        }
+        body.dark .container {
+            background: var(--card-bg-dark);
         }
         h1 {
-            font-size: 2.5rem;
-            background: var(--gradient);
+            font-size: 2em;
+            font-weight: 800;
+            margin-bottom: 20px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin-bottom: 1.5rem;
         }
         .messages {
-            max-height: 500px;
+            max-height: 450px;
             overflow-y: auto;
-            padding: 1rem;
-            background: var(--glass);
-            border-radius: 20px;
-            box-shadow: var(--shadow);
-            margin-bottom: 1.5rem;
+            padding: 12px;
+            background: var(--glass-bg);
+            border-radius: 12px;
+            margin-bottom: 15px;
+            scroll-behavior: smooth;
         }
         .message {
+            margin-bottom: 12px;
             display: flex;
             align-items: flex-start;
-            gap: 1rem;
-            margin-bottom: 1rem;
+            gap: 10px;
             max-width: 70%;
         }
         .message.sent {
             margin-left: auto;
             flex-direction: row-reverse;
         }
+        .message.received {
+            margin-right: auto;
+        }
         .message-avatar {
-            width: 40px;
-            height: 40px;
+            width: 35px;
+            height: 35px;
             border-radius: 50%;
+            object-fit: cover;
             box-shadow: var(--shadow);
+            loading: lazy;
         }
         .message-content {
-            padding: 1rem;
-            background: var(--glass);
-            border-radius: 15px;
-            box-shadow: var(--shadow);
+            padding: 10px 15px;
+            background: var(--card-bg);
+            border-radius: 10px;
+            font-size: 0.9em;
             transition: var(--transition);
+            box-shadow: var(--shadow);
+            border: 1px solid rgba(0, 0, 0, 0.05);
+            word-wrap: break-word;
         }
-        .message-content:hover {
-            transform: translateY(-3px);
+        body.dark .message-content {
+            background: var(--card-bg-dark);
+            border: 1px solid rgba(255, 255, 255, 0.05);
+        }
+        .message.sent .message-content {
+            border-color: var(--primary);
+        }
+        .message.received .message-content {
+            border-color: var(--secondary);
+        }
+        .message:hover .message-content {
+            transform: translateY(-2px);
         }
         .message .sender {
             color: var(--primary);
@@ -1794,19 +1994,76 @@ def chat():
             color: var(--accent);
         }
         .message .time {
-            font-size: 0.8rem;
-            opacity: 0.6;
-            margin-top: 0.5rem;
+            font-size: 0.8em;
+            color: rgba(0, 0, 0, 0.5);
+            margin-top: 5px;
+            display: block;
+        }
+        body.dark .message .time {
+            color: rgba(255, 255, 255, 0.5);
         }
         .message img, .message video {
-            max-width: 300px;
-            border-radius: 10px;
-            margin-top: 0.5rem;
+            max-width: 250px;
+            max-height: 250px;
+            width: 100%;
+            border-radius: 8px;
+            margin-top: 8px;
+            display: block;
+            loading: lazy;
+        }
+        .message a {
+            color: var(--primary);
+            text-decoration: none;
+        }
+        .message a:hover {
+            color: var(--accent);
         }
         .message-form {
+            margin-top: 15px;
             display: flex;
             flex-direction: column;
-            gap: 1rem;
+            gap: 10px;
+        }
+        .post-select {
+            padding: 10px;
+            border-radius: 10px;
+            background: var(--glass-bg);
+            color: var(--text-light);
+        }
+        body.dark .post-select {
+            color: var(--text-dark);
+        }
+        @media (max-width: 900px) {
+            .message-avatar {
+                width: 30px;
+                height: 30px;
+            }
+            .message {
+                max-width: 80%;
+            }
+        }
+        @media (max-width: 480px) {
+            .container {
+                padding: 15px;
+            }
+            .messages {
+                max-height: 350px;
+            }
+            .message-avatar {
+                width: 25px;
+                height: 25px;
+            }
+            .message {
+                max-width: 85%;
+            }
+            .message-content {
+                padding: 8px 12px;
+                font-size: 0.85em;
+            }
+            .message img, .message video {
+                max-width: 180px;
+                max-height: 180px;
+            }
         }
     </style>
 </head>
@@ -1821,13 +2078,13 @@ def chat():
                 <div class="message {{ 'sent' if message['sender'] == username else 'received' }}">
                     {% if message['sender'] == username %}
                         {% if avatar %}
-                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Avatar" class="message-avatar">
+                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Your Avatar" class="message-avatar" loading="lazy">
                         {% else %}
                             <div class="message-avatar" style="background: var(--primary);"></div>
                         {% endif %}
                     {% else %}
                         {% if data['users'][message['sender']].get('avatar') %}
-                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ data['users'][message['sender']]['avatar'] }}" alt="{{ message['sender'] }} Avatar" class="message-avatar">
+                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ data['users'][message['sender']]['avatar'] }}" alt="{{ message['sender'] }} Avatar" class="message-avatar" loading="lazy">
                         {% else %}
                             <div class="message-avatar" style="background: var(--secondary);"></div>
                         {% endif %}
@@ -1840,17 +2097,17 @@ def chat():
                         {% endif %}
                         {% if 'file' in message %}
                             {% if message['file_type'] == 'video' %}
-                                <video controls>
+                                <video controls loading="lazy">
                                     <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ message['file'] }}" type="video/mp4">
                                 </video>
                             {% else %}
-                                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ message['file'] }}" alt="Chat file" onclick="openModal(this.src)">
+                                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ message['file'] }}" alt="Chat file" loading="lazy" onclick="openModal(this.src)">
                             {% endif %}
                         {% endif %}
                         {% if 'post_id' in message %}
                             {% with post = posts|selectattr('id', 'equalto', message['post_id'])|first %}
                                 {% if post %}
-                                    <p>Shared: <a href="{{ url_for('post_page', post_id=message['post_id']) }}" style="color: var(--primary);">{{ post['title'] }}</a></p>
+                                    <p>Shared: <a href="{{ url_for('post_page', post_id=message['post_id']) }}">{{ post['title'] }}</a></p>
                                 {% endif %}
                             {% endwith %}
                         {% endif %}
@@ -1861,9 +2118,9 @@ def chat():
         </div>
         {% if is_authenticated %}
             <form method="POST" enctype="multipart/form-data" class="message-form">
-                <textarea name="message" placeholder="Type a message..." rows="3"></textarea>
+                <textarea name="message" placeholder="Type a message" rows="2"></textarea>
                 <input type="file" name="file" accept="video/*,image/*">
-                <select name="post_id">
+                <select name="post_id" class="post-select">
                     <option value="">Share a post (optional)</option>
                     {% for post in user_posts %}
                         <option value="{{ post['id'] }}">{{ post['title'] }}</option>
@@ -1872,28 +2129,35 @@ def chat():
                 <button type="submit" class="btn">Send</button>
             </form>
         {% else %}
-            <p><a href="{{ url_for('login') }}" style="color: var(--primary);">Login</a> to chat</p>
+            <p style="font-size: 1em;"><a href="{{ url_for('login') }}">Login</a> to send messages.</p>
         {% endif %}
     </div>
     <div class="modal" id="imageModal" onclick="closeModal(event)">
         <img id="modalImage" src="">
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
         }
         function openModal(src) {
-            document.getElementById('imageModal').style.display = 'flex';
-            document.getElementById('modalImage').src = src;
+            const modal = document.getElementById('imageModal');
+            const modalImg = document.getElementById('modalImage');
+            modal.style.display = 'flex';
+            modalImg.src = src;
         }
         function closeModal(event) {
-            if (event.target.tagName !== 'IMG') document.getElementById('imageModal').style.display = 'none';
+            if (event.target.tagName !== 'IMG') {
+                document.getElementById('imageModal').style.display = 'none';
+            }
         }
         window.onload = () => {
             if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
-            document.getElementById('messages').scrollTop = document.getElementById('messages').scrollHeight;
+            const messagesDiv = document.getElementById('messages');
+            messagesDiv.scrollTop = messagesDiv.scrollHeight;
         };
     </script>
 </body>
@@ -1940,44 +2204,66 @@ def users():
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
-    <title>Users - ADUSIS Hub</title>
+    <title>Users - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 900px;
-            backdrop-filter: blur(15px);
+            max-width: 800px;
+            background: var(--card-bg);
+            padding: 25px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+        }
+        body.dark .container {
+            background: var(--card-bg-dark);
         }
         h1 {
-            font-size: 2.5rem;
-            background: var(--gradient);
+            font-size: 2em;
+            font-weight: 800;
+            margin-bottom: 20px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin-bottom: 1.5rem;
         }
         .search-container {
-            margin-bottom: 2rem;
+            max-width: 600px;
+            margin: 0 auto 20px;
+        }
+        .search-form {
             display: flex;
-            gap: 1rem;
+            gap: 10px;
         }
         .search-input {
             flex-grow: 1;
+            background: var(--card-bg);
+            border-radius: 12px;
             box-shadow: var(--shadow);
         }
+        body.dark .search-input {
+            background: var(--card-bg-dark);
+        }
+        .search-btn {
+            padding: 12px 20px;
+            box-shadow: none;
+        }
         .user-grid {
             display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-            gap: 1.5rem;
+            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+            gap: 15px;
         }
         .user-item {
-            background: var(--glass);
-            padding: 1rem;
-            border-radius: 15px;
+            background: var(--card-bg);
+            padding: 12px;
+            border-radius: 12px;
             box-shadow: var(--shadow);
             transition: var(--transition);
             display: flex;
             align-items: center;
-            gap: 1rem;
+            gap: 12px;
+        }
+        body.dark .user-item {
+            background: var(--card-bg-dark);
         }
         .user-item:hover {
             transform: translateY(-3px);
@@ -1986,7 +2272,12 @@ def users():
             width: 50px;
             height: 50px;
             border-radius: 50%;
+            object-fit: cover;
             box-shadow: var(--shadow);
+            loading: lazy;
+        }
+        .user-info {
+            flex-grow: 1;
         }
         .user-info a {
             color: var(--primary);
@@ -1998,7 +2289,20 @@ def users():
         }
         .message-btn {
             background: var(--secondary);
-            padding: 0.6rem 1rem;
+            padding: 8px 14px;
+            font-size: 0.85em;
+        }
+        .message-btn:hover {
+            background: #00b8c5;
+        }
+        @media (max-width: 480px) {
+            .user-grid {
+                grid-template-columns: 1fr;
+            }
+            .user-avatar {
+                width: 40px;
+                height: 40px;
+            }
         }
     </style>
 </head>
@@ -2010,8 +2314,8 @@ def users():
         <h1>Users ({{ user_count }})</h1>
         <div class="search-container">
             <form method="POST" class="search-form">
-                <input type="text" name="search" class="search-input" placeholder="Search users..." value="{{ search_query }}">
-                <button type="submit" class="btn">🔍</button>
+                <input type="text" name="search" class="search-input" placeholder="Search users" value="{{ search_query }}">
+                <button type="submit" class="btn search-btn">🔍</button>
             </form>
         </div>
         <div class="user-grid">
@@ -2019,7 +2323,7 @@ def users():
                 {% if user != username %}
                 <div class="user-item">
                     {% if avatar %}
-                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="{{ user }} Avatar" class="user-avatar">
+                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="{{ user }} Avatar" class="user-avatar" loading="lazy">
                     {% else %}
                         <div class="user-avatar" style="background: var(--primary);"></div>
                     {% endif %}
@@ -2027,7 +2331,7 @@ def users():
                         <a href="{{ url_for('user_profile', username=user) }}">{{ user }}</a>
                         <span class="status-dot {{ 'online' if online else 'offline' }}"></span>
                         {% if is_authenticated %}
-                            <br><a href="{{ url_for('private_chat', recipient=user) }}" class="btn message-btn">Message</a>
+                            <br><a href="{{ url_for('private_chat', recipient=user) }}" class="btn message-btn">Send Message</a>
                         {% endif %}
                     </div>
                 </div>
@@ -2036,7 +2340,9 @@ def users():
         </div>
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
@@ -2053,7 +2359,7 @@ def users():
 @app.route('/messages', methods=['GET'])
 def messages():
     if 'username' not in session:
-        flash('Please login to view messages!')
+        flash('Войдите, чтобы просмотреть сообщения!')
         return redirect(url_for('login'))
 
     data = load_data()
@@ -2086,44 +2392,60 @@ def messages():
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Messages - ADUSIS Hub</title>
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>Messages - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 900px;
-            backdrop-filter: blur(15px);
+            max-width: 800px;
+            background: var(--card-bg);
+            padding: 25px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+        }
+        body.dark .container {
+            background: var(--card-bg-dark);
         }
         h1 {
-            font-size: 2.5rem;
-            background: var(--gradient);
+            font-size: 2em;
+            font-weight: 800;
+            margin-bottom: 20px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin-bottom: 1.5rem;
         }
         .dialog-list {
             display: flex;
             flex-direction: column;
-            gap: 1rem;
+            gap: 12px;
         }
         .dialog-item {
-            background: var(--glass);
-            padding: 1rem;
-            border-radius: 15px;
+            background: var(--card-bg);
+            padding: 12px;
+            border-radius: 12px;
             box-shadow: var(--shadow);
             transition: var(--transition);
             display: flex;
             align-items: center;
-            gap: 1rem;
+            gap: 12px;
+        }
+        body.dark .dialog-item {
+            background: var(--card-bg-dark);
         }
         .dialog-item:hover {
             transform: translateY(-3px);
         }
         .dialog-avatar {
-            width: 45px;
-            height: 45px;
+            width: 40px;
+            height: 40px;
             border-radius: 50%;
+            object-fit: cover;
             box-shadow: var(--shadow);
+            loading: lazy;
+        }
+        .dialog-info {
+            flex-grow: 1;
         }
         .dialog-info a {
             color: var(--primary);
@@ -2135,10 +2457,20 @@ def messages():
         }
         .dialog-unread {
             background: var(--secondary);
-            color: var(--background);
-            padding: 0.3rem 0.6rem;
-            border-radius: 20px;
-            font-size: 0.8rem;
+            color: white;
+            padding: 3px 8px;
+            border-radius: 10px;
+            font-size: 0.75em;
+            font-weight: 700;
+        }
+        @media (max-width: 480px) {
+            .dialog-avatar {
+                width: 35px;
+                height: 35px;
+            }
+            .dialog-info a {
+                font-size: 0.9em;
+            }
         }
     </style>
 </head>
@@ -2152,7 +2484,7 @@ def messages():
             {% for other_user, info in dialogs.items() %}
                 <div class="dialog-item">
                     {% if info.avatar %}
-                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ info.avatar }}" alt="{{ other_user }} Avatar" class="dialog-avatar">
+                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ info.avatar }}" alt="{{ other_user }} Avatar" class="dialog-avatar" loading="lazy">
                     {% else %}
                         <div class="dialog-avatar" style="background: var(--primary);"></div>
                     {% endif %}
@@ -2160,7 +2492,7 @@ def messages():
                         <a href="{{ url_for('private_chat', recipient=other_user) }}">{{ other_user }}</a>
                         <span class="status-dot {{ 'online' if info.online else 'offline' }}"></span>
                         {% if info.last_message %}
-                            <p style="font-size: 0.9rem; opacity: 0.6;">{{ info.last_message['time'] }}: 
+                            <p style="font-size: 0.85em; color: rgba(0, 0, 0, 0.5);">{{ info.last_message['time'] }}: 
                             {% if 'text' in info.last_message %}{{ info.last_message['text']|truncate(25) }}{% elif 'file' in info.last_message %}File{% elif 'post_id' in info.last_message %}Post{% endif %}</p>
                         {% endif %}
                     </div>
@@ -2170,12 +2502,14 @@ def messages():
                 </div>
             {% endfor %}
             {% if not dialogs %}
-                <p>No messages yet.</p>
+                <p style="font-size: 1em;">No messages yet.</p>
             {% endif %}
         </div>
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
@@ -2192,14 +2526,14 @@ def messages():
 @app.route('/chat/<recipient>', methods=['GET', 'POST'])
 def private_chat(recipient):
     if 'username' not in session:
-        flash('Please login to chat!')
+        flash('Войдите, чтобы начать чат!')
         return redirect(url_for('login'))
 
     data = load_data()
     username = session['username']
     update_last_seen(data, username)
     if recipient not in data['users']:
-        return "User not found", 404
+        return "Пользователь не найден", 404
 
     is_authenticated = 'username' in session
     unread_count = get_unread_count(data, username)
@@ -2243,7 +2577,7 @@ def private_chat(recipient):
                 repo_id=REPO_ID,
                 repo_type="dataset",
                 token=HF_TOKEN_WRITE,
-                commit_message=f"Private chat file by {username} to {recipient}"
+                commit_message=f"Uploaded private chat file by {username} to {recipient}"
             )
             message_data['file'] = file_path
             message_data['file_type'] = file_type
@@ -2271,65 +2605,85 @@ def private_chat(recipient):
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Chat with {{ recipient }} - ADUSIS Hub</title>
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>Chat with {{ recipient }} - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 900px;
-            backdrop-filter: blur(15px);
+            max-width: 800px;
+            background: var(--card-bg);
+            padding: 25px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+        }
+        body.dark .container {
+            background: var(--card-bg-dark);
         }
         h1 {
-            font-size: 2.5rem;
-            background: var(--gradient);
+            font-size: 2em;
+            font-weight: 800;
+            margin-bottom: 20px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin-bottom: 1.5rem;
             display: flex;
             align-items: center;
-            gap: 1rem;
+            gap: 12px;
         }
-        .recipient-avatar {
-            width: 40px;
-            height: 40px;
+        .recipient-avatar, .message-avatar {
+            width: 35px;
+            height: 35px;
             border-radius: 50%;
+            object-fit: cover;
             box-shadow: var(--shadow);
+            loading: lazy;
         }
         .messages {
-            max-height: 500px;
+            max-height: 450px;
             overflow-y: auto;
-            padding: 1rem;
-            background: var(--glass);
-            border-radius: 20px;
-            box-shadow: var(--shadow);
-            margin-bottom: 1.5rem;
+            padding: 12px;
+            background: var(--glass-bg);
+            border-radius: 12px;
+            margin-bottom: 15px;
+            scroll-behavior: smooth;
         }
         .message {
             display: flex;
             align-items: flex-start;
-            gap: 1rem;
-            margin-bottom: 1rem;
+            gap: 10px;
+            margin-bottom: 12px;
             max-width: 70%;
         }
         .message.sent {
             margin-left: auto;
             flex-direction: row-reverse;
         }
-        .message-avatar {
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            box-shadow: var(--shadow);
+        .message.received {
+            margin-right: auto;
         }
         .message-content {
-            padding: 1rem;
-            background: var(--glass);
-            border-radius: 15px;
-            box-shadow: var(--shadow);
+            padding: 10px 15px;
+            background: var(--card-bg);
+            border-radius: 10px;
+            font-size: 0.9em;
             transition: var(--transition);
+            box-shadow: var(--shadow);
+            border: 1px solid rgba(0, 0, 0, 0.05);
+            word-wrap: break-word;
         }
-        .message-content:hover {
-            transform: translateY(-3px);
+        body.dark .message-content {
+            background: var(--card-bg-dark);
+            border: 1px solid rgba(255, 255, 255, 0.05);
+        }
+        .message.sent .message-content {
+            border-color: var(--primary);
+        }
+        .message.received .message-content {
+            border-color: var(--secondary);
+        }
+        .message:hover .message-content {
+            transform: translateY(-2px);
         }
         .message .sender {
             color: var(--primary);
@@ -2340,19 +2694,76 @@ def private_chat(recipient):
             color: var(--accent);
         }
         .message .time {
-            font-size: 0.8rem;
-            opacity: 0.6;
-            margin-top: 0.5rem;
+            font-size: 0.8em;
+            color: rgba(0, 0, 0, 0.5);
+            margin-top: 5px;
+            display: block;
+        }
+        body.dark .message .time {
+            color: rgba(255, 255, 255, 0.5);
         }
         .message img, .message video {
-            max-width: 300px;
-            border-radius: 10px;
-            margin-top: 0.5rem;
+            max-width: 250px;
+            max-height: 250px;
+            width: 100%;
+            border-radius: 8px;
+            margin-top: 8px;
+            display: block;
+            loading: lazy;
+        }
+        .message a {
+            color: var(--primary);
+            text-decoration: none;
+        }
+        .message a:hover {
+            color: var(--accent);
         }
         .message-form {
+            margin-top: 15px;
             display: flex;
             flex-direction: column;
-            gap: 1rem;
+            gap: 10px;
+        }
+        .post-select {
+            padding: 10px;
+            border-radius: 10px;
+            background: var(--glass-bg);
+            color: var(--text-light);
+        }
+        body.dark .post-select {
+            color: var(--text-dark);
+        }
+        @media (max-width: 900px) {
+            .message-avatar, .recipient-avatar {
+                width: 30px;
+                height: 30px;
+            }
+            .message {
+                max-width: 80%;
+            }
+        }
+        @media (max-width: 480px) {
+            .container {
+                padding: 15px;
+            }
+            .messages {
+                max-height: 350px;
+            }
+            .message-avatar, .recipient-avatar {
+                width: 25px;
+                height: 25px;
+            }
+            .message {
+                max-width: 85%;
+            }
+            .message-content {
+                padding: 8px 12px;
+                font-size: 0.85em;
+            }
+            .message img, .message video {
+                max-width: 180px;
+                max-height: 180px;
+            }
         }
     </style>
 </head>
@@ -2363,7 +2774,7 @@ def private_chat(recipient):
     <div class="container">
         <h1>
             {% if recipient_avatar %}
-                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ recipient_avatar }}" alt="{{ recipient }} Avatar" class="recipient-avatar">
+                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ recipient_avatar }}" alt="{{ recipient }} Avatar" class="recipient-avatar" loading="lazy">
             {% else %}
                 <div class="recipient-avatar" style="background: var(--primary);"></div>
             {% endif %}
@@ -2374,13 +2785,13 @@ def private_chat(recipient):
                 <div class="message {{ 'sent' if message['sender'] == username else 'received' }}">
                     {% if message['sender'] == username %}
                         {% if avatar %}
-                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Your Avatar" class="message-avatar">
+                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Your Avatar" class="message-avatar" loading="lazy">
                         {% else %}
                             <div class="message-avatar" style="background: var(--primary);"></div>
                         {% endif %}
                     {% else %}
                         {% if recipient_avatar %}
-                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ recipient_avatar }}" alt="{{ recipient }} Avatar" class="message-avatar">
+                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ recipient_avatar }}" alt="{{ recipient }} Avatar" class="message-avatar" loading="lazy">
                         {% else %}
                             <div class="message-avatar" style="background: var(--secondary);"></div>
                         {% endif %}
@@ -2393,17 +2804,17 @@ def private_chat(recipient):
                         {% endif %}
                         {% if 'file' in message %}
                             {% if message['file_type'] == 'video' %}
-                                <video controls>
+                                <video controls loading="lazy">
                                     <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ message['file'] }}" type="video/mp4">
                                 </video>
                             {% else %}
-                                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ message['file'] }}" alt="Chat file" onclick="openModal(this.src)">
+                                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ message['file'] }}" alt="Chat file" loading="lazy" onclick="openModal(this.src)">
                             {% endif %}
                         {% endif %}
                         {% if 'post_id' in message %}
                             {% with post = posts|selectattr('id', 'equalto', message['post_id'])|first %}
                                 {% if post %}
-                                    <p>Shared: <a href="{{ url_for('post_page', post_id=message['post_id']) }}" style="color: var(--primary);">{{ post['title'] }}</a></p>
+                                    <p>Shared: <a href="{{ url_for('post_page', post_id=message['post_id']) }}">{{ post['title'] }}</a></p>
                                 {% endif %}
                             {% endwith %}
                         {% endif %}
@@ -2413,9 +2824,9 @@ def private_chat(recipient):
             {% endfor %}
         </div>
         <form method="POST" enctype="multipart/form-data" class="message-form">
-            <textarea name="message" placeholder="Type a message..." rows="3"></textarea>
+            <textarea name="message" placeholder="Type a message" rows="2"></textarea>
             <input type="file" name="file" accept="video/*,image/*">
-            <select name="post_id">
+            <select name="post_id" class="post-select">
                 <option value="">Share a post (optional)</option>
                 {% for post in user_posts %}
                     <option value="{{ post['id'] }}">{{ post['title'] }}</option>
@@ -2423,27 +2834,34 @@ def private_chat(recipient):
             </select>
             <button type="submit" class="btn">Send</button>
         </form>
-        <a href="{{ url_for('messages') }}" class="btn" style="margin-top: 1rem;">Back to Messages</a>
+        <a href="{{ url_for('messages') }}" class="btn" style="margin-top: 12px;">Back to Messages</a>
     </div>
     <div class="modal" id="imageModal" onclick="closeModal(event)">
         <img id="modalImage" src="">
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
         }
         function openModal(src) {
-            document.getElementById('imageModal').style.display = 'flex';
-            document.getElementById('modalImage').src = src;
+            const modal = document.getElementById('imageModal');
+            const modalImg = document.getElementById('modalImage');
+            modal.style.display = 'flex';
+            modalImg.src = src;
         }
         function closeModal(event) {
-            if (event.target.tagName !== 'IMG') document.getElementById('imageModal').style.display = 'none';
+            if (event.target.tagName !== 'IMG') {
+                document.getElementById('imageModal').style.display = 'none';
+            }
         }
         window.onload = () => {
             if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
-            document.getElementById('messages').scrollTop = document.getElementById('messages').scrollHeight;
+            const messagesDiv = document.getElementById('messages');
+            messagesDiv.scrollTop = messagesDiv.scrollHeight;
         };
     </script>
 </body>
@@ -2497,62 +2915,77 @@ def admin_panel():
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Admin Panel - ADUSIS Hub</title>
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>Admin Panel - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
-        .container {
-            max-width: 1200px;
-            backdrop-filter: blur(15px);
-        }
         h1 {
-            font-size: 2.5rem;
-            background: var(--gradient);
+            font-size: 2.2em;
+            font-weight: 800;
+            margin-bottom: 25px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
-            margin-bottom: 2rem;
         }
         .search-container {
-            margin-bottom: 2rem;
+            max-width: 600px;
+            margin: 0 auto 25px;
+        }
+        .search-form {
             display: flex;
-            gap: 1rem;
+            gap: 10px;
         }
         .search-input {
             flex-grow: 1;
+            background: var(--card-bg);
+            border-radius: 12px;
             box-shadow: var(--shadow);
         }
+        body.dark .search-input {
+            background: var(--card-bg-dark);
+        }
+        .search-btn {
+            padding: 12px 20px;
+            box-shadow: none;
+        }
         .post-grid {
             display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-            gap: 1.5rem;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            gap: 20px;
         }
         .post-item {
-            background: var(--glass);
-            padding: 1.5rem;
-            border-radius: 20px;
+            background: var(--card-bg);
+            padding: 15px;
+            border-radius: 16px;
             box-shadow: var(--shadow);
             transition: var(--transition);
         }
+        body.dark .post-item {
+            background: var(--card-bg-dark);
+        }
         .post-item:hover {
             transform: translateY(-5px);
         }
         .post-preview {
             width: 100%;
-            height: 220px;
+            height: 200px;
             object-fit: cover;
-            border-radius: 15px;
+            border-radius: 12px;
+            margin-bottom: 12px;
+            loading: lazy;
         }
-        .post-item h2 {
-            font-size: 1.4rem;
-            margin: 1rem 0 0.5rem;
-        }
-        .post-item p {
-            font-size: 0.9rem;
-            opacity: 0.8;
+        .post-item h3 {
+            font-size: 1.3em;
+            font-weight: 600;
+            margin-bottom: 8px;
         }
         .delete-btn {
             background: var(--secondary);
         }
+        .delete-btn:hover {
+            background: #00b8c5;
+        }
         .username-link {
             color: var(--primary);
             font-weight: 600;
@@ -2561,6 +2994,17 @@ def admin_panel():
         .username-link:hover {
             color: var(--accent);
         }
+        @media (max-width: 480px) {
+            .post-grid {
+                grid-template-columns: 1fr;
+            }
+            .post-preview {
+                height: 150px;
+            }
+            h1 {
+                font-size: 1.8em;
+            }
+        }
     </style>
 </head>
 <body>
@@ -2568,37 +3012,37 @@ def admin_panel():
     ''' + NAV_HTML + '''
     <button class="theme-toggle" onclick="toggleTheme()">🌙</button>
     <div class="container">
-        <h1>Admin Panel: All Posts</h1>
+        <h1>Admin Panel</h1>
         <div class="search-container">
             <form method="POST" class="search-form">
-                <input type="text" name="search" class="search-input" placeholder="Search posts..." value="{{ search_query }}">
-                <button type="submit" class="btn">🔍</button>
+                <input type="text" name="search" class="search-input" placeholder="Search posts" value="{{ search_query }}">
+                <button type="submit" class="btn search-btn">🔍</button>
             </form>
         </div>
         <div class="post-grid">
-            {% if posts %}
-                {% for post in posts %}
-                <div class="post-item">
-                    <a href="{{ url_for('post_page', post_id=post['id']) }}">
-                        {% if post['type'] == 'video' %}
-                            <video class="post-preview" preload="metadata" muted>
-                                <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
-                            </video>
-                        {% else %}
-                            <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" onclick="openModal(this.src, event, '{{ post['id'] }}')">
-                        {% endif %}
-                        <h2>{{ post['title'] }}</h2>
-                    </a>
-                    <p>{{ post['description']|truncate(100) }}</p>
-                    <p>By: <a href="{{ url_for('user_profile', username=post['uploader']) }}" class="username-link">{{ post['uploader'] }}</a> <span class="status-dot {{ 'online' if is_user_online(post['uploader']) else 'offline' }}"></span> | {{ post['upload_date'] }}</p>
-                    <form method="POST">
-                        <input type="hidden" name="post_id" value="{{ post['id'] }}">
-                        <button type="submit" name="delete" class="btn delete-btn">Delete</button>
-                    </form>
-                </div>
-                {% endfor %}
-            {% else %}
-                <p>No posts found.</p>
+            {% for post in posts %}
+            <div class="post-item">
+                <a href="{{ url_for('post_page', post_id=post['id']) }}">
+                    {% if post['type'] == 'video' %}
+                        <video class="post-preview" preload="metadata" muted loading="lazy">
+                            <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
+                        </video>
+                    {% else %}
+                        <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" loading="lazy" onclick="openModal(this.src, event, '{{ post['id'] }}')">
+                    {% endif %}
+                    <h3>{{ post['title'] }}</h3>
+                </a>
+                <p>{{ post['description']|truncate(100) }}</p>
+                <p>By: <a href="{{ url_for('user_profile', username=post['uploader']) }}" class="username-link">{{ post['uploader'] }}</a> <span class="status-dot {{ 'online' if is_user_online(post['uploader']) else 'offline' }}"></span></p>
+                <p>{{ post['upload_date'] }} | Views: {{ post['views'] }} | Likes: {{ post['likes']|length }}</p>
+                <form method="POST" style="margin-top: 10px;">
+                    <input type="hidden" name="post_id" value="{{ post['id'] }}">
+                    <button type="submit" name="delete" class="btn delete-btn">Delete</button>
+                </form>
+            </div>
+            {% endfor %}
+            {% if not posts %}
+                <p style="font-size: 1em;">No posts found.</p>
             {% endif %}
         </div>
     </div>
@@ -2606,23 +3050,30 @@ def admin_panel():
         <img id="modalImage" src="">
     </div>
     <script>
-        function toggleSidebar() { document.getElementById('sidebar').classList.toggle('active'); }
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
         function toggleTheme() {
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
         }
         function openModal(src, event, postId) {
             event.preventDefault();
-            document.getElementById('imageModal').style.display = 'flex';
-            document.getElementById('modalImage').src = src;
+            const modal = document.getElementById('imageModal');
+            const modalImg = document.getElementById('modalImage');
+            modal.style.display = 'flex';
+            modalImg.src = src;
             fetch('/increment_view/' + postId, { method: 'POST' });
         }
         function closeModal(event) {
-            if (event.target.tagName !== 'IMG') document.getElementById('imageModal').style.display = 'none';
+            if (event.target.tagName !== 'IMG') {
+                document.getElementById('imageModal').style.display = 'none';
+            }
         }
         window.onload = () => {
             if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
-            document.querySelectorAll('.post-preview').forEach(video => {
+            const videos = document.querySelectorAll('.post-preview');
+            videos.forEach(video => {
                 if (video.tagName === 'VIDEO') {
                     video.addEventListener('loadedmetadata', () => {
                         video.currentTime = Math.random() * video.duration;
@@ -2634,9 +3085,18 @@ def admin_panel():
 </body>
 </html>
 '''
-    return render_template_string(html, posts=posts, is_authenticated=is_authenticated, username=username, repo_id=REPO_ID, search_query=search_query, unread_count=unread_count, user_count=user_count, private_unread_count=private_unread_count, is_online=is_online, is_user_online=lambda u: is_user_online(data, u))
+    return render_template_string(html, 
+                                posts=posts, 
+                                is_authenticated=is_authenticated, 
+                                username=username, 
+                                repo_id=REPO_ID,
+                                unread_count=unread_count,
+                                user_count=user_count,
+                                private_unread_count=private_unread_count,
+                                is_online=is_online,
+                                is_user_online=lambda u: is_user_online(data, u),
+                                search_query=search_query)
 
 if __name__ == '__main__':
-    backup_thread = threading.Thread(target=periodic_backup, daemon=True)
-    backup_thread.start()
-    app.run(debug=True, host='0.0.0.0', port=7860)
\ No newline at end of file
+    threading.Thread(target=periodic_backup, daemon=True).start()
+    app.run(debug=True, host='0.0.0.0', port=5000)       
\ No newline at end of file