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/contact-search-view.js

@@ -1,3 +1,4 @@
+import { iconHtml } from '../components/ui-icon.js';
 import { createTopBar } from '../components/topbar.js';
 import { authService } from '../state.js';
 import { renderUserAvatar } from '../components/avatar-image.js';
@@ -65,15 +66,17 @@ export function render({navigate, chrome}) {
   let searchSeq = 0;
 
   const input = document.createElement('input');
-  input.className = 'input dm-input contact-search-input';
+  input.className = 'search-field__input contact-search-input';
   input.type = 'text';
   input.name = 'contact';
-  input.placeholder = 'Введите начало логина';
+  input.placeholder = 'Логин или его начало';
+  input.setAttribute('aria-label', 'Логин для поиска');
+  input.enterKeyHint = 'search';
   input.autocomplete = 'off';
   input.maxLength = 80;
 
   const resultsCard = document.createElement('section');
-  resultsCard.className = 'card stack contact-search-results-card';
+  resultsCard.className = 'stack contact-search-results';
   resultsCard.hidden = true;
 
   const status = document.createElement('p');
@@ -143,13 +146,13 @@ export function render({navigate, chrome}) {
     searchTimer = window.setTimeout(() => {
       searchTimer = 0;
       void runSearch();
-    }, 2000);
+    }, 500);
   };
 
   const searchButton = document.createElement('button');
-  searchButton.className = 'primary-btn dm-send-btn';
+  searchButton.className = 'search-field__action';
   searchButton.type = 'button';
-  searchButton.textContent = 'Поиск';
+  searchButton.textContent = 'Найти';
   searchButton.addEventListener('click', async () => {
     if (searchTimer) {
       window.clearTimeout(searchTimer);
@@ -161,19 +164,21 @@ export function render({navigate, chrome}) {
   input.addEventListener('input', () => {
     scheduleSearch();
   });
+  input.addEventListener('keydown', (event) => {
+    if (event.key !== 'Enter') return;
+    event.preventDefault();
+    searchButton.click();
+  });
 
-  const controls = document.createElement('div');
-  controls.className = 'contact-search-actions';
-  controls.append(searchButton);
-
-  const formCard = document.createElement('section');
-  formCard.className = 'card stack contact-search-form-card';
-  formCard.append(input, controls);
+  const formCard = document.createElement('label');
+  formCard.className = 'search-field contact-search-field';
+  formCard.innerHTML = `<span class="search-field__icon" aria-hidden="true">${iconHtml('search')}</span>`;
+  formCard.append(input, searchButton);
 
   resultsCard.append(status, resultsList);
 
   chrome?.setTopbar(createTopBar({
-      title: 'Поиск контактов',
+      title: 'Найти человека',
       back: { label: '←', onClick: () => navigate('messages-list') },
     }));
   screen.append(