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/styles/components/avatar.css

@@ -6,9 +6,8 @@
   margin: 0 auto;
   border-radius: 50%;
   overflow: hidden;
-  border: 1px solid rgba(155, 182, 233, 0.46);
-  background: rgba(13, 26, 50, 0.86);
-  box-shadow: inset 0 0 0 1px rgba(240, 248, 255, 0.1);
+  border: 1px solid var(--border-control);
+  background: var(--surface);
 }
 
 
@@ -30,7 +29,7 @@
 .avatar-wizard-meta {
   font-size: 13px;
   line-height: 1.35;
-  color: #d9e7ff;
+  color: var(--text-secondary);
   word-break: break-word;
 }
 
@@ -38,7 +37,7 @@
 .avatar-wizard-error {
   min-height: 18px;
   font-size: 13px;
-  color: #f6a8b3;
+  color: var(--danger);
 }
 
 
@@ -63,11 +62,11 @@
   flex: 0 0 auto;
   aspect-ratio: 1 / 1;
   border-radius: 50%;
-  background: linear-gradient(130deg, #3c4f73, #243352);
+  background: var(--surface-selected);
   display: grid;
   place-items: center;
-  font-weight: 700;
-  color: #e5ebff;
+  font-weight: 600;
+  color: var(--accent);
   font-size: 14px;
 }
 
@@ -191,7 +190,7 @@
   place-items: center;
   border: 0;
   background: transparent;
-  color: #ffffff;
+  color: var(--text-primary);
   box-shadow: none;
 }
 
@@ -211,12 +210,8 @@
   display: grid;
   place-items: center;
   overflow: hidden;
-  background: #454b55;
-  color: #ffffff;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.42);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.08),
-    inset 0 -8px 16px rgba(0, 0, 0, 0.16);
+  background: var(--surface-selected);
+  color: var(--accent);
 }