From 0b1b216715af0ddb46387a2aee97be67a6db39cc Mon Sep 17 00:00:00 2001
From: Dauren777 <daurenmoldabaev99@mail.com>
Date: Mon, 1 Jun 2026 11:15:33 +0000
Subject: [PATCH] =?UTF-8?q?v14=20=E2=80=94=20=D0=BF=D0=BE=D0=BB=D0=BD?=
 =?UTF-8?q?=D0=B0=D1=8F=20=D0=BF=D0=B5=D1=80=D0=B5=D1=80=D0=B0=D0=B1=D0=BE?=
 =?UTF-8?q?=D1=82=D0=BA=D0=B0:=20=D1=80=D0=B5=D0=B3=D0=B8=D1=81=D1=82?=
 =?UTF-8?q?=D1=80=D0=B0=D1=86=D0=B8=D1=8F=20=D0=BF=D0=BE=20=D1=88=D0=B0?=
 =?UTF-8?q?=D0=B3=D0=B0=D0=BC,=20=D0=BF=D1=80=D0=BE=D1=84=D0=B8=D0=BB?=
 =?UTF-8?q?=D1=8C,=20=D1=87=D0=B0=D1=82=D1=8B,=20=D0=B8=D0=BD=D1=81=D1=82?=
 =?UTF-8?q?=D1=80=D1=83=D0=BC=D0=B5=D0=BD=D1=82=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 1590 +++++++++++++++++++---------------------------------
 1 file changed, 562 insertions(+), 1028 deletions(-)
diff --git a/index.html b/index.html
index ece4bb5..903c5b6 100644
--- a/index.html
+++ b/index.html
@@ -3,1120 +3,654 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
-<title>Галикон — приложение спортсмена</title>
+<title>Галикон — спорт будущего</title>
 <link rel="manifest" href="manifest.json">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <meta name="apple-mobile-web-app-title" content="Галикон">
 <meta name="theme-color" content="#0F1218">
 <style>
-:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7;--red:#FF6B6B;--green:#4CAF50}
+:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7;--red:#FF6B6B;--green:#4CAF50;--gold:#FFD700}
 *{box-sizing:border-box;margin:0;padding:0}
-body{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--gray-100);-webkit-tap-highlight-color:transparent}
-
-header{background:var(--ink);color:var(--white);padding:12px 20px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px}
-header h1{font-size:20px;font-weight:800;white-space:nowrap}
-header h1 span{color:var(--cyan)}
-.header-right{display:flex;align-items:center;gap:8px}
-.header-right .avatar{width:34px;height:34px;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;cursor:pointer;overflow:hidden}
-.header-right .avatar img{width:100%;height:100%;object-fit:cover}
-.header-right .profile-name{font-size:13px;color:var(--cyan);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-
-nav.tabs{display:flex;overflow-x:auto;gap:4px;padding:8px 20px;background:var(--ink);position:sticky;top:57px;z-index:99;-webkit-overflow-scrolling:touch}
-nav.tabs::-webkit-scrollbar{display:none}
-.tab-btn{flex-shrink:0;padding:8px 14px;border-radius:20px;border:none;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;background:#1a2332;color:#9aa3b2;transition:all .2s}
-.tab-btn.active{background:var(--cyan);color:var(--ink)}
-.tab-btn:active{transform:scale(.95)}
-
-main{padding:20px;max-width:900px;margin:0 auto}
-.tab-content{display:none}
-.tab-content.active{display:block}
-.card{background:var(--white);border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
-.card h3{font-size:18px;font-weight:700;margin-bottom:12px}
-.card h3 .emoji{margin-right:8px}
-
-.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
-.stat-box{text-align:center;padding:16px 8px;background:var(--gray-100);border-radius:12px}
-.stat-box .num{font-size:28px;font-weight:800;color:var(--cyan);line-height:1}
-.stat-box .lbl{font-size:11px;color:var(--gray-500);margin-top:4px}
-
-input,select,textarea{width:100%;padding:12px;border:2px solid var(--gray-100);border-radius:10px;font:inherit;font-size:15px;margin-bottom:10px;background:var(--white);transition:border-color .2s}
+body{font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--ink);overflow-x:hidden}
+input,select,textarea{width:100%;padding:14px 16px;border:2px solid #2a3342;border-radius:12px;font:inherit;font-size:16px;background:#1a2332;color:var(--white);transition:border .2s}
 input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)}
-.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:10px 22px;border-radius:10px;font-weight:700;border:none;font-size:15px;cursor:pointer;transition:transform .2s;text-align:center}
-.btn:active{transform:scale(.96)}
-.btn.danger{background:var(--red);color:#fff}
-.btn.small{padding:6px 14px;font-size:13px}
+input::placeholder{color:#5b6573}
+.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:14px 28px;border-radius:14px;font-weight:700;border:none;font-size:16px;cursor:pointer;transition:all .2s;text-align:center;width:100%}
+.btn:active{transform:scale(.97)}
 .btn.outline{background:transparent;border:2px solid var(--cyan);color:var(--cyan)}
+.btn.small{padding:8px 16px;font-size:13px;width:auto}
+.btn.danger{background:var(--red);color:#fff}
+.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--cyan);color:var(--ink);padding:12px 24px;border-radius:30px;font-weight:700;font-size:14px;z-index:999;opacity:0;transition:opacity .3s;pointer-events:none}
+.toast.show{opacity:1}
 
-.check-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--gray-100)}
-.check-row:last-child{border-bottom:none}
-.check-row label{flex:1;font-size:15px;cursor:pointer}
-.check-row input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:var(--cyan)}
+/* SCREENS */
+.screen{position:fixed;top:0;left:0;right:0;bottom:0;display:none;flex-direction:column;background:var(--ink);color:var(--white);overflow-y:auto;z-index:10}
+.screen.active{display:flex}
 
-table{width:100%;border-collapse:collapse;font-size:14px}
-th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--gray-100)}
-th{color:var(--gray-500);font-weight:600;font-size:12px;text-transform:uppercase}
-td .badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600}
+/* LOGIN */
+.login-box{max-width:400px;margin:auto;padding:24px;width:100%}
+.login-box h1{text-align:center;font-size:32px;margin-bottom:8px}
+.login-box h1 span{color:var(--cyan)}
+.login-box .sub{text-align:center;color:var(--gray-500);margin-bottom:24px;font-size:15px}
+.login-box .error{color:var(--red);font-size:13px;margin-bottom:8px;display:none}
+
+/* REGISTRATION STEPS */
+.reg-step{display:none;flex-direction:column;gap:8px;max-width:400px;margin:auto;padding:24px;width:100%}
+.reg-step.active{display:flex}
+.reg-step h2{text-align:center;font-size:22px;margin-bottom:4px}
+.reg-step .hint{text-align:center;color:var(--gray-500);font-size:13px;margin-bottom:16px}
+.step-indicator{display:flex;justify-content:center;gap:6px;margin-bottom:16px}
+.step-dot{width:8px;height:8px;border-radius:50%;background:#2a3342;transition:all .3s}
+.step-dot.done{background:var(--cyan)}
+.step-dot.current{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
+.reg-nav{display:flex;gap:8px;margin-top:8px}
+.reg-nav button{flex:1}
+
+/* AVATAR PICKER */
+.avatar-picker{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0}
+.avatar-opt{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;border:3px solid transparent;transition:all .2s;background:#1a2332}
+.avatar-opt.selected{border-color:var(--cyan);transform:scale(1.1)}
+.avatar-opt img{width:100%;height:100%;border-radius:50%;object-fit:cover}
+
+/* BOTTOM NAV */
+.bottom-nav{display:flex;justify-content:space-around;padding:8px;background:#151c28;border-top:1px solid #2a3342;position:sticky;bottom:0;z-index:50}
+.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:12px;cursor:pointer;color:var(--gray-500);font-size:11px;transition:all .2s;border:none;background:none}
+.nav-item.active{color:var(--cyan)}
+.nav-item .icon{font-size:22px}
+
+/* CONTENT */
+.content{flex:1;overflow-y:auto;padding:16px;max-width:700px;margin:0 auto;width:100%}
+.card{background:#151c28;border-radius:16px;padding:20px;margin-bottom:12px;border:1px solid #2a3342}
+.card h3{font-size:17px;font-weight:700;margin-bottom:10px}
+.card .muted{color:var(--gray-500);font-size:13px}
+
+.profile-header{text-align:center;padding:24px 16px}
+.profile-header .avatar{width:80px;height:80px;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;margin:0 auto 12px;overflow:hidden}
+.profile-header .avatar img{width:100%;height:100%;object-fit:cover}
+.profile-header h2{font-size:22px}
+.profile-header .tag{display:inline-block;background:var(--cyan);color:var(--ink);padding:3px 12px;border-radius:12px;font-size:12px;font-weight:700;margin-top:4px}
+
+.achievement-row{display:flex;gap:8px;flex-wrap:wrap}
+.achievement-badge{background:#1a2332;border-radius:12px;padding:10px 14px;font-size:13px;text-align:center}
+.achievement-badge .val{font-size:20px;font-weight:800;color:var(--cyan)}
+
+table{width:100%;border-collapse:collapse;font-size:13px}
+th,td{padding:8px;text-align:left;border-bottom:1px solid #2a3342}
+th{color:var(--gray-500);font-size:11px;text-transform:uppercase}
+.badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600}
 .badge.gold{background:#FFF3CD;color:#856404}
 .badge.blue{background:var(--cyan-50);color:var(--ink)}
 .badge.green{background:#D4EDDA;color:#155724}
 
-.video-preview{width:100%;border-radius:12px;max-height:300px;object-fit:contain;background:#000}
-.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
-.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;cursor:pointer}
-.photo-grid img:active{opacity:.8}
+/* CHAT */
+.chat-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1a2332;border-radius:12px;margin-bottom:6px;cursor:pointer;transition:background .2s}
+.chat-list-item:active{background:#2a3342}
+.chat-list-item .av{width:40px;height:40px;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0}
+.chat-list-item .info{flex:1;min-width:0}
+.chat-list-item .name{font-weight:600;font-size:14px}
+.chat-list-item .last{font-size:12px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.chat-list-item .time{font-size:11px;color:var(--gray-500)}
+.chat-list-item .unread{background:var(--cyan);color:var(--ink);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}
 
-label.file-btn{display:inline-block;background:var(--gray-100);padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;font-size:14px;margin-bottom:10px}
-label.file-btn:active{background:var(--cyan-50)}
-input[type=file]{display:none}
+.chat-messages{display:flex;flex-direction:column;gap:8px;padding:8px 0;flex:1;overflow-y:auto}
+.chat-msg{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;word-break:break-word}
+.chat-msg.mine{background:var(--cyan);color:var(--ink);align-self:flex-end;border-bottom-right-radius:4px}
+.chat-msg.theirs{background:#1a2332;color:var(--white);align-self:flex-start;border-bottom-left-radius:4px}
+.chat-msg .sender{font-size:11px;color:var(--gray-500);margin-bottom:2px}
+.chat-input-row{display:flex;gap:8px;padding:8px 0}
+.chat-input-row input{flex:1;margin-bottom:0}
 
-.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--cyan);padding:12px 24px;border-radius:30px;font-weight:700;font-size:14px;z-index:999;opacity:0;transition:opacity .3s;pointer-events:none}
-.toast.show{opacity:1}
+.chat-tabs{display:flex;gap:4px;margin-bottom:12px}
+.chat-tab{flex:1;padding:8px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;background:#1a2332;color:var(--gray-500);transition:all .2s}
+.chat-tab.active{background:var(--cyan);color:var(--ink)}
 
-.progress-bar{height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden;margin-top:8px}
-.progress-bar .fill{height:100%;background:var(--cyan);border-radius:4px;transition:width .5s}
+.empty-state{text-align:center;padding:40px 20px;color:var(--gray-500)}
+.empty-state .big{font-size:48px;margin-bottom:8px}
 
-.empty{text-align:center;padding:40px 20px;color:var(--gray-500)}
-.empty .big{font-size:48px;margin-bottom:12px}
+.progress-bar{height:6px;background:#1a2332;border-radius:3px;overflow:hidden;margin-top:6px}
+.progress-bar .fill{height:100%;background:var(--cyan);border-radius:3px}
 
-.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.92);z-index:200;display:flex;align-items:center;justify-content:center;cursor:pointer}
+.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:200;display:flex;align-items:center;justify-content:center;cursor:pointer}
 .lightbox img,.lightbox video{max-width:95%;max-height:90vh;border-radius:8px}
 
-/* PROFILE SCREEN */
-.profile-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--ink);z-index:300;display:flex;flex-direction:column;overflow-y:auto;padding:24px}
-.profile-screen h2{color:var(--white);text-align:center;margin-bottom:8px;font-size:24px}
-.profile-screen h2 span{color:var(--cyan)}
-.profile-screen .sub{color:var(--gray-500);text-align:center;margin-bottom:24px;font-size:15px}
-.profile-screen .card{background:#1a2332;border:1px solid #2a3342;margin-bottom:12px}
-.profile-screen .card h3{color:var(--white)}
-.profile-screen input,.profile-screen select,.profile-screen textarea{background:#0F1218;border-color:#2a3342;color:var(--white)}
-.profile-screen input::placeholder{color:#5b6573}
-.profile-screen label{color:var(--gray-500);font-size:13px;margin-bottom:4px;display:block}
-
-.profile-list-item{display:flex;align-items:center;gap:14px;padding:14px;background:#1a2332;border-radius:12px;margin-bottom:8px;cursor:pointer;border:2px solid transparent;transition:border-color .2s}
-.profile-list-item:hover,.profile-list-item.selected{border-color:var(--cyan)}
-.profile-list-item .av{width:44px;height:44px;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0;overflow:hidden}
-.profile-list-item .av img{width:100%;height:100%;object-fit:cover}
-.profile-list-item .info{flex:1;color:var(--white)}
-.profile-list-item .info .name{font-weight:700;font-size:15px}
-.profile-list-item .info .sport{font-size:12px;color:var(--gray-500)}
-
-.app-screen{display:none}
-.app-screen.active{display:block}
-.profile-screen.hidden,#loginScreen.hidden{display:none}
-
-
-.ai-helper{position:fixed;bottom:16px;right:16px;z-index:350;width:300px;max-width:90vw;background:var(--ink);border:1px solid #2a3342;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4);transition:transform .3s}
-.ai-helper.minimized{transform:translateY(calc(100% - 48px))}
-.ai-helper .ai-header{background:var(--cyan);color:var(--ink);padding:10px 14px;font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
-.ai-helper .ai-header button{background:none;border:none;color:var(--ink);font-size:18px;cursor:pointer;padding:0 4px}
-.ai-helper .ai-body{padding:12px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
-.ai-helper .ai-msg{background:#1a2332;color:#9aa3b2;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.4;max-width:90%;animation:fadeIn .4s}
-.ai-helper .ai-msg.user{background:var(--cyan);color:var(--ink);align-self:flex-end;text-align:right}
-@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
-
-@media(max-width:480px){
-  .grid2{grid-template-columns:1fr}
-  header h1{font-size:16px}
-  nav.tabs{gap:2px;padding:6px 10px}
-  .tab-btn{padding:7px 10px;font-size:12px}
-  main{padding:12px}
-}
+label.file-btn{display:inline-block;background:#1a2332;padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;font-size:14px;margin:8px 0}
+label.file-btn:active{background:#2a3342}
+input[type=file]{display:none}
 </style>
 </head>
 <body>
 
-<!-- PROFILE SCREEN -->
 <!-- LOGIN SCREEN -->
-<div class="profile-screen" id="loginScreen">
-  <div style="max-width:400px;margin:auto">
-    <h2>&#x1F3CA; <span>Галикон</span></h2>
-    <p class="sub">Войди в свой аккаунт</p>
-    <div class="card">
-      <input type="text" id="loginUser" placeholder="Логин">
-      <input type="password" id="loginPass" placeholder="Пароль">
-      <div id="loginError" style="color:var(--red);font-size:13px;margin-bottom:8px;display:none"></div>
-      <button class="btn" onclick="doLogin()" style="width:100%;margin-bottom:8px">&#x1F512; Войти</button>
-      <button class="btn outline" onclick="showRegister()" style="width:100%">&#x270F; Создать аккаунт</button>
+<div class="screen active" id="loginScreen">
+  <div class="login-box">
+    <h1>&#x1F3CA; <span>Галикон</span></h1>
+    <p class="sub">Спорт будущего</p>
+    <input type="text" id="lUser" placeholder="Логин">
+    <input type="password" id="lPass" placeholder="Пароль">
+    <div class="error" id="loginErr"></div>
+    <button class="btn" onclick="doLogin()">&#x1F512; Войти</button>
+    <div style="text-align:center;margin-top:12px">
+      <button class="btn outline" onclick="startReg()" style="width:auto;padding:12px 40px">&#x270F; Регистрация</button>
     </div>
+    <p style="text-align:center;color:var(--gray-500);font-size:12px;margin-top:16px">Нет аккаунта? Создай за 1 минуту</p>
   </div>
 </div>
 
-<!-- REGISTER + PROFILE SCREEN -->
-<!-- AI ASSISTANT -->
-<div class="ai-helper" id="aiHelper">
-  <div class="ai-header" onclick="toggleAI()">
-    &#x1F916; ИИ-помощник
-    <button onclick="event.stopPropagation();toggleAI()" id="aiToggleBtn">&#x25BC;</button>
+<!-- REGISTRATION SCREEN -->
+<div class="screen" id="regScreen">
+  <div style="padding:16px;display:flex;align-items:center;justify-content:space-between">
+    <button class="btn small outline" onclick="backToLogin()">&#x2190; Назад</button>
+    <span style="font-weight:700;color:var(--cyan)">Шаг <span id="stepNum">1</span>/7</span>
   </div>
-  <div class="ai-body" id="aiBody">
-    <div class="ai-msg">&#x1F44B; Привет! Я помогу тебе зарегистрироваться. Давай по шагам!</div>
-  </div>
-</div>
-<div class="profile-screen hidden" id="profileScreen">
-  <h2>&#x1F3CA; <span>Галикон</span></h2>
-  <p class="sub">Приложение для спортсменов. Создай свой профиль.</p>
+  <div class="step-indicator" id="stepDots"></div>
 
-  <div class="card" id="regForm">
-    <h3>&#x270F; Регистрация</h3>
-    <input type="text" id="regName" placeholder="Фамилия Имя Отчество">
-    <div class="grid2">
-      <input type="text" id="regLogin" placeholder="Придумай логин">
-      <input type="password" id="regPass" placeholder="Придумай пароль">
+  <!-- Step 1: Name -->
+  <div class="reg-step active" data-step="1">
+    <h2>&#x270F; Как тебя зовут?</h2>
+    <p class="hint">Введи свои Фамилию, Имя и Отчество</p>
+    <input type="text" id="rName" placeholder="Например: Кайрат Гали Аскарович" autofocus>
+    <div class="reg-nav"><button class="btn" onclick="nextStep()">Дальше &#x2192;</button></div>
+  </div>
+  <!-- Step 2: Login -->
+  <div class="reg-step" data-step="2">
+    <h2>&#x1F511; Придумай логин и пароль</h2>
+    <p class="hint">Логин — твоё имя в приложении. Пароль — секрет.</p>
+    <input type="text" id="rLogin" placeholder="Логин (латиница, без пробелов)">
+    <input type="password" id="rPass" placeholder="Пароль (минимум 3 символа)">
+    <div class="reg-nav">
+      <button class="btn outline" onclick="prevStep()">&#x2190; Назад</button>
+      <button class="btn" onclick="nextStep()">Дальше &#x2192;</button>
     </div>
-    <div class="grid2">
-      <select id="regSport">
-        <option value="">Выбери вид спорта</option>
-        <option>Академическая гребля</option>
-        <option>Бадминтон</option>
-        <option>Баскетбол</option>
-        <option>Бокс</option>
-        <option>Борьба вольная</option>
-        <option>Борьба греко-римская</option>
-        <option>Велоспорт</option>
-        <option>Водное поло</option>
-        <option>Волейбол</option>
-        <option>Гандбол</option>
-        <option>Гимнастика спортивная</option>
-        <option>Гимнастика художественная</option>
-        <option>Гольф</option>
-        <option>Гребля на байдарках и каноэ</option>
-        <option>Дзюдо</option>
-        <option>Карате</option>
-        <option>Конный спорт</option>
-        <option>Лёгкая атлетика</option>
-        <option>Настольный теннис</option>
-        <option>Парусный спорт</option>
-        <option>Плавание</option>
-        <option>Прыжки в воду</option>
-        <option>Прыжки на батуте</option>
-        <option>Регби</option>
-        <option>Сёрфинг</option>
-        <option>Синхронное плавание</option>
-        <option>Скейтбординг</option>
-        <option>Современное пятиборье</option>
-        <option>Спортивное скалолазание</option>
-        <option>Стрельба из лука</option>
-        <option>Стрельба пулевая</option>
-        <option>Теннис</option>
-        <option>Триатлон</option>
-        <option>Тхэквондо</option>
-        <option>Тяжёлая атлетика</option>
-        <option>Фехтование</option>
-        <option>Футбол</option>
-        <option>Хоккей на траве</option>
-      </select>>
-      <input type="number" id="regAge" placeholder="Возраст (авто)" min="5" max="100" readonly style="background:var(--gray-100)">
-      <input type="date" id="regBirth" placeholder="Дата рождения" onchange="calcAge()" onblur="calcAge()">
+  </div>
+  <!-- Step 3: Sport -->
+  <div class="reg-step" data-step="3">
+    <h2>&#x1F3CA; Твой вид спорта</h2>
+    <p class="hint">Выбери из списка олимпийских видов</p>
+    <select id="rSport"><option value="">Выбери вид спорта</option><option>Академическая гребля</option><option>Бадминтон</option><option>Баскетбол</option><option>Бокс</option><option>Борьба вольная</option><option>Борьба греко-римская</option><option>Велоспорт</option><option>Водное поло</option><option>Волейбол</option><option>Гандбол</option><option>Гимнастика спортивная</option><option>Гимнастика художественная</option><option>Гольф</option><option>Гребля на байдарках и каноэ</option><option>Дзюдо</option><option>Карате</option><option>Конный спорт</option><option>Лёгкая атлетика</option><option>Настольный теннис</option><option>Парусный спорт</option><option>Плавание</option><option>Прыжки в воду</option><option>Прыжки на батуте</option><option>Регби</option><option>Сёрфинг</option><option>Синхронное плавание</option><option>Скейтбординг</option><option>Современное пятиборье</option><option>Спортивное скалолазание</option><option>Стрельба из лука</option><option>Стрельба пулевая</option><option>Теннис</option><option>Триатлон</option><option>Тхэквондо</option><option>Тяжёлая атлетика</option><option>Фехтование</option><option>Футбол</option><option>Хоккей на траве</option></select>
+    <div class="reg-nav">
+      <button class="btn outline" onclick="prevStep()">&#x2190; Назад</button>
+      <button class="btn" onclick="nextStep()">Дальше &#x2192;</button>
     </div>
-    <input type="text" id="regClub" placeholder="Клуб / спортивная школа">
-    <div class="grid2">
-      <select id="regCountry" onchange="updateCityList()">
-        <option value="">Страна</option>
-        <option>Австралия</option><option>Австрия</option><option>Азербайджан</option><option>Албания</option><option>Алжир</option><option>Ангола</option><option>Аргентина</option><option>Армения</option><option>Афганистан</option><option>Бангладеш</option><option>Бахрейн</option><option>Беларусь</option><option>Бельгия</option><option>Болгария</option><option>Боливия</option><option>Бразилия</option><option>Великобритания</option><option>Венгрия</option><option>Венесуэла</option><option>Вьетнам</option><option>Германия</option><option>Греция</option><option>Грузия</option><option>Дания</option><option>Египет</option><option>Израиль</option><option>Индия</option><option>Индонезия</option><option>Иран</option><option>Ирландия</option><option>Исландия</option><option>Испания</option><option>Италия</option><option>Казахстан</option><option>Канада</option><option>Катар</option><option>Кения</option><option>Кипр</option><option>Китай</option><option>Колумбия</option><option>Корея Южная</option><option>Куба</option><option>Кувейт</option><option>Кыргызстан</option><option>Латвия</option><option>Литва</option><option>Малайзия</option><option>Марокко</option><option>Мексика</option><option>Молдова</option><option>Монголия</option><option>Нидерланды</option><option>Новая Зеландия</option><option>Норвегия</option><option>ОАЭ</option><option>Пакистан</option><option>Перу</option><option>Польша</option><option>Португалия</option><option>Россия</option><option>Румыния</option><option>Саудовская Аравия</option><option>Сербия</option><option>Сингапур</option><option>Словакия</option><option>Словения</option><option>США</option><option>Таджикистан</option><option>Таиланд</option><option>Тайвань</option><option>Тунис</option><option>Туркменистан</option><option>Турция</option><option>Узбекистан</option><option>Украина</option><option>Филиппины</option><option>Финляндия</option><option>Франция</option><option>Хорватия</option><option>Чехия</option><option>Чили</option><option>Швейцария</option><option>Швеция</option><option>Эстония</option><option>ЮАР</option><option>Япония</option>
-      </select>
-      <input type="text" id="regCity" placeholder="Город" list="cityList" autocomplete="off">
+  </div>
+  <!-- Step 4: Birth & Avatar -->
+  <div class="reg-step" data-step="4">
+    <h2>&#x1F382; Дата рождения</h2>
+    <p class="hint">Возраст посчитается автоматически</p>
+    <input type="date" id="rBirth" onchange="autoAge()">
+    <input type="text" id="rAge" placeholder="Возраст (авто)" readonly style="background:#0F1218;border-color:#1a2332">
+    <p style="text-align:center;color:var(--gray-500);font-size:13px;margin-top:8px">&#x1F4F7; Выбери аватарку:</p>
+    <div class="avatar-picker" id="avatarPicker">
+      <div class="avatar-opt selected" data-emoji="&#x1F3CA;">&#x1F3CA;</div>
+      <div class="avatar-opt" data-emoji="&#x1F3C3;">&#x1F3C3;</div>
+      <div class="avatar-opt" data-emoji="&#x1F3CB;">&#x1F3CB;</div>
+      <div class="avatar-opt" data-emoji="&#x26BD;">&#x26BD;</div>
+      <div class="avatar-opt" data-emoji="&#x1F3C0;">&#x1F3C0;</div>
+      <div class="avatar-opt" data-emoji="&#x1F94A;">&#x1F94A;</div>
+      <div class="avatar-opt" data-emoji="&#x1F3C8;">&#x1F3C8;</div>
+      <div class="avatar-opt" data-emoji="&#x1F3BE;">&#x1F3BE;</div>
+    </div>
+    <label class="file-btn" style="text-align:center;width:100%">&#x1F4F7; Или загрузи своё фото<input type="file" accept="image/*" id="rPhotoFile" onchange="previewRegPhoto()"></label>
+    <img id="rPhotoPreview" style="width:64px;height:64px;border-radius:50%;object-fit:cover;display:none;margin:0 auto">
+    <div class="reg-nav">
+      <button class="btn outline" onclick="prevStep()">&#x2190; Назад</button>
+      <button class="btn" onclick="nextStep()">Дальше &#x2192;</button>
+    </div>
+  </div>
+  <!-- Step 5: Location -->
+  <div class="reg-step" data-step="5">
+    <h2>&#x1F30D; Где ты?</h2>
+    <p class="hint">Страна и город</p>
+    <select id="rCountry" onchange="updateCities()"><option value="">Страна</option><option>Австралия</option><option>Австрия</option><option>Азербайджан</option><option>Армения</option><option>Беларусь</option><option>Бельгия</option><option>Болгария</option><option>Бразилия</option><option>Великобритания</option><option>Венгрия</option><option>Германия</option><option>Греция</option><option>Грузия</option><option>Дания</option><option>Египет</option><option>Израиль</option><option>Индия</option><option>Индонезия</option><option>Испания</option><option>Италия</option><option>Казахстан</option><option>Канада</option><option>Катар</option><option>Китай</option><option>Корея Южная</option><option>Куба</option><option>Кыргызстан</option><option>Латвия</option><option>Литва</option><option>Малайзия</option><option>Мексика</option><option>Молдова</option><option>Монголия</option><option>Нидерланды</option><option>Новая Зеландия</option><option>Норвегия</option><option>ОАЭ</option><option>Польша</option><option>Португалия</option><option>Россия</option><option>Румыния</option><option>Саудовская Аравия</option><option>Сербия</option><option>Сингапур</option><option>США</option><option>Таджикистан</option><option>Таиланд</option><option>Туркменистан</option><option>Турция</option><option>Узбекистан</option><option>Украина</option><option>Финляндия</option><option>Франция</option><option>Хорватия</option><option>Чехия</option><option>Швейцария</option><option>Швеция</option><option>Эстония</option><option>ЮАР</option><option>Япония</option></select>
+    <input type="text" id="rCity" placeholder="Город" list="cityList" autocomplete="off">
     <datalist id="cityList"></datalist>
-    </div>
-    <input type="text" id="regCoach" placeholder="Тренер (ФИО)">
-    <div class="grid2">
-      <input type="tel" id="regPhone" placeholder="Телефон (WhatsApp)">
-      <input type="email" id="regEmail" placeholder="Email">
-    </div>
-    <div class="grid2">
-      <input type="text" id="regRank" placeholder="Разряд / звание">
-      <input type="text" id="regGoal" placeholder="Главная цель">
-    </div>
-    <label class="file-btn" style="margin-bottom:10px">&#x1F4F7; Фото профиля<input type="file" accept="image/*" id="regPhoto" onchange="previewRegPhoto()"></label>
-    <img id="regPhotoPreview" style="width:80px;height:80px;border-radius:50%;object-fit:cover;display:none;margin:0 auto 10px">
-    <button class="btn" onclick="registerProfile()" style="width:100%">&#x1F44D; Создать профиль</button>
-  </div>
-
-  <div style="text-align:center;color:var(--gray-500);font-size:14px;margin-bottom:12px">— или —</div>
-
-  <div id="profileList"></div>
-</div>
-
-<!-- APP SCREEN -->
-<div class="app-screen" id="appScreen">
-<header>
-  <h1>&#x1F3CA; <span>Галикон</span></h1>
-  <div class="header-right">
-    <button class="btn outline small" style="padding:4px 10px;font-size:11px;margin-right:4px" onclick="doLogout()">&#x1F6AA;</button>
-    <span class="profile-name" id="headerName"></span>
-    <div class="avatar" id="headerAvatar" onclick="showProfileScreen()"></div>
-  </div>
-</header>
-
-<nav class="tabs">
-  <button class="tab-btn active" data-tab="diary">&#x1F4D6; Дневник</button>
-  <button class="tab-btn" data-tab="health">&#x2764; Здоровье</button>
-  <button class="tab-btn" data-tab="norms">&#x1F4CA; Нормативы</button>
-  <button class="tab-btn" data-tab="video">&#x1F3AC; Видео</button>
-  <button class="tab-btn" data-tab="photos">&#x1F4F7; Фото</button>
-  <button class="tab-btn" data-tab="grades">&#x1F393; Оценки</button>
-  <button class="tab-btn" data-tab="lessons">&#x1F4DA; Уроки</button>
-  <button class="tab-btn" data-tab="ranking">&#x2B50; Рейтинг</button>
-</nav>
-
-<main>
-  <!-- ДНЕВНИК -->
-  <div class="tab-content active" id="diary">
-    <div class="card">
-      <h3><span class="emoji">&#x270F;</span>Новая запись</h3>
-      <input type="date" id="diary-date">
-      <select id="diary-type"><option value="">Тип тренировки</option><option>Скорость</option><option>Техника</option><option>Выносливость</option><option>ОФП</option><option>Соревнование</option></select>
-      <input type="number" id="diary-km" placeholder="Километраж (км)" step="0.1" min="0">
-      <input type="text" id="diary-time" placeholder="Лучшее время (например: 33.8)">
-      <input type="number" id="diary-feel" placeholder="Самочувствие (1-5)" min="1" max="5">
-      <input type="text" id="diary-note" placeholder="Заметка (что получилось, над чем работать)">
-      <button class="btn" onclick="addDiary()" style="width:100%">&#x2705; Сохранить</button>
-    </div>
-    <div id="diary-list" class="empty"><div class="big">&#x1F4AD;</div>Пока нет записей. Добавь первую!</div>
-  </div>
-
-  <!-- ЗДОРОВЬЕ -->
-  <div class="tab-content" id="health">
-    <div class="card"><h3><span class="emoji">&#x1F48A;</span>Витамины на сегодня</h3><div id="vitamins-check"></div></div>
-    <div class="card">
-      <h3><span class="emoji">&#x1F4A4;</span>Сон и самочувствие</h3>
-      <div class="grid2">
-        <input type="number" id="sleep-hours" placeholder="Часов сна" min="0" max="24" step="0.5">
-        <input type="number" id="morning-pulse" placeholder="Пульс утром" min="30" max="150">
-      </div>
-      <button class="btn" onclick="saveSleep()" style="width:100%">Сохранить</button>
-      <div style="margin-top:12px;font-size:13px;color:var(--gray-500)" id="sleep-stats"></div>
-    </div>
-    <div class="card">
-      <h3><span class="emoji">&#x1F4C5;</span>Анализы</h3>
-      <select id="test-select"><option value="">Выбери анализ</option><option value="hb">Гемоглобин (г/л)</option><option value="ferritin">Ферритин (мкг/л)</option><option value="vitd">Витамин D (нг/мл)</option><option value="b12">Витамин B12 (пг/мл)</option></select>
-      <input type="number" id="test-value" placeholder="Значение"><input type="date" id="test-date">
-      <button class="btn" onclick="saveTest()" style="width:100%">Сохранить анализ</button>
-      <div id="test-history" style="margin-top:8px;font-size:13px;color:var(--gray-500)"></div>
+    <div class="reg-nav">
+      <button class="btn outline" onclick="prevStep()">&#x2190; Назад</button>
+      <button class="btn" onclick="nextStep()">Дальше &#x2192;</button>
     </div>
   </div>
-
-  <!-- НОРМАТИВЫ -->
-  <div class="tab-content" id="norms">
-    <div class="card">
-      <h3><span class="emoji">&#x1F3CA;</span>Разряды — 50 м в/с (мужчины, бассейн 50 м)</h3>
-      <table>
-        <thead><tr><th>Разряд</th><th>50 м в/с</th><th>100 м в/с</th><th>400 м в/с</th></tr></thead>
-        <tbody>
-          <tr><td><span class="badge gold">МСМК</span></td><td>21.50″</td><td>47.00″</td><td>3:48.00</td></tr>
-          <tr><td><span class="badge blue">МС</span></td><td>23.00″</td><td>50.50″</td><td>4:05.00</td></tr>
-          <tr><td><span class="badge green">КМС</span></td><td>25.00″</td><td>54.50″</td><td>4:25.00</td></tr>
-          <tr><td>1 взр.</td><td>28.00″</td><td>1:01.00</td><td>5:00.00</td></tr>
-          <tr><td>2 взр.</td><td>31.50″</td><td>1:09.00</td><td>5:40.00</td></tr>
-          <tr><td>3 взр.</td><td>35.00″</td><td>1:17.50</td><td>6:20.00</td></tr>
-          <tr><td>1 юн.</td><td>40.00″</td><td>1:29.00</td><td>7:10.00</td></tr>
-          <tr><td>2 юн.</td><td>47.00″</td><td>1:45.00</td><td>8:10.00</td></tr>
-        </tbody>
-      </table>
+  <!-- Step 6: Club & Coach -->
+  <div class="reg-step" data-step="6">
+    <h2>&#x1F3EB; Клуб и тренер</h2>
+    <p class="hint">Где и с кем ты тренируешься</p>
+    <input type="text" id="rClub" placeholder="Клуб / спортивная школа">
+    <input type="text" id="rCoach" placeholder="Тренер (ФИО)">
+    <input type="text" id="rRank" placeholder="Разряд / звание (например: 1 юн, 3 взр)">
+    <input type="text" id="rGoal" placeholder="Твоя главная цель (например: 50 м в/с за 23″)">
+    <div class="reg-nav">
+      <button class="btn outline" onclick="prevStep()">&#x2190; Назад</button>
+      <button class="btn" onclick="nextStep()">Дальше &#x2192;</button>
     </div>
   </div>
-
-  <!-- ВИДЕО -->
-  <div class="tab-content" id="video">
-    <div class="card">
-      <h3><span class="emoji">&#x1F4F9;</span>Загрузи видео заплыва</h3>
-      <p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Сними заплыв сбоку от бортика. Загрузи — смотри в повторе, анализируй технику.</p>
-      <label class="file-btn">&#x1F4C1; Выбрать видео<input type="file" accept="video/*" onchange="uploadVideo(this)"></label>
-      <div id="video-container"></div>
+  <!-- Step 7: Contacts -->
+  <div class="reg-step" data-step="7">
+    <h2>&#x1F4F1; Контакты</h2>
+    <p class="hint">Телефон и email — чтобы тренер и родители могли связаться</p>
+    <input type="tel" id="rPhone" placeholder="Телефон (WhatsApp)">
+    <input type="email" id="rEmail" placeholder="Email">
+    <div class="reg-nav">
+      <button class="btn outline" onclick="prevStep()">&#x2190; Назад</button>
+      <button class="btn" onclick="finishReg()">&#x2705; Завершить!</button>
     </div>
-    <div id="video-list" class="empty"><div class="big">&#x1F3A5;</div>Загрузи первое видео заплыва!</div>
-  </div>
-
-  <!-- ФОТО -->
-  <div class="tab-content" id="photos">
-    <div class="card">
-      <h3><span class="emoji">&#x1F4F8;</span>Добавить фото</h3>
-      <label class="file-btn">&#x1F4C1; Выбрать фото<input type="file" accept="image/*" multiple onchange="uploadPhotos(this)"></label>
-    </div>
-    <div class="card"><h3><span class="emoji">&#x1F5BC;</span>Галерея</h3><div class="photo-grid" id="photo-grid"><div class="empty" style="grid-column:1/-1"><div class="big">&#x1F4F7;</div>Добавь первые фото!</div></div></div>
-  </div>
-
-  <!-- ОЦЕНКИ -->
-  <div class="tab-content" id="grades">
-    <div class="card">
-      <h3><span class="emoji">&#x1F4DD;</span>Добавить оценку</h3>
-      <div class="grid2">
-        <input type="text" id="grade-subject" placeholder="Предмет">
-        <select id="grade-value"><option value="5">5</option><option value="4">4</option><option value="3">3</option><option value="2">2</option></select>
-      </div>
-      <button class="btn" onclick="addGrade()" style="width:100%">Добавить</button>
-    </div>
-    <div class="card">
-      <h3><span class="emoji">&#x1F4CA;</span>Успеваемость</h3>
-      <div class="grid2" style="margin-bottom:12px">
-        <div class="stat-box"><div class="num" id="gpa-display">—</div><div class="lbl">Средний балл</div></div>
-        <div class="stat-box"><div class="num" id="grades-count">0</div><div class="lbl">Оценок</div></div>
-      </div>
-      <div id="grades-list" class="empty"><div class="big">&#x1F393;</div>Добавь оценки</div>
-    </div>
-  </div>
-
-  <!-- РЕЙТИНГ -->
-  <div class="tab-content" id="ranking">
-    <div class="card">
-      <h3><span class="emoji">&#x1F3C6;</span>Рейтинг спортсменов</h3>
-      <p style="color:var(--gray-500);font-size:13px;margin-bottom:12px">&#x2B50; = голоса родителей. Нажми, чтобы поддержать!</p>
-      <div id="swimmer-ranking"><div class="empty"><div class="big">&#x1F3CA;</div>Добавьте спортсменов</div></div>
-      <button class="btn outline" onclick="addSwimmerForm()" style="width:100%;margin-top:8px">+ Добавить спортсмена</button>
-      <div id="swimmer-form" style="display:none;margin-top:12px">
-        <input id="sw-name" placeholder="ФИО спортсмена">
-        <div class="grid2">
-          <input id="sw-club" placeholder="Клуб">
-          <input id="sw-time" placeholder="Лучшее время (50 м в/с)">
-        </div>
-        <button class="btn" onclick="addSwimmer()" style="width:100%">Добавить</button>
-      </div>
-    </div>
-    <div class="card">
-      <h3><span class="emoji">&#x1F468;&#x200D;&#x1F3EB;</span>Рейтинг тренеров</h3>
-      <p style="color:var(--gray-500);font-size:13px;margin-bottom:12px">&#x2B50; = голоса родителей. Оцени тренера!</p>
-      <div id="coach-ranking"><div class="empty"><div class="big">&#x1F3CB;</div>Добавьте тренеров</div></div>
-      <button class="btn outline" onclick="addCoachForm()" style="width:100%;margin-top:8px">+ Добавить тренера</button>
-      <div id="coach-form" style="display:none;margin-top:12px">
-        <input id="co-name" placeholder="ФИО тренера">
-        <div class="grid2">
-          <input id="co-club" placeholder="Клуб">
-          <input id="co-exp" placeholder="Стаж (лет)">
-        </div>
-        <textarea id="co-achieve" placeholder="Достижения (воспитанники, разряды...)" rows="2"></textarea>
-        <button class="btn" onclick="addCoach()" style="width:100%">Добавить</button>
-      </div>
-    </div>
-  </div>
-
-  <!-- ВИДЕОУРОКИ -->
-  <div class="tab-content" id="lessons">
-    <div class="card">
-      <h3><span class="emoji">&#x1F4FA;</span>Обучающие видео</h3>
-      <p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Найди на YouTube эти запросы — лучшие уроки по технике:</p>
-      <div id="lesson-list"></div>
-    </div>
-  </div>
-</main>
-
-<!-- AI ASSISTANT для приложения -->
-<div class="ai-helper" id="aiAppHelper">
-  <div class="ai-header" onclick="toggleAppAI()">
-    &#x1F916; ИИ-помощник
-    <button onclick="event.stopPropagation();toggleAppAI()" id="aiAppToggleBtn">&#x25BC;</button>
-  </div>
-  <div class="ai-body" id="aiAppBody">
-    <div class="ai-msg">&#x1F44B; Я здесь! Выбери раздел — я подскажу что делать.</div>
   </div>
 </div>
 
+<!-- MAIN APP SCREEN -->
+<div class="screen" id="appScreen">
+  <div class="content" id="mainContent"></div>
+  <div class="bottom-nav">
+    <button class="nav-item active" data-page="profile" onclick="showPage('profile')"><span class="icon">&#x1F464;</span>Профиль</button>
+    <button class="nav-item" data-page="diary" onclick="showPage('diary')"><span class="icon">&#x1F4D6;</span>Дневник</button>
+    <button class="nav-item" data-page="chat" onclick="showPage('chat')"><span class="icon">&#x1F4AC;</span>Чаты</button>
+    <button class="nav-item" data-page="tools" onclick="showPage('tools')"><span class="icon">&#x2699;</span>Инструменты</button>
+  </div>
 </div>
 
-<div class="toast" id="toast">Сохранено!</div>
+<div class="toast" id="toast"></div>
 <div class="lightbox" id="lightbox" style="display:none" onclick="this.style.display='none'"></div>
 
 <script>
-// === STORAGE HELPERS ===
-const LS = key => { try { const v = localStorage.getItem('galikon_'+key); return v ? JSON.parse(v) : null } catch { return null } };
-const SS = (key, val) => { try { localStorage.setItem('galikon_'+key, JSON.stringify(val)) } catch { toast('Память браузера заполнена!') } };
+// === DATA ===
+const LS=(k)=>{try{return JSON.parse(localStorage.getItem('g_'+k))}catch{return null}};
+const SS=(k,v)=>{try{localStorage.setItem('g_'+k,JSON.stringify(v))}catch{toast('Память полна!')}};
+let currentUser=null, currentPage='profile', currentChat=null, chatFilter='all';
 
-let currentProfileId = null;
-function pid() { return currentProfileId || 'default'; }
+function toast(m){const t=document.getElementById('toast');t.textContent=m;t.classList.add('show');setTimeout(()=>t.classList.remove('show'),2000)}
 
-function toast(msg) {
-  const t = document.getElementById('toast');
-  t.textContent = msg; t.classList.add('show');
-  setTimeout(() => t.classList.remove('show'), 2000);
-}
-
-// === PROFILE SYSTEM ===
-function doLogin() {
-  const login = document.getElementById('loginUser').value.trim().toLowerCase();
-  const pass = document.getElementById('loginPass').value;
-  if (!login || !pass) { showLoginError('Введи логин и пароль!'); return; }
-  const profiles = LS('profiles') || [];
-  const profile = profiles.find(p => p.login === login && p.pass === pass);
-  if (!profile) { showLoginError('Неверный логин или пароль'); return; }
-  document.getElementById('loginScreen').classList.add('hidden');
-  document.getElementById('profileScreen').classList.add('hidden');
-  document.getElementById('loginScreen').classList.add('hidden');
+// === LOGIN ===
+function doLogin(){
+  const u=document.getElementById('lUser').value.trim().toLowerCase();
+  const p=document.getElementById('lPass').value;
+  if(!u||!p){showErr('Введи логин и пароль');return}
+  const users=LS('users')||[];
+  const user=users.find(x=>x.login===u&&x.pass===p);
+  if(!user){showErr('Неверный логин или пароль');return}
+  currentUser=user;
+  document.getElementById('loginScreen').classList.remove('active');
   document.getElementById('appScreen').classList.add('active');
-  loginProfile(profile.id);
-  hideLoginError();
-}
-
-function doLogout() {
-  if (confirm('Выйти из аккаунта?')) {
-    currentProfileId = null;
-    document.getElementById('appScreen').classList.remove('active');
-    document.getElementById('loginScreen').classList.remove('hidden');
-    document.getElementById('loginUser').value = '';
-    document.getElementById('loginPass').value = '';
-  }
-}
-
-function showLoginError(msg) {
-  const el = document.getElementById('loginError');
-  el.textContent = msg; el.style.display = 'block';
-}
-function hideLoginError() {
-  document.getElementById('loginError').style.display = 'none';
-}
-
-function showRegister() {
-  document.getElementById('loginScreen').classList.add('hidden');
-  document.getElementById('profileScreen').classList.remove('hidden');
-  document.getElementById('loginScreen').classList.add('hidden');
-  renderProfileList();
-}
-
-function registerProfile() {
-  calcAge();
-  const name = document.getElementById('regName').value.trim();
-  const login = document.getElementById('regLogin').value.trim().toLowerCase();
-  const pass = document.getElementById('regPass').value;
-  if (!login) return toast('Придумай логин!');
-  if (!pass || pass.length < 3) return toast('Пароль — минимум 3 символа!');
-  const profiles = LS('profiles') || [];
-  if (profiles.find(p => p.login === login)) return toast('Такой логин уже занят!');
-  if (!name) return toast('Введи ФИО!');
-  const profile = {
-    id: Date.now(),
-    name,
-    sport: document.getElementById('regSport').value.trim(),
-    age: document.getElementById('regAge').value,
-    birth: document.getElementById('regBirth').value,
-    club: document.getElementById('regClub').value.trim(),
-    country: document.getElementById('regCountry').value,
-    city: document.getElementById('regCity').value.trim(),
-    coach: document.getElementById('regCoach').value.trim(),
-    phone: document.getElementById('regPhone').value.trim(),
-    email: document.getElementById('regEmail').value.trim(),
-    rank: document.getElementById('regRank').value.trim(),
-    goal: document.getElementById('regGoal').value.trim(),
-    photo: document.getElementById('regPhotoPreview').src || '',
-    login, pass, created: new Date().toISOString()
-  };
-  if (profile.photo === window.location.href) profile.photo = '';
-  const profiles = LS('profiles') || [];
-  profiles.push(profile);
-  SS('profiles', profiles);
-  // Clear form
-  ['regName','regLogin','regPass','regSport','regAge','regBirth','regCountry','regClub','regCity','regCoach','regPhone','regEmail','regRank','regGoal'].forEach(id => document.getElementById(id).value = '');
-  document.getElementById('regPhotoPreview').style.display = 'none';
-  loginProfile(profile.id);
-}
-
-const cityData = {
-  'Казахстан': ['Астана','Алматы','Шымкент','Актобе','Караганда','Тараз','Павлодар','Усть-Каменогорск','Семей','Атырау','Костанай','Кызылорда','Уральск','Петропавловск','Актау','Туркестан','Кокшетау','Талдыкорган'],
-  'Россия': ['Москва','Санкт-Петербург','Новосибирск','Екатеринбург','Казань','Нижний Новгород','Челябинск','Самара','Омск','Ростов-на-Дону','Уфа','Красноярск','Воронеж','Пермь','Волгоград'],
-  'США': ['Нью-Йорк','Лос-Анджелес','Чикаго','Хьюстон','Финикс','Филадельфия','Сан-Антонио','Сан-Диего','Даллас','Сан-Хосе','Остин','Майами','Бостон','Сиэтл','Денвер'],
-  'Китай': ['Пекин','Шанхай','Гуанчжоу','Шэньчжэнь','Чэнду','Ухань','Нанкин','Ханчжоу','Тяньцзинь','Чунцин'],
-  'Турция': ['Стамбул','Анкара','Измир','Бурса','Анталья','Адана','Конья','Газиантеп','Мерсин','Диярбакыр'],
-  'Украина': ['Киев','Харьков','Одесса','Днепр','Львов','Запорожье','Винница','Полтава','Чернигов','Ивано-Франковск'],
-  'Узбекистан': ['Ташкент','Самарканд','Бухара','Наманган','Андижан','Фергана','Нукус','Карши','Коканд','Маргилан'],
-  'Германия': ['Берлин','Мюнхен','Гамбург','Кёльн','Франкфурт','Штутгарт','Дюссельдорф','Лейпциг','Дортмунд','Эссен'],
-  'Франция': ['Париж','Марсель','Лион','Тулуза','Ницца','Нант','Страсбург','Монпелье','Бордо','Лилль'],
-  'Великобритания': ['Лондон','Манчестер','Бирмингем','Лидс','Глазго','Ливерпуль','Бристоль','Эдинбург','Шеффилд','Ноттингем'],
-  'Япония': ['Токио','Осака','Киото','Иокогама','Нагоя','Саппоро','Фукуока','Кобе','Хиросима','Сендай'],
-  'Корея Южная': ['Сеул','Пусан','Инчхон','Тэгу','Тэджон','Кванджу','Сувон','Ульсан','Чханвон','Коян'],
-  'ОАЭ': ['Дубай','Абу-Даби','Шарджа','Аль-Айн','Аджман','Рас-эль-Хайма','Фуджейра','Умм-эль-Кувейн'],
-  'Кыргызстан': ['Бишкек','Ош','Джалал-Абад','Каракол','Токмок','Нарын','Балыкчы','Талас'],
-  'Азербайджан': ['Баку','Гянджа','Сумгаит','Мингечаур','Ширван','Нахичевань','Шеки','Ленкорань'],
-  'Беларусь': ['Минск','Гомель','Могилёв','Витебск','Гродно','Брест','Бобруйск','Барановичи'],
-  'Италия': ['Рим','Милан','Неаполь','Турин','Флоренция','Болонья','Венеция','Генуя','Верона','Палермо'],
-  'Испания': ['Мадрид','Барселона','Валенсия','Севилья','Малага','Бильбао','Сарагоса','Аликанте','Гранада','Пальма'],
-  'Канада': ['Торонто','Монреаль','Ванкувер','Калгари','Эдмонтон','Оттава','Квебек','Виннипег','Гамильтон','Китченер'],
-  'Австралия': ['Сидней','Мельбурн','Брисбен','Перт','Аделаида','Голд-Кост','Канберра','Ньюкасл','Хобарт','Дарвин'],
-  'Бразилия': ['Сан-Паулу','Рио-де-Жанейро','Бразилиа','Салвадор','Форталеза','Белу-Оризонти','Манаус','Куритиба','Ресифи','Порту-Алегри'],
-  'Индия': ['Дели','Мумбаи','Бангалор','Ченнаи','Калькутта','Хайдарабад','Пуна','Ахмадабад','Джайпур','Лакхнау']
-};
-
-function updateCityList() {
-  const country = document.getElementById('regCountry').value;
-  const datalist = document.getElementById('cityList');
-  datalist.innerHTML = '';
-  const cities = cityData[country] || [];
-  cities.forEach(c => { const opt = document.createElement('option'); opt.value = c; datalist.appendChild(opt); });
-}
-
-function toggleAppAI() {
-  const ai = document.getElementById('aiAppHelper');
-  const btn = document.getElementById('aiAppToggleBtn');
-  if (ai.classList.contains('minimized')) {
-    ai.classList.remove('minimized');
-    btn.textContent = '\u25BC';
-  } else {
-    ai.classList.add('minimized');
-    btn.textContent = '\u25B2';
-  }
-}
-
-function aiSay(msg) {
-  // Find active AI helper
-  const body = document.getElementById('aiAppBody') || document.getElementById('aiBody');
-  if (!body) return;
-  const div = document.createElement('div');
-  div.className = 'ai-msg';
-  div.innerHTML = msg;
-  body.appendChild(div);
-  body.scrollTop = body.scrollHeight;
-}
-
-
-function getTabHelp(tab) {
-  const helps = {
-    diary: [
-      '&#x1F4D6; Это твой дневник тренировок. Записывай сюда каждую тренировку!',
-      '&#x270F; Заполни дату, тип тренировки, километраж и лучшее время.',
-      '&#x1F4C8; Через месяц ты увидишь свой прогресс — это очень мотивирует!'
-    ],
-    health: [
-      '&#x2764;&#xFE0F; Здесь ты следишь за здоровьем. Витамины, сон, анализы.',
-      '&#x1F48A; Отмечай галочками принятые витамины каждый день.',
-      '&#x1F4A4; Записывай часы сна и утренний пульс — это важно для восстановления!'
-    ],
-    norms: [
-      '&#x1F4CA; Здесь таблица разрядов. Смотри, сколько осталось до следующего уровня!',
-      '&#x1F3AF; Твоя цель — МС (23 секунды). Ты уже перешагнул 3 взрослый!'
-    ],
-    video: [
-      '&#x1F3AC; Загружай видео своих заплывов и смотри в повторе.',
-      '&#x1F4F9; Снимай сбоку от бортика — так лучше видно технику гребка и поворота.'
-    ],
-    photos: [
-      '&#x1F4F7; Галерея твоих достижений. Загружай фото с соревнований!'
-    ],
-    grades: [
-      '&#x1F393; Школьные оценки. Учёба важна не меньше тренировок — особенно для NCAA!',
-      '&#x1F4CA; Средний балл считается автоматически. Держи его выше 4.0!'
-    ],
-    lessons: [
-      '&#x1F4DA; Здесь ссылки на обучающие видео. Найди их на YouTube и учись у лучших!'
-    ],
-    ranking: [
-      '&#x2B50; Рейтинг спортсменов и тренеров. Родители могут голосовать за лучших!',
-      '&#x1F3C6; Топ-3 отмечены золотом, серебром и бронзой.'
-    ]
-  };
-  return helps[tab] || ['&#x1F44B; Я здесь чтобы помочь! Выбери раздел и я подскажу что делать.'];
-}
-
-function aiWelcome() {
-  const tab = document.querySelector('.tab-btn.active');
-  const tabId = tab ? tab.dataset.tab : 'diary';
-  const msgs = getTabHelp(tabId);
-  msgs.forEach((m, i) => setTimeout(() => aiSay(m), i * 1200));
-}
-
-// Update welcome on tab switch
-document.querySelectorAll('.tab-btn').forEach(btn => {
-  const orig = btn.onclick;
-  btn.addEventListener('click', () => {
-    setTimeout(() => {
-      const helps = getTabHelp(btn.dataset.tab);
-      aiSay('&#x1F4CC; ' + helps[0]);
-    }, 300);
-  });
-});
-
-
-function toggleAI() {
-  const ai = document.getElementById('aiHelper');
-  const btn = document.getElementById('aiToggleBtn');
-  if (ai.classList.contains('minimized')) {
-    ai.classList.remove('minimized');
-    btn.textContent = '\u25BC';
-  } else {
-    ai.classList.add('minimized');
-    btn.textContent = '\u25B2';
-  }
-}
-
-function aiHelp(field) {
-  const tips = {
-    regName: '&#x270F; Напиши свои Фамилию, Имя и Отчество. Например: Кайрат Гали Аскарович.',
-    regLogin: '&#x1F511; Придумай логин — короткое имя на латинице. Например: gali_swim. Его НЕ видно другим!',
-    regPass: '&#x1F512; Пароль — твой секрет. Минимум 3 символа. Не говори никому!',
-    regSport: '&#x1F3CA; Выбери свой вид спорта из списка. Ты пловец? Выбирай "Плавание"!',
-    regBirth: '&#x1F382; Твоя дата рождения. Возраст посчитается сам!',
-    regCountry: '&#x1F30D; Выбери страну — и появятся города этой страны.',
-    regCity: '&#x1F3D9; Напиши свой город. Если его нет в подсказках — просто впиши.',
-    regClub: '&#x1F3EB; В каком клубе или спортшколе ты занимаешься?',
-    regCoach: '&#x1F468;&#x200D;&#x1F3EB; Имя твоего тренера. Он будет рад, что ты здесь!',
-    regRank: '&#x1F3C5; Твой разряд или звание. Например: 1 юношеский, 3 взрослый.',
-    regGoal: '&#x1F3AF; Твоя главная цель! Например: 50 м в/с за 23 секунды.',
-    regPhone: '&#x1F4F1; Твой номер телефона. Можно WhatsApp. Нужен, чтобы тренер или родители могли связаться.',
-    regEmail: '&#x2709;&#xFE0F; Твоя почта. Пригодится для регистрации на соревнования и NCAA.',
-    regPhoto: '&#x1F4F7; Загрузи своё фото — так твой профиль будет красивее!'
-  };
-  if (tips[field]) aiSay(tips[field]);
-}
-
-// Attach focus listeners to all registration fields
-setTimeout(() => {
-  const fields = ['regName','regLogin','regPass','regSport','regBirth','regCountry','regCity','regClub','regCoach','regPhone','regEmail','regRank','regGoal'];
-  fields.forEach(id => {
-    const el = document.getElementById(id);
-    if (el) el.addEventListener('focus', () => aiHelp(id));
-  });
-  // Welcome message sequence
-  const welcome = [
-    '&#x1F44B; Привет! Я помогу тебе зарегистрироваться.',
-    '&#x1F4CB; Сейчас мы заполним твой профиль шаг за шагом. Начнём!'
-  ];
-  let i = 0;
-  const timer = setInterval(() => {
-    if (i < welcome.length) aiSay(welcome[i++]);
-    else clearInterval(timer);
-  }, 1500);
-}, 500);
-
-function calcAge() {
-  const b = document.getElementById('regBirth').value;
-  if (!b) return;
-  const birth = new Date(b);
-  const today = new Date();
-  let age = today.getFullYear() - birth.getFullYear();
-  const m = today.getMonth() - birth.getMonth();
-  if (m < 0 || (m === 0 && today.getDate() < birth.getDate())) age--;
-  document.getElementById('regAge').value = age;
-}
-
-function previewRegPhoto() {
-  const f = document.getElementById('regPhoto').files[0];
-  if (!f) return;
-  const r = new FileReader();
-  r.onload = e => { const img = document.getElementById('regPhotoPreview'); img.src = e.target.result; img.style.display = 'block'; };
-  r.readAsDataURL(f);
-}
-
-function loginProfile(id) {
-  currentProfileId = id;
-  const profiles = LS('profiles') || [];
-  const p = profiles.find(x => x.id === id);
-  if (!p) return;
-  document.getElementById('profileScreen').classList.add('hidden');
-  document.getElementById('loginScreen').classList.add('hidden');
-  document.getElementById('appScreen').classList.add('active');
-  document.getElementById('headerName').textContent = p.name.split(' ')[0];
-  const av = document.getElementById('headerAvatar');
-  if (p.photo) {
-    av.innerHTML = `<img src="${p.photo}" alt="">`;
-  } else {
-    av.innerHTML = p.name.charAt(0).toUpperCase();
-  }
+  hideErr();
   renderAll();
-  renderRankings();
-  setTimeout(aiWelcome, 1000);
 }
+function showErr(m){const e=document.getElementById('loginErr');e.textContent=m;e.style.display='block'}
+function hideErr(){document.getElementById('loginErr').style.display='none'}
 
-function showProfileScreen() {
-  document.getElementById('profileScreen').classList.remove('hidden');
-  document.getElementById('loginScreen').classList.add('hidden');
-  document.getElementById('appScreen').classList.remove('active');
-  renderProfileList();
+// === REGISTRATION ===
+let regStep=1, regPhoto=null, regAvatar='&#x1F3CA;';
+
+function startReg(){
+  document.getElementById('loginScreen').classList.remove('active');
+  document.getElementById('regScreen').classList.add('active');
+  regStep=1; showRegStep(1);
+  buildStepDots();
 }
-
-function deleteProfile(id) {
-  if (!confirm('Удалить профиль? Все данные будут потеряны.')) return;
-  const profiles = (LS('profiles') || []).filter(p => p.id !== id);
-  SS('profiles', profiles);
-  if (currentProfileId === id) { currentProfileId = null; document.getElementById('appScreen').classList.remove('active'); }
-  renderProfileList();
+function backToLogin(){
+  document.getElementById('regScreen').classList.remove('active');
+  document.getElementById('loginScreen').classList.add('active');
 }
-
-function renderProfileList() {
-  const profiles = LS('profiles') || [];
-  const el = document.getElementById('profileList');
-  if (!profiles.length) { el.innerHTML = '<p style="color:var(--gray-500);text-align:center">Нет профилей. Создай первый!</p>'; return; }
-  el.innerHTML = profiles.map(p => `
-    <div class="profile-list-item ${p.id === currentProfileId ? 'selected' : ''}" onclick="loginProfile(${p.id})">
-      <div class="av">${p.photo ? `<img src="${p.photo}">` : p.name.charAt(0).toUpperCase()}</div>
-      <div class="info">
-        <div class="name">${p.name}</div>
-        <div class="sport">${[p.sport, p.club, p.age ? p.age+' лет' : '', p.birth ? '&#x1F382; '+p.birth : '', p.country ? '&#x1F30D; '+p.country+(p.city?'/'+p.city:'') : p.city, p.rank].filter(Boolean).join(' · ')}</div>
-      </div>
-      <button class="btn danger small" style="flex-shrink:0" onclick="event.stopPropagation();deleteProfile(${p.id})">&#x1F5D1;</button>
-    </div>
-  `).join('');
+function showRegStep(n){
+  regStep=n;
+  document.querySelectorAll('.reg-step').forEach(s=>s.classList.remove('active'));
+  const step=document.querySelector(`.reg-step[data-step="${n}"]`);
+  if(step){step.classList.add('active');step.querySelector('input,select')?.focus()}
+  document.getElementById('stepNum').textContent=n;
+  updateStepDots();
 }
-
-// === TABS ===
-document.querySelectorAll('.tab-btn').forEach(btn => {
-  btn.addEventListener('click', () => {
-    document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
-    document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
-    btn.classList.add('active');
-    document.getElementById(btn.dataset.tab).classList.add('active');
+function buildStepDots(){
+  let h=''; for(let i=1;i<=7;i++)h+=`<div class="step-dot${i<=regStep?' done':''}${i===regStep?' current':''}"></div>`;
+  document.getElementById('stepDots').innerHTML=h;
+}
+function updateStepDots(){
+  document.querySelectorAll('#stepDots .step-dot').forEach((d,i)=>{
+    d.classList.toggle('done',i+1<=regStep);
+    d.classList.toggle('current',i+1===regStep);
   });
-});
+}
+function nextStep(){
+  if(regStep===1&&!document.getElementById('rName').value.trim()){toast('Введи ФИО!');return}
+  if(regStep===2){const l=document.getElementById('rLogin').value.trim();const p=document.getElementById('rPass').value;if(!l){toast('Придумай логин!');return}if(!p||p.length<3){toast('Пароль — минимум 3 символа!');return}const users=LS('users')||[];if(users.find(x=>x.login===l.toLowerCase())){toast('Такой логин уже занят!');return}}
+  if(regStep===3&&!document.getElementById('rSport').value){toast('Выбери вид спорта!');return}
+  if(regStep<7){buildStepDots();showRegStep(regStep+1)}else finishReg()
+}
+function prevStep(){if(regStep>1)showRegStep(regStep-1);buildStepDots()}
+function autoAge(){const b=document.getElementById('rBirth').value;if(!b)return;const bd=new Date(b),td=new Date();let a=td.getFullYear()-bd.getFullYear();const m=td.getMonth()-bd.getMonth();if(m<0||(m===0&&td.getDate()<bd.getDate()))a--;document.getElementById('rAge').value=a}
+function previewRegPhoto(){const f=document.getElementById('rPhotoFile').files[0];if(!f)return;const r=new FileReader();r.onload=e=>{regPhoto=e.target.result;const p=document.getElementById('rPhotoPreview');p.src=e.target.result;p.style.display='block'};r.readAsDataURL(f)}
+document.querySelectorAll('.avatar-opt').forEach(a=>{a.addEventListener('click',()=>{document.querySelectorAll('.avatar-opt').forEach(x=>x.classList.remove('selected'));a.classList.add('selected');regAvatar=a.dataset.emoji;regPhoto=null;document.getElementById('rPhotoPreview').style.display='none'})});
+
+function finishReg(){
+  const name=document.getElementById('rName').value.trim();
+  const login=document.getElementById('rLogin').value.trim().toLowerCase();
+  const pass=document.getElementById('rPass').value;
+  const sport=document.getElementById('rSport').value;
+  const birth=document.getElementById('rBirth').value;
+  autoAge();
+  const age=document.getElementById('rAge').value;
+  const country=document.getElementById('rCountry').value;
+  const city=document.getElementById('rCity').value.trim();
+  const club=document.getElementById('rClub').value.trim();
+  const coach=document.getElementById('rCoach').value.trim();
+  const rank=document.getElementById('rRank').value.trim();
+  const goal=document.getElementById('rGoal').value.trim();
+  const phone=document.getElementById('rPhone').value.trim();
+  const email=document.getElementById('rEmail').value.trim();
+
+  if(!name||!login||!pass||!sport){toast('Заполни обязательные поля!');return}
+
+  const user={
+    id:Date.now(),name,login,pass,sport,birth,age,country,city,club,coach,rank,goal,phone,email,
+    avatar:regPhoto||regAvatar,photo:regPhoto||null,
+    created:new Date().toISOString(),
+    achievements:[]
+  };
+  const users=LS('users')||[];
+  if(users.find(x=>x.login===login)){toast('Логин занят!');return}
+  users.push(user);
+  SS('users',users);
+  currentUser=user;
+  document.getElementById('regScreen').classList.remove('active');
+  document.getElementById('appScreen').classList.add('active');
+  // reset form
+  regStep=1;regPhoto=null;regAvatar='&#x1F3CA;';
+  ['rName','rLogin','rPass','rSport','rBirth','rAge','rCountry','rCity','rClub','rCoach','rRank','rGoal','rPhone','rEmail'].forEach(id=>{const el=document.getElementById(id);if(el){if(el.tagName==='SELECT')el.selectedIndex=0;else el.value=''}});
+  document.getElementById('rPhotoPreview').style.display='none';
+  renderAll();
+  toast('&#x1F389; Профиль создан! Добро пожаловать в Галикон!');
+}
+
+// === USER STORAGE ===
+function uid(){return currentUser?currentUser.id:'_'}
+function getMy(k){const all=LS(k)||{};return all[uid()]||null}
+function setMy(k,v){const all=LS(k)||{};all[uid()]=v;SS(k,all)}
+function getMyArr(k){const all=LS(k)||{};return all[uid()]||[]}
+function setMyArr(k,v){const all=LS(k)||{};all[uid()]=v;SS(k,all)}
+
+// === PAGES ===
+function showPage(page){
+  currentPage=page;
+  document.querySelectorAll('.nav-item').forEach(n=>n.classList.toggle('active',n.dataset.page===page));
+  renderPage();
+}
+function renderPage(){
+  const c=document.getElementById('mainContent');
+  switch(currentPage){
+    case 'profile':c.innerHTML=renderProfile();break;
+    case 'diary':c.innerHTML=renderDiaryPage();break;
+    case 'chat':c.innerHTML=renderChatPage();currentChat=null;break;
+    case 'tools':c.innerHTML=renderToolsPage();break;
+  }
+}
+
+// === PROFILE ===
+function renderProfile(){
+  const u=currentUser;
+  const av=u.photo?(u.photo.startsWith('data:')?u.photo:u.avatar):u.avatar;
+  const h=`
+    <div class="profile-header">
+      <div class="avatar">${u.photo?`<img src="${u.photo}">`:av}</div>
+      <h2>${u.name}</h2>
+      <div class="tag">${u.sport}</div>
+      ${u.rank?`<div style="margin-top:4px;font-size:13px;color:var(--gray-500)">${u.rank}</div>`:''}
+      ${u.goal?`<div style="margin-top:4px;font-size:14px;color:var(--cyan)">&#x1F3AF; ${u.goal}</div>`:''}
+    </div>
+    <div class="card">
+      <h3>&#x1F4CB; Информация</h3>
+      <div style="font-size:14px;line-height:2">
+        ${u.birth?`&#x1F382; ${u.birth} (${u.age||'?'} лет)<br>`:''}
+        ${u.country?`&#x1F30D; ${u.country}${u.city?', '+u.city:''}<br>`:''}
+        ${u.club?`&#x1F3EB; ${u.club}<br>`:''}
+        ${u.coach?`&#x1F468;&#x200D;&#x1F3EB; Тренер: ${u.coach}<br>`:''}
+        ${u.phone?`&#x1F4F1; ${u.phone}<br>`:''}
+        ${u.email?`&#x2709;&#xFE0F; ${u.email}<br>`:''}
+      </div>
+    </div>
+    <div class="card">
+      <h3>&#x1F3C6; Достижения</h3>
+      ${u.achievements&&u.achievements.length?u.achievements.map(a=>`<div style="padding:8px 0;border-bottom:1px solid #2a3342;font-size:14px"><strong>${a.title}</strong><br><span style="color:var(--gray-500);font-size:13px">${a.date} · ${a.desc||''}</span></div>`).join(''):'<p class="muted">Пока нет достижений. Добавь первое!</p>'}
+      <button class="btn small outline" onclick="addAchievement()" style="margin-top:8px">+ Добавить</button>
+      <div id="achForm" style="display:none;margin-top:8px">
+        <input type="text" id="achTitle" placeholder="Название (например: 1 место на Весёлый Дельфин)">
+        <input type="date" id="achDate">
+        <input type="text" id="achDesc" placeholder="Описание (результат, дистанция...)">
+        <button class="btn small" onclick="saveAchievement()">Сохранить</button>
+      </div>
+    </div>
+    <button class="btn danger" onclick="doLogout()" style="margin-top:8px">&#x1F6AA; Выйти</button>
+  `;return h;
+}
+function addAchievement(){document.getElementById('achForm').style.display='block'}
+function saveAchievement(){
+  const t=document.getElementById('achTitle').value.trim();
+  const d=document.getElementById('achDate').value;
+  const desc=document.getElementById('achDesc').value.trim();
+  if(!t||!d){toast('Введи название и дату!');return}
+  const u=currentUser;
+  if(!u.achievements)u.achievements=[];
+  u.achievements.unshift({title:t,date:d,desc});
+  const users=LS('users')||[];
+  const idx=users.findIndex(x=>x.id===u.id);
+  if(idx>=0){users[idx]=u;SS('users',users);currentUser=u}
+  document.getElementById('achTitle').value='';document.getElementById('achDate').value='';document.getElementById('achDesc').value='';
+  document.getElementById('achForm').style.display='none';
+  renderPage();toast('Достижение добавлено!');
+}
 
 // === DIARY ===
-function addDiary() {
-  const entry = {
-    date: document.getElementById('diary-date').value || new Date().toISOString().slice(0,10),
-    type: document.getElementById('diary-type').value || 'Тренировка',
-    km: document.getElementById('diary-km').value || '0',
-    time: document.getElementById('diary-time').value || '—',
-    feel: document.getElementById('diary-feel').value || '—',
-    note: document.getElementById('diary-note').value || '—',
-    id: Date.now()
-  };
-  if (!entry.date) return toast('Выбери дату!');
-  const all = LS('diary_all') || {};
-  if (!all[pid()]) all[pid()] = [];
-  all[pid()].unshift(entry);
-  SS('diary_all', all);
-  ['diary-date','diary-type','diary-km','diary-time','diary-feel','diary-note'].forEach(id => document.getElementById(id).value = '');
-  renderDiary();
-  toast('Запись добавлена!');
-}
-
-function renderDiary() {
-  const all = LS('diary_all') || {};
-  const diary = all[pid()] || [];
-  const el = document.getElementById('diary-list');
-  if (!diary.length) { el.innerHTML = '<div class="empty"><div class="big">&#x1F4AD;</div>Пока нет записей. Добавь первую!</div>'; return; }
-  el.innerHTML = diary.slice(0,30).map(e => `<div class="card" style="margin-bottom:8px;padding:16px">
-    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px">
-      <strong>${e.date}</strong> <span class="badge blue">${e.type}</span>
-    </div>
-    <div style="font-size:14px;color:var(--gray-500)">
-      &#x1F4CF; ${e.km} км | &#x23F1; ${e.time} | &#x1F31F; ${e.feel}/5
-      ${e.note !== '—' ? '<br>'+e.note : ''}
-    </div>
-    <button class="btn danger small" style="margin-top:6px" onclick="deleteDiary(${e.id})">Удалить</button>
-  </div>`).join('');
-}
-
-function deleteDiary(id) {
-  const all = LS('diary_all') || {};
-  if (!all[pid()]) return;
-  all[pid()] = all[pid()].filter(e => e.id !== id);
-  SS('diary_all', all);
-  renderDiary();
-  toast('Удалено');
-}
-
-// === HEALTH ===
-const vitamins = [
-  { id: 'd3', name: 'Витамин D3', dose: '2000-4000 МЕ', when: 'Утром' },
-  { id: 'omega', name: 'Омега-3', dose: '1000 мг', when: 'Утром' },
-  { id: 'mg', name: 'Магний', dose: '300 мг', when: 'Перед сном' },
-  { id: 'zn', name: 'Цинк', dose: '15 мг', when: 'Утром' },
-  { id: 'bcaa', name: 'BCAA', dose: '5 г', when: 'После тренировки' }
-];
-
-function renderVitamins() {
-  const today = new Date().toISOString().slice(0,10);
-  const all = LS('vitamins_all') || {};
-  const taken = all[pid()] || {};
-  const el = document.getElementById('vitamins-check');
-  el.innerHTML = vitamins.map(v => {
-    const isTaken = taken[today] && taken[today][v.id];
-    return `<div class="check-row">
-      <input type="checkbox" ${isTaken ? 'checked' : ''} onchange="toggleVitamin('${v.id}')" id="vit_${v.id}">
-      <label for="vit_${v.id}">${v.name} (${v.dose}) — ${v.when}</label>
+function renderDiaryPage(){
+  const diary=getMyArr('diary');
+  const today=new Date().toISOString().slice(0,10);
+  let h=`
+    <div class="card">
+      <h3>&#x270F; Новая запись</h3>
+      <input type="date" id="dDate" value="${today}">
+      <select id="dType"><option>Скорость</option><option>Техника</option><option>Выносливость</option><option>ОФП</option><option>Соревнование</option></select>
+      <input type="number" id="dKm" placeholder="Километраж" step="0.1">
+      <input type="text" id="dTime" placeholder="Лучшее время">
+      <input type="number" id="dFeel" placeholder="Самочувствие (1-5)" min="1" max="5">
+      <input type="text" id="dNote" placeholder="Заметка">
+      <button class="btn" onclick="addDiary()">Сохранить</button>
     </div>`;
-  }).join('') + `<div style="margin-top:8px;font-size:13px;color:var(--gray-500)">Принято: ${countTaken()} из ${vitamins.length}</div>`;
+  if(!diary.length){h+='<div class="empty-state"><div class="big">&#x1F4AD;</div>Пока нет записей</div>'}
+  else{
+    h+=diary.slice(0,20).map(e=>`
+      <div class="card" style="padding:14px">
+        <div style="display:flex;justify-content:space-between"><strong>${e.date}</strong><span class="badge blue">${e.type}</span></div>
+        <div class="muted">&#x1F4CF; ${e.km} км | &#x23F1; ${e.time} | &#x1F31F; ${e.feel}/5${e.note!=='—'?'<br>'+e.note:''}</div>
+        <button class="btn danger small" style="margin-top:4px" onclick="delDiary(${e.id})">Удалить</button>
+      </div>`).join('');
+  }
+  return h;
 }
-
-function countTaken() {
-  const all = LS('vitamins_all') || {};
-  const taken = all[pid()] || {};
-  const today = new Date().toISOString().slice(0,10);
-  return taken[today] ? Object.values(taken[today]).filter(Boolean).length : 0;
+function addDiary(){
+  const e={id:Date.now(),date:document.getElementById('dDate').value,type:document.getElementById('dType').value,km:document.getElementById('dKm').value||'0',time:document.getElementById('dTime').value||'—',feel:document.getElementById('dFeel').value||'—',note:document.getElementById('dNote').value||'—'};
+  const d=getMyArr('diary');d.unshift(e);setMyArr('diary',d);
+  renderPage();toast('Записано!');
 }
+function delDiary(id){const d=getMyArr('diary').filter(x=>x.id!==id);setMyArr('diary',d);renderPage();toast('Удалено')}
 
-function toggleVitamin(id) {
-  const today = new Date().toISOString().slice(0,10);
-  const all = LS('vitamins_all') || {};
-  if (!all[pid()]) all[pid()] = {};
-  if (!all[pid()][today]) all[pid()][today] = {};
-  all[pid()][today][id] = !all[pid()][today][id];
-  SS('vitamins_all', all);
-  renderVitamins();
+// === CHAT ===
+function renderChatPage(){
+  if(currentChat)return renderChatView();
+  return renderChatList();
 }
-
-function saveSleep() {
-  const h = document.getElementById('sleep-hours').value;
-  const p = document.getElementById('morning-pulse').value;
-  if (!h && !p) return toast('Введи данные!');
-  const all = LS('sleep_all') || {};
-  if (!all[pid()]) all[pid()] = [];
-  all[pid()].unshift({ date: new Date().toISOString().slice(0,10), hours: +h || 0, pulse: +p || 0 });
-  SS('sleep_all', all);
-  document.getElementById('sleep-hours').value = '';
-  document.getElementById('morning-pulse').value = '';
-  renderSleep();
-  toast('Сохранено!');
-}
-
-function renderSleep() {
-  const all = LS('sleep_all') || {};
-  const sleep = all[pid()] || [];
-  const el = document.getElementById('sleep-stats');
-  if (!sleep.length) { el.innerHTML = ''; return; }
-  const last7 = sleep.slice(0,7).filter(e => e.hours > 0);
-  if (!last7.length) { el.innerHTML = ''; return; }
-  const avgH = (last7.reduce((s,e) => s+e.hours, 0) / last7.length).toFixed(1);
-  const avgP = last7.filter(e => e.pulse > 0).length ? (last7.filter(e=>e.pulse>0).reduce((s,e) => s+e.pulse, 0) / last7.filter(e=>e.pulse>0).length).toFixed(0) : '—';
-  el.innerHTML = `Последние 7 дней: сон <strong>${avgH} ч</strong>, пульс <strong>${avgP} уд/мин</strong>`;
-}
-
-function saveTest() {
-  const type = document.getElementById('test-select').value;
-  const val = document.getElementById('test-value').value;
-  const date = document.getElementById('test-date').value;
-  if (!type || !val || !date) return toast('Заполни все поля!');
-  const all = LS('tests_all') || {};
-  if (!all[pid()]) all[pid()] = {};
-  if (!all[pid()][type]) all[pid()][type] = [];
-  all[pid()][type].push({ date, value: +val });
-  SS('tests_all', all);
-  document.getElementById('test-value').value = '';
-  document.getElementById('test-date').value = '';
-  renderTests();
-  toast('Анализ сохранён!');
-}
-
-function renderTests() {
-  const all = LS('tests_all') || {};
-  const tests = all[pid()] || {};
-  const labels = { hb: 'Гемоглобин (120-150)', ferritin: 'Ферритин (30-100)', vitd: 'Витамин D (50-80)', b12: 'B12 (200-900)' };
-  const el = document.getElementById('test-history');
-  el.innerHTML = Object.entries(tests).map(([k,vals]) => {
-    const last = vals.slice(-3).reverse().map(v => `${v.date}: <strong>${v.value}</strong>`).join(' | ');
-    return `<div style="margin-bottom:6px;font-size:13px">${labels[k] || k}: ${last}</div>`;
-  }).join('') || 'Нет сохранённых анализов';
-}
-
-// === VIDEO ===
-function uploadVideo(input) {
-  const file = input.files[0];
-  if (!file) return;
-  if (file.size > 100*1024*1024) return toast('Видео слишком большое (макс 100 МБ)');
-  const reader = new FileReader();
-  reader.onload = function(e) {
-    const videoData = { name: file.name, data: e.target.result, date: new Date().toLocaleDateString('ru-RU'), id: Date.now() };
-    const all = LS('videos_all') || {};
-    if (!all[pid()]) all[pid()] = [];
-    all[pid()].unshift(videoData);
-    SS('videos_all', all);
-    document.getElementById('video-container').innerHTML = `<video class="video-preview" controls src="${e.target.result}" style="margin-top:8px"></video>`;
-    renderVideos();
-    toast('Видео загружено!');
-  };
-  reader.readAsDataURL(file);
-}
-
-function renderVideos() {
-  const all = LS('videos_all') || {};
-  const videos = all[pid()] || [];
-  const el = document.getElementById('video-list');
-  if (!videos.length) { el.innerHTML = '<div class="empty"><div class="big">&#x1F3A5;</div>Загрузи первое видео!</div>'; return; }
-  el.innerHTML = videos.map(v => `<div class="card" style="padding:12px;margin-bottom:8px;cursor:pointer" onclick="showLightbox('video','${v.id}')"><strong>${v.name}</strong> <span style="color:var(--gray-500);font-size:13px">— ${v.date}</span></div>`).join('');
-}
-
-// === PHOTOS ===
-function uploadPhotos(input) {
-  const files = Array.from(input.files);
-  if (!files.length) return;
-  const all = LS('photos_all') || {};
-  if (!all[pid()]) all[pid()] = [];
-  let loaded = 0;
-  files.slice(0,10).forEach(file => {
-    if (file.size > 10*1024*1024) return;
-    const reader = new FileReader();
-    reader.onload = function(e) {
-      all[pid()].unshift({ name: file.name, data: e.target.result, date: new Date().toLocaleDateString('ru-RU'), id: Date.now()+loaded });
-      loaded++;
-      if (loaded === Math.min(files.length, 10)) { SS('photos_all', all); renderPhotos(); toast(loaded+' фото!'); }
-    };
-    reader.readAsDataURL(file);
+function renderChatList(){
+  const users=LS('users')||[];
+  const other=users.filter(u=>u.id!==uid());
+  const msgs=LS('messages')||{};
+  let h='<div class="card"><div class="chat-tabs"><button class="chat-tab active" onclick="chatFilter=\'all\';renderPage()">&#x1F4AC; Все</button><button class="chat-tab" onclick="chatFilter=\'athlete\';renderPage()">&#x1F3CA; Спортсмены</button><button class="chat-tab" onclick="chatFilter=\'coach\';renderPage()">&#x1F3CB; Тренеры</button><button class="chat-tab" onclick="chatFilter=\'parent\';renderPage()">&#x1F468;&#x200D;&#x1F466; Родители</button></div>';
+  // Show create group chat button
+  h+='<button class="btn small outline" onclick="createGroupChat()" style="width:100%;margin-bottom:8px">+ Создать групповой чат</button>';
+  if(!other.length){h+='<div class="empty-state"><div class="big">&#x1F4AC;</div>Нет других пользователей</div></div>';return h}
+  h+='<div style="font-size:13px;color:var(--gray-500);margin-bottom:6px">Выбери с кем общаться:</div>';
+  other.forEach(u=>{
+    const chatKey=[uid(),u.id].sort().join('_');
+    const chatMsgs=msgs[chatKey]||[];
+    const last=chatMsgs[chatMsgs.length-1];
+    const unread=chatMsgs.filter(m=>m.to===uid()&&!m.read).length;
+    h+=`<div class="chat-list-item" onclick="openChat(${u.id})">
+      <div class="av">${u.photo?`<img src="${u.photo}" style="width:100%;height:100%;border-radius:50%;object-fit:cover">`:u.avatar||u.name.charAt(0)}</div>
+      <div class="info"><div class="name">${u.name}${u.role?` <span class="badge blue" style="font-size:9px">${u.role}</span>`:''}</div><div class="last">${last?last.text:'Начни общение'}</div></div>
+      ${unread?`<span class="unread">${unread}</span>`:''}
+    </div>`;
   });
+  h+='</div>';return h;
+}
+function openChat(id){
+  currentChat=id;
+  // Mark messages as read
+  const msgs=LS('messages')||{};
+  const chatKey=[uid(),id].sort().join('_');
+  if(msgs[chatKey])msgs[chatKey].forEach(m=>{if(m.to===uid())m.read=true});
+  SS('messages',msgs);
+  renderPage();
+}
+function renderChatView(){
+  const other=((LS('users')||[]).find(u=>u.id===currentChat));
+  const chatKey=[uid(),currentChat].sort().join('_');
+  const msgs=(LS('messages')||{})[chatKey]||[];
+  let h=`<div style="display:flex;align-items:center;gap:8px;padding:8px 0">
+    <button class="btn small outline" onclick="currentChat=null;renderPage()">&#x2190;</button>
+    <strong>${other?other.name:'Чат'}</strong>
+  </div>
+  <div class="chat-messages" id="chatMsgs">`;
+  if(!msgs.length)h+='<div class="empty-state"><div class="big">&#x1F4AC;</div>Начните общение!</div>';
+  else msgs.forEach(m=>{h+=`<div class="chat-msg ${m.from===uid()?'mine':'theirs'}">${m.from!==uid()?`<div class="sender">${other?other.name:'Пользователь'}</div>`:''}${m.text}<div style="font-size:10px;color:${m.from===uid()?'var(--ink)':'var(--gray-500)'};margin-top:2px">${m.time||''}</div></div>`});
+  h+='</div><div class="chat-input-row"><input type="text" id="msgInput" placeholder="Сообщение..." onkeydown="if(event.key===\'Enter\')sendMsg()"><button class="btn small" onclick="sendMsg()">&#x27A4;</button></div>';
+  return h;
+}
+function sendMsg(){
+  const text=document.getElementById('msgInput')?.value.trim();
+  if(!text||!currentChat)return;
+  const msgs=LS('messages')||{};
+  const chatKey=[uid(),currentChat].sort().join('_');
+  if(!msgs[chatKey])msgs[chatKey]=[];
+  msgs[chatKey].push({from:uid(),to:currentChat,text,time:new Date().toLocaleTimeString('ru-RU',{hour:'2-digit',minute:'2-digit'}),read:false});
+  SS('messages',msgs);
+  document.getElementById('msgInput').value='';
+  renderPage();
+  // scroll to bottom
+  setTimeout(()=>{const el=document.getElementById('chatMsgs');if(el)el.scrollTop=el.scrollHeight},100);
+}
+function createGroupChat(){
+  const name=prompt('Название группового чата:');
+  if(!name)return;
+  const groups=LS('groups')||[];
+  groups.push({id:Date.now(),name,members:[uid()],messages:[]});
+  SS('groups',groups);
+  toast('Групповой чат создан!');
+  renderPage();
 }
 
-function renderPhotos() {
-  const all = LS('photos_all') || {};
-  const photos = all[pid()] || [];
-  const el = document.getElementById('photo-grid');
-  if (!photos.length) { el.innerHTML = '<div class="empty" style="grid-column:1/-1"><div class="big">&#x1F4F7;</div>Добавь фото!</div>'; return; }
-  el.innerHTML = photos.map(p => `<img src="${p.data}" alt="${p.name}" onclick="showLightbox('photo','${p.id}')">`).join('');
+// === TOOLS PAGE ===
+function renderToolsPage(){
+  return `
+    <div class="card">
+      <h3>&#x1F4CA; Нормативы (плавание, 50 м бассейн)</h3>
+      <table><tr><th>Разряд</th><th>50 м в/с</th><th>100 м в/с</th><th>400 м в/с</th></tr>
+      <tr><td><span class="badge gold">МСМК</span></td><td>21.50</td><td>47.00</td><td>3:48</td></tr>
+      <tr><td><span class="badge blue">МС</span></td><td>23.00</td><td>50.50</td><td>4:05</td></tr>
+      <tr><td><span class="badge green">КМС</span></td><td>25.00</td><td>54.50</td><td>4:25</td></tr>
+      <tr><td>1 взр.</td><td>28.00</td><td>1:01</td><td>5:00</td></tr>
+      <tr><td>2 взр.</td><td>31.50</td><td>1:09</td><td>5:40</td></tr>
+      <tr><td>3 взр.</td><td>35.00</td><td>1:17</td><td>6:20</td></tr>
+      <tr><td>1 юн.</td><td>40.00</td><td>1:29</td><td>7:10</td></tr>
+      <tr><td>2 юн.</td><td>47.00</td><td>1:45</td><td>8:10</td></tr></table>
+    </div>
+    <div class="card">
+      <h3>&#x1F48A; Здоровье</h3>
+      <p class="muted" style="margin-bottom:8px">Отмечай принятые витамины:</p>
+      <div id="vitCheck"></div>
+      <button class="btn small outline" onclick="addSleepEntry()" style="margin-top:8px">+ Записать сон и пульс</button>
+      <div id="vitHistory" class="muted" style="margin-top:8px"></div>
+    </div>
+    <div class="card">
+      <h3>&#x1F4DA; Видеоуроки</h3>
+      <p class="muted">Найди на YouTube:</p>
+      ${['swimming start technique','flip turn tutorial','freestyle stroke technique','underwater dolphin kick','breaststroke technique','Caeleb Dressel 50m analysis','swimming stretching routine','dryland training swimming','swimming race psychology','swimmer nutrition meal plan'].map(q=>`<div style="padding:6px 0;font-size:13px;border-bottom:1px solid #2a3342"><em>${q}</em></div>`).join('')}
+    </div>
+    <div class="card">
+      <h3>&#x2B50; Рейтинг</h3>
+      <p class="muted">Топ спортсменов (по голосам):</p>
+      <div id="rankList"></div>
+      <button class="btn small outline" onclick="voteRandom()" style="margin-top:8px">&#x2B50; Проголосовать</button>
+    </div>
+  `;
 }
 
-// === GRADES ===
-function addGrade() {
-  const subject = document.getElementById('grade-subject').value.trim();
-  const grade = +document.getElementById('grade-value').value;
-  if (!subject) return toast('Введи предмет!');
-  const all = LS('grades_all') || {};
-  if (!all[pid()]) all[pid()] = {};
-  if (!all[pid()][subject]) all[pid()][subject] = [];
-  all[pid()][subject].push({ grade, date: new Date().toISOString().slice(0,10) });
-  SS('grades_all', all);
-  document.getElementById('grade-subject').value = '';
-  renderGrades();
-  toast('Оценка добавлена!');
-}
-
-function renderGrades() {
-  const all = LS('grades_all') || {};
-  const grades = all[pid()] || {};
-  const allGrades = [];
-  Object.entries(grades).forEach(([s,vals]) => vals.forEach(v => allGrades.push({ subject:s, ...v })));
-  const avg = allGrades.length ? (allGrades.reduce((s,v) => s+v.grade, 0)/allGrades.length).toFixed(2) : '—';
-  document.getElementById('gpa-display').textContent = avg;
-  document.getElementById('grades-count').textContent = allGrades.length;
-  const el = document.getElementById('grades-list');
-  if (!Object.keys(grades).length) { el.innerHTML = '<div class="empty"><div class="big">&#x1F393;</div>Добавь оценки</div>'; return; }
-  el.innerHTML = Object.entries(grades).map(([subject, vals]) => {
-    const subjAvg = (vals.reduce((s,v) => s+v.grade,0)/vals.length).toFixed(1);
-    return `<div class="card" style="padding:16px;margin-bottom:8px">
-      <div style="display:flex;justify-content:space-between;align-items:center">
-        <strong>${subject}</strong>
-        <span class="badge ${+subjAvg>=4.5?'gold':+subjAvg>=3.5?'blue':''}" style="background:${+subjAvg>=4.5?'#FFF3CD':+subjAvg>=3.5?'var(--cyan-50)':'#FEE'};color:${+subjAvg>=4.5?'#856404':+subjAvg>=3.5?'var(--ink)':'#c00'}">${subjAvg}</span>
-      </div>
-      <div style="font-size:13px;color:var(--gray-500)">Последние: ${vals.slice(-5).map(v=>v.grade).join(', ')}</div>
-      <button class="btn danger small" style="margin-top:6px" onclick="deleteGrades('${subject}')">Сбросить</button>
-    </div>`;
+// === VITAMINS ===
+function renderVitamins(){
+  const el=document.getElementById('vitCheck');
+  if(!el)return;
+  const today=new Date().toISOString().slice(0,10);
+  const taken=getMy('vtaken')||{};
+  const vits=[{id:'d3',n:'Витамин D3'},{id:'omega',n:'Омега-3'},{id:'mg',n:'Магний'},{id:'zn',n:'Цинк'},{id:'bcaa',n:'BCAA'}];
+  el.innerHTML=vits.map(v=>{
+    const ok=taken[today]&&taken[today][v.id];
+    return `<label style="display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;font-size:14px"><input type="checkbox" ${ok?'checked':''} onchange="toggleVit('${v.id}')">${v.n}</label>`;
   }).join('');
 }
-
-function deleteGrades(subject) {
-  const all = LS('grades_all') || {};
-  if (all[pid()]) { delete all[pid()][subject]; SS('grades_all', all); }
-  renderGrades();
-  toast('Удалено');
+function toggleVit(id){
+  const today=new Date().toISOString().slice(0,10);
+  let taken=getMy('vtaken')||{};
+  if(!taken[today])taken[today]={};
+  taken[today][id]=!taken[today][id];
+  setMy('vtaken',taken);
+  renderVitamins();
 }
-
-// === LIGHTBOX ===
-function showLightbox(type, id) {
-  const lb = document.getElementById('lightbox');
-  const key = type === 'photo' ? 'photos_all' : 'videos_all';
-  const all = LS(key) || {};
-  const items = all[pid()] || [];
-  const item = items.find(i => i.id == id);
-  if (!item) return;
-  lb.innerHTML = type === 'photo' ? `<img src="${item.data}">` : `<video controls src="${item.data}" style="max-width:95%;max-height:90vh"></video>`;
-  lb.style.display = 'flex';
+function addSleepEntry(){
+  const h=prompt('Часов сна:');const p=prompt('Пульс утром:');
+  if(!h&&!p)return;
+  const s=getMyArr('sleep');s.unshift({date:new Date().toISOString().slice(0,10),hours:+h||0,pulse:+p||0});
+  setMyArr('sleep',s);toast('Сохранено!');
 }
 
 // === RANKING ===
-function addSwimmerForm() { document.getElementById('swimmer-form').style.display='block'; }
-function addCoachForm() { document.getElementById('coach-form').style.display='block'; }
-
-function addSwimmer() {
-  const name = document.getElementById('sw-name').value.trim();
-  if (!name) return toast('Введи ФИО!');
-  const swimmers = LS('swimmers') || [];
-  swimmers.push({ id: Date.now(), name, club: document.getElementById('sw-club').value.trim(), time: document.getElementById('sw-time').value.trim(), stars: 0, voters: [] });
-  SS('swimmers', swimmers);
-  ['sw-name','sw-club','sw-time'].forEach(id => document.getElementById(id).value='');
-  document.getElementById('swimmer-form').style.display='none';
-  renderRankings();
-  toast('Спортсмен добавлен!');
+function renderRanking(){
+  const el=document.getElementById('rankList');if(!el)return;
+  const users=LS('users')||[];
+  const sorted=[...users].filter(u=>u.stars>0).sort((a,b)=>b.stars-a.stars).slice(0,5);
+  if(!sorted.length){el.innerHTML='<p class="muted">Пока никто не проголосовал</p>';return}
+  el.innerHTML=sorted.map((u,i)=>`<div style="display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #2a3342"><span style="color:${i===0?'#FFD700':i===1?'#C0C0C0':i===2?'#CD7F32':'var(--gray-500)'}">${i+1}.</span><span>${u.name}</span><span style="margin-left:auto;color:var(--cyan);font-size:13px">&#x2B50; ${u.stars}</span></div>`).join('');
+}
+function voteRandom(){
+  const users=LS('users')||[];
+  const others=users.filter(u=>u.id!==uid());
+  if(!others.length){toast('Нет других пользователей!');return}
+  const target=others[Math.floor(Math.random()*others.length)];
+  const voterKey='voted_'+target.id;
+  if(localStorage.getItem('g_'+voterKey)){toast('Ты уже голосовал за '+target.name+'!');return}
+  target.stars=(target.stars||0)+1;
+  const idx=users.findIndex(u=>u.id===target.id);
+  if(idx>=0){users[idx]=target;SS('users',users)}
+  localStorage.setItem('g_'+voterKey,'1');
+  renderRanking();
+  toast('Голос за '+target.name+' учтён!');
 }
 
-function addCoach() {
-  const name = document.getElementById('co-name').value.trim();
-  if (!name) return toast('Введи ФИО!');
-  const coaches = LS('coaches') || [];
-  coaches.push({ id: Date.now(), name, club: document.getElementById('co-club').value.trim(), exp: document.getElementById('co-exp').value.trim(), achieve: document.getElementById('co-achieve').value.trim(), stars: 0, voters: [] });
-  SS('coaches', coaches);
-  ['co-name','co-club','co-exp','co-achieve'].forEach(id => document.getElementById(id).value='');
-  document.getElementById('coach-form').style.display='none';
-  renderRankings();
-  toast('Тренер добавлен!');
+// === LOGOUT ===
+function doLogout(){
+  currentUser=null;currentChat=null;
+  document.getElementById('appScreen').classList.remove('active');
+  document.getElementById('loginScreen').classList.add('active');
+  document.getElementById('lUser').value='';document.getElementById('lPass').value='';
 }
 
-function voteSwimmer(id) {
-  const swimmers = LS('swimmers') || [];
-  const s = swimmers.find(x => x.id === id);
-  if (!s) return;
-  const vid = pid() + '_s_' + id;
-  if (s.voters.includes(vid)) return toast('Ты уже голосовал!');
-  s.stars++; s.voters.push(vid);
-  SS('swimmers', swimmers);
-  renderRankings();
-  toast('Голос учтён!');
+// === CITIES ===
+const cityData={'Казахстан':['Астана','Алматы','Шымкент','Актобе','Караганда','Тараз','Павлодар','Семей','Атырау','Костанай'],'Россия':['Москва','Санкт-Петербург','Новосибирск','Екатеринбург','Казань','Омск','Уфа'],'США':['Нью-Йорк','Лос-Анджелес','Чикаго','Хьюстон','Майами','Бостон'],'Турция':['Стамбул','Анкара','Измир','Анталья','Бурса'],'Узбекистан':['Ташкент','Самарканд','Бухара'],'Кыргызстан':['Бишкек','Ош'],'Украина':['Киев','Харьков','Одесса','Львов'],'Беларусь':['Минск','Гомель','Брест'],'Германия':['Берлин','Мюнхен','Гамбург'],'Франция':['Париж','Марсель','Лион'],'Великобритания':['Лондон','Манчестер'],'Италия':['Рим','Милан'],'Испания':['Мадрид','Барселона'],'Япония':['Токио','Осака'],'Китай':['Пекин','Шанхай'],
+'ОАЭ':['Дубай','Абу-Даби'],'Азербайджан':['Баку','Гянджа'],'ЮАР':['Йоханнесбург','Кейптаун'],'Канада':['Торонто','Ванкувер','Монреаль'],'Австралия':['Сидней','Мельбурн'],'Бразилия':['Сан-Паулу','Рио']};
+function updateCities(){
+  const c=document.getElementById('rCountry').value;
+  const dl=document.getElementById('cityList');dl.innerHTML='';
+  (cityData[c]||[]).forEach(city=>{const o=document.createElement('option');o.value=city;dl.appendChild(o)});
 }
 
-function voteCoach(id) {
-  const coaches = LS('coaches') || [];
-  const c = coaches.find(x => x.id === id);
-  if (!c) return;
-  const vid = pid() + '_c_' + id;
-  if (c.voters.includes(vid)) return toast('Ты уже голосовал!');
-  c.stars++; c.voters.push(vid);
-  SS('coaches', coaches);
-  renderRankings();
-  toast('Голос учтён!');
-}
-
-function renderRankings() {
-  const swimmers = LS('swimmers') || [];
-  const coaches = LS('coaches') || [];
-
-  const swEl = document.getElementById('swimmer-ranking');
-  if (!swimmers.length) {
-    swEl.innerHTML = '<div class="empty"><div class="big">&#x1F3CA;</div>Добавьте спортсменов</div>';
-  } else {
-    swEl.innerHTML = [...swimmers].sort((a,b)=>b.stars-a.stars).map((s,i)=>`<div class="card" style="padding:14px;margin-bottom:6px"><div style="display:flex;align-items:center;gap:10px"><div style="width:28px;height:28px;border-radius:50%;background:${i===0?'#FFD700':i===1?'#C0C0C0':i===2?'#CD7F32':'var(--gray-100)'};color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0">${i+1}</div><div style="flex:1"><strong>${s.name}</strong><div style="font-size:11px;color:var(--gray-500)">${[s.club,s.time].filter(Boolean).join(' · ')}</div></div><button class="btn small" onclick="voteSwimmer(${s.id})">&#x2B50; ${s.stars}</button></div></div>`).join('');
-  }
-
-  const coEl = document.getElementById('coach-ranking');
-  if (!coaches.length) {
-    coEl.innerHTML = '<div class="empty"><div class="big">&#x1F3CB;</div>Добавьте тренеров</div>';
-  } else {
-    coEl.innerHTML = [...coaches].sort((a,b)=>b.stars-a.stars).map((c,i)=>`<div class="card" style="padding:14px;margin-bottom:6px"><div style="display:flex;align-items:center;gap:10px"><div style="width:28px;height:28px;border-radius:50%;background:${i===0?'#FFD700':i===1?'#C0C0C0':i===2?'#CD7F32':'var(--gray-100)'};color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0">${i+1}</div><div style="flex:1"><strong>${c.name}</strong><div style="font-size:11px;color:var(--gray-500)">${[c.club,c.exp?c.exp+' лет':null,c.achieve].filter(Boolean).join(' · ')}</div></div><button class="btn small" onclick="voteCoach(${c.id})">&#x2B50; ${c.stars}</button></div></div>`).join('');
-  }
-}
-
-// PWA
-if ('serviceWorker' in navigator) { navigator.serviceWorker.register('sw.js').catch(function(){}); }
-
-// === LESSONS ===
-const lessons = [
-  { title: 'Техника старта с тумбы', q: 'swimming start technique tutorial' },
-  { title: 'Поворот кувырком', q: 'flip turn swimming technique' },
-  { title: 'Гребок и пронос в кроле', q: 'freestyle stroke technique fast' },
-  { title: 'Дыхание в кроле', q: 'freestyle breathing technique' },
-  { title: 'Дельфиньи удары под водой', q: 'underwater dolphin kick technique' },
-  { title: 'Брасс: техника', q: 'breaststroke technique tutorial' },
-  { title: 'Калеб Дрессел — анализ', q: 'Caeleb Dressel 50m freestyle analysis' },
-  { title: 'Растяжка для пловцов', q: 'swimming stretching routine' },
-  { title: 'Силовые на суше', q: 'dryland training swimming' },
-  { title: 'Психология старта', q: 'swimming race psychology preparation' },
-  { title: 'Питание пловца', q: 'swimmer nutrition meal plan' },
-  { title: 'Восстановление после тренировки', q: 'swimming recovery routine' }
-];
-document.getElementById('lesson-list').innerHTML = lessons.map(l =>
-  `<div class="card" style="padding:14px;margin-bottom:6px"><strong>${l.title}</strong><div style="font-size:12px;color:var(--gray-500);margin-top:4px">YouTube: <em>${l.q}</em></div></div>`
-).join('');
-
 // === RENDER ALL ===
-function renderAll() {
-  renderDiary();
-  renderVitamins();
-  renderSleep();
-  renderTests();
-  renderVideos();
-  renderPhotos();
-  renderGrades();
-  renderRankings();
+function renderAll(){
+  renderPage();
+  setTimeout(()=>{renderVitamins();renderRanking()},200);
 }
 
 // === INIT ===
-(function init() {
-  const profiles = LS('profiles') || [];
-  renderProfileList();
-  // Show login screen - user must enter password
-  document.getElementById('loginScreen').classList.remove('hidden');
-  document.getElementById('appScreen').classList.remove('active');
-  document.getElementById('diary-date').value = new Date().toISOString().slice(0,10);
-})();
+if('serviceWorker'in navigator)navigator.serviceWorker.register('sw.js').catch(()=>{});
+document.getElementById('loginScreen').classList.add('active');
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
