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/device-pairing-view.js

@@ -250,7 +250,7 @@ export function render({navigate, chrome}) {
   passwordDialog.style.inset = '0';
   passwordDialog.style.zIndex = '30';
   passwordDialog.innerHTML = `
-    <div style="position:absolute; inset:0; background:rgba(5,9,16,0.72); backdrop-filter:blur(4px);" data-action="close-dialog"></div>
+    <div style="position:absolute; inset:0; background:var(--scrim); backdrop-filter:blur(4px);" data-action="close-dialog"></div>
     <div class="card stack" style="position:absolute; left:50%; top:24px; width:min(calc(100vw - 32px), 360px); transform:translateX(-50%); gap:12px; box-shadow:var(--shadow);">
       <div class="stack" style="gap:6px;">
         <p class="field-label" id="pairing-dialog-title">Задать дополнительный пароль</p>
@@ -292,7 +292,7 @@ export function render({navigate, chrome}) {
   dialogOverlay.style.inset = '0';
   dialogOverlay.style.zIndex = '2';
   dialogOverlay.innerHTML = `
-    <div style="position:absolute; inset:0; background:rgba(5,9,16,0.78);"></div>
+    <div style="position:absolute; inset:0; background:var(--scrim);"></div>
     <div class="card stack" style="position:absolute; left:50%; top:50%; width:min(calc(100% - 32px), 320px); transform:translate(-50%, -50%); gap:12px; box-shadow:var(--shadow);">
       <p class="field-label" id="pairing-dialog-overlay-title">Ошибка</p>
       <p class="meta-muted" id="pairing-dialog-overlay-text"></p>