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/palette-editor.css

@@ -0,0 +1,41 @@
+/* Скрытый редактор палитры (js/components/palette-editor.js). */
+.palette-editor__card { display: grid; gap: 16px; }
+.palette-editor__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.palette-editor__close { width: 44px; min-width: 44px; padding: 0; font-size: 18px; color: var(--text-secondary); }
+.palette-editor__section { display: grid; gap: 8px; }
+.palette-editor__label { font-size: .75rem; line-height: 1.125rem; color: var(--text-secondary); }
+.palette-editor__hint { margin: 0; font-size: .75rem; line-height: 1.125rem; color: var(--text-secondary); }
+.palette-editor__roles { display: grid; gap: 2px; }
+.palette-editor__role {
+  display: grid;
+  grid-template-columns: 44px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 12px;
+  min-height: 48px;
+  padding: 2px 4px;
+  border-radius: 12px;
+  cursor: pointer;
+}
+.palette-editor__role:hover { background: var(--surface-selected); }
+.palette-editor__role input[type='color'] {
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  border: 1px solid var(--border-control);
+  border-radius: 50%;
+  background: transparent;
+  cursor: pointer;
+}
+.palette-editor__role input[type='color']::-webkit-color-swatch-wrapper { padding: 0; }
+.palette-editor__role input[type='color']::-webkit-color-swatch { border: 0; border-radius: 50%; }
+.palette-editor__role input[type='color']::-moz-color-swatch { border: 0; border-radius: 50%; }
+.palette-editor__role input[type='color']:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
+.palette-editor__role-name { min-width: 0; font-size: .875rem; line-height: 1.25rem; color: var(--text-primary); }
+.palette-editor__changed { margin-left: 4px; font-size: .75rem; color: var(--accent); }
+.palette-editor__role-value { font-size: .75rem; color: var(--text-secondary); }
+.palette-editor__share { display: grid; gap: 8px; }
+.palette-editor__share summary { min-height: 44px; display: flex; align-items: center; color: var(--accent); cursor: pointer; }
+.palette-editor__share[open] { gap: 8px; }
+.palette-editor__json { width: 100%; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .75rem; line-height: 1.125rem; resize: vertical; }
+.palette-editor__error { margin: 0; color: var(--danger); font-size: .8125rem; }
+.palette-editor__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }