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/emoji-picker.css

@@ -19,7 +19,7 @@
   -ms-overflow-style: none;
   padding: 10px;
   border-radius: 14px;
-  background: rgba(12, 19, 31, 0.98);
+  background: var(--surface);
   box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.2);
 }
 
@@ -39,7 +39,7 @@
 
 
 .emoji-picker-section-title {
-  color: rgba(205, 218, 246, 0.78);
+  color: var(--text-primary);
   font-size: 12px;
   font-weight: 600;
 }
@@ -67,7 +67,7 @@
   background: transparent;
   background-image: none;
   box-shadow: none;
-  color: #fff;
+  color: var(--text-primary);
   text-shadow: none;
   backdrop-filter: none;
   -webkit-backdrop-filter: none;
@@ -107,7 +107,7 @@
 
 .emoji-picker-tab:hover,
 .emoji-picker-item:hover {
-  color: #fff;
+  color: var(--text-primary);
   background: transparent;
   border: 0;
   box-shadow: none;
@@ -124,12 +124,12 @@
 
 .emoji-picker-tab:active,
 .emoji-picker-item:active {
-  color: #fff;
-  background: rgba(0, 0, 0, 0.12);
+  color: var(--text-primary);
+  background: color-mix(in srgb, var(--surface) 12%, transparent);
   border: 0;
   box-shadow:
     inset 0 3px 8px rgba(0, 0, 0, 0.58),
-    inset 0 -1px 2px rgba(255, 255, 255, 0.08);
+    inset 0 -1px 2px color-mix(in srgb, var(--text-primary) 8%, transparent);
   transform: translateY(1px) scale(0.97);
   filter: brightness(0.9);
 }
@@ -137,7 +137,7 @@
 
 .emoji-picker-tab:focus-visible,
 .emoji-picker-item:focus-visible {
-  outline: 2px solid rgba(255, 255, 255, 0.62);
+  outline: 2px solid var(--border-control);
   outline-offset: 2px;
 }