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/tabs.css

@@ -11,6 +11,7 @@
   background: var(--surface);
 }
 .tabs--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+.tabs--auto { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
 
 .tab-btn {
   min-height: 44px;
@@ -23,9 +24,12 @@
 }
 
 
-.tab-btn.active {
+.tab-btn.active,
+.tab-btn[aria-checked='true'] {
   background: var(--surface-selected);
-  color: var(--text);
+  color: var(--text-primary);
+  font-weight: 600;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, var(--border-control));
 }
 .tab-btn:hover { color: var(--text-primary); }
 .tab-btn:active { transform: scale(.98); }
@@ -58,3 +62,5 @@
   background: transparent;
   box-shadow: none;
 }
+
+.tab-btn .tab-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-left: 6px; padding: 0 5px; border-radius: var(--radius-pill); color: var(--on-accent); background: var(--accent); font-size: .6875rem; font-weight: var(--weight-bold); line-height: 1; vertical-align: 1px; }