UI: новый общий стиль, тёмная/светлая тема, настраиваемая палитра

- styles/main.css: роли цветов (по умолчанию «Индиго»), шкала отступов/скруглений/шрифтов,
  цвета отношений для обеих тем; жёсткие цвета в стилях заменены на роли.
- Палитра: пресеты и личные правки, «Оформление» Авто/День/Ночь, долгое нажатие —
  редактор цветов с экспортом/импортом.
- Каналы: пузыри постов автора, плашки дней, строка «Написать в канал…», «О канале»,
  создание канала с адресом из названия; лента открывается на свежих постах.
- Чаты: плоский список, чипы-фильтры, пузыри, плашки дней; нижняя панель скрыта в переписке.
- Корневые разделы — единая шапка; профиль и чужой профиль — общая карточка;
  настройки, кошелёк, сеансы — меню-списки.
- Нижняя панель: иконки без подписей, бейджи на иконках.
- confirmDialog вместо window.confirm/alert; на телефоне диалоги — шторки снизу.
- docs/UI-Design/ISSUES-for-dev.md — найденные ошибки сервера/UI.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

shine-UI/js/pages/profile-edit-view.js

@@ -114,7 +114,7 @@ export function render({ navigate, chrome }) {
   );
 
   const card = document.createElement('div');
-  card.className = 'card stack';
+  card.className = 'stack profile-edit-card';
 
   const topRow = document.createElement('div');
   topRow.className = 'row';
@@ -127,14 +127,14 @@ export function render({ navigate, chrome }) {
         <div class="profile-identity-line profile-identity-login">${String(login || '').trim() || 'unknown'}</div>
       </div>
     </div>
-    <button class="primary-btn" type="button" data-reload="true">Обновить</button>
+    <button class="secondary-btn profile-edit-reload" type="button" data-reload="true" hidden>Обновить</button>
   `;
 
   const badgesRow = document.createElement('div');
-  badgesRow.className = 'row';
+  badgesRow.className = 'chip-row profile-edit-statuses';
   badgesRow.innerHTML = `
-    <button class="badge profile-toggle-btn is-no" type="button" data-status="account_role">Аккаунт: Не указано</button>
-    <button class="badge profile-toggle-btn is-no" type="button" data-status="shine">Сияние: Не указано</button>
+    <button class="chip profile-toggle-btn is-no" type="button" data-status="account_role">Тип аккаунта: Не указано</button>
+    <button class="chip profile-toggle-btn is-no" type="button" data-status="shine">Сияние: Не указано</button>
   `;
 
   const status = document.createElement('div');
@@ -142,16 +142,13 @@ export function render({ navigate, chrome }) {
   status.textContent = 'Загрузка параметров...';
 
   const listWrap = document.createElement('div');
-  listWrap.className = 'stack profile-param-list';
+  listWrap.className = 'nav-list profile-param-list';
 
   const relativesCard = document.createElement('div');
   relativesCard.className = 'card stack';
   relativesCard.innerHTML = `
     <div class="profile-param-value"><b>Друзья</b></div>
-    <div class="meta-muted">
-      Добавьте пользователя в друзья или в близкие друзья.
-      Родственные типы связей сохранены в протоколе, но пока скрыты из интерфейса.
-    </div>
+    <div class="meta-muted">Добавьте человека в друзья или в близкие друзья.</div>
     <button class="secondary-btn" type="button" data-add-relative="true">Добавить друга</button>
   `;
 
@@ -250,7 +247,7 @@ export function render({ navigate, chrome }) {
 
   function updateStatusesUi() {
     if (accountRoleBtn) {
-      accountRoleBtn.textContent = `Аккаунт: ${accountRoleLabel(currentAccountRole)}`;
+      accountRoleBtn.textContent = `Тип аккаунта: ${accountRoleLabel(currentAccountRole)}`;
       accountRoleBtn.classList.remove('is-no', 'is-yes-official', 'is-yes-shine', 'is-not-interested');
       accountRoleBtn.classList.add(currentAccountRole === PROFILE_ACCOUNT_ROLE_PRIMARY ? 'is-yes-official' : 'is-no');
     }
@@ -582,22 +579,22 @@ export function render({ navigate, chrome }) {
   function renderFields(fields) {
     listWrap.innerHTML = '';
     fields.forEach((field) => {
-      const row = document.createElement('div');
-      row.className = 'card profile-param-item row';
+      const row = document.createElement('button');
+      row.type = 'button';
+      row.className = 'nav-row profile-param-item';
       row.dataset.editField = field.key;
-      row.style.cursor = 'pointer';
-      const value = String(field.value || '').trim() || 'не заполнено';
-      const isNameField = field.key === 'first_name' || field.key === 'last_name';
-      const valueClass = isNameField ? 'profile-param-value profile-param-value-small' : 'profile-param-value';
-      row.innerHTML = `<div class="${valueClass}"><b>${field.label}</b>: ${escapeHtml(value)}</div>`;
+      const value = String(field.value || '').trim();
+      row.innerHTML = `<span class="nav-row__hint">${escapeHtml(field.label)}</span><span class="nav-row__label${value ? '' : ' is-empty'}">${escapeHtml(value || 'Не заполнено')}</span>`;
       listWrap.append(row);
 
       if (field.key === 'last_name') {
-        const genderRow = document.createElement('div');
-        genderRow.className = 'card profile-param-item row';
+        const genderRow = document.createElement('button');
+        genderRow.type = 'button';
+        genderRow.className = 'nav-row profile-param-item';
         genderRow.dataset.editGender = 'true';
-        genderRow.style.cursor = 'pointer';
-        genderRow.innerHTML = `<div class="profile-param-value"><b>Пол</b>: <span data-gender-value>${escapeHtml(genderLabel(currentGender))}</span></div>`;
+        const genderText = genderLabel(currentGender);
+        const genderEmpty = genderText === 'Не указан';
+        genderRow.innerHTML = `<span class="nav-row__hint">Пол</span><span class="nav-row__label${genderEmpty ? ' is-empty' : ''}" data-gender-value>${escapeHtml(genderEmpty ? 'Не указан' : genderText)}</span>`;
         listWrap.append(genderRow);
       }
     });