neuroalpha 0.0.0-stage → 0.2.0

package/public/legal.html

@@ -0,0 +1,90 @@
+<!doctype html>
+<html lang="ru">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Правовые документы · НейроАльфа</title>
+  <style>
+    :root { --bg: #0b0e14; --panel: #131822; --line: #242c3d; --text: #eef2f6; --muted: #94a3b8; --accent: #3b82f6; }
+    * { box-sizing: border-box; }
+    body { margin: 0; background: var(--bg); color: var(--text); font: 15.5px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
+    a { color: var(--accent); text-decoration: none; }
+    .wrap { max-width: 900px; margin: 0 auto; padding: 36px 24px 70px; }
+    .top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
+    .brand { font-weight: 700; font-size: 19px; color: var(--text); }
+    .doc { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 28px 32px; margin-bottom: 24px; }
+    h1 { font-size: 28px; margin: 0 0 18px; }
+    h2 { font-size: 21px; margin: 0 0 12px; color: #fff; }
+    h3 { font-size: 16px; margin: 18px 0 6px; color: #cbd5e1; }
+    p, li { color: var(--muted); margin: 8px 0; }
+    ul { padding-left: 20px; }
+  </style>
+</head>
+<body>
+  <div class="wrap">
+    <div class="top">
+      <a class="brand" href="/landing">◈ НейроАльфа</a>
+      <div style="display:flex;gap:16px;font-size:14px">
+        <a href="#offer">Публичная оферта</a>
+        <a href="#privacy">Политика 152-ФЗ</a>
+        <a href="#risks">Декларация о рисках</a>
+        <a href="/landing">← Назад на витрину</a>
+      </div>
+    </div>
+
+    <h1>Правовые документы сервиса «НейроАльфа»</h1>
+
+    <section class="doc" id="offer">
+      <h2>1. Публичная оферта (Договор об оказании информационных услуг доступа к SaaS-платформе)</h2>
+      <p>Настоящий документ является официальным предложением (публичной офертой в соответствии со ст. 435 и ч. 2 ст. 437 Гражданского кодекса РФ) Администрации сервиса «НейроАльфа» (далее — Исполнитель) любому дееспособному физическому или юридическому лицу (далее — Пользователь) заключить договор на предоставление доступа к вычислительному программному комплексу «НейроАльфа» через сеть Интернет (модель SaaS).</p>
+
+      <h3>1.1. Предмет договора и правовой статус сервиса</h3>
+      <ul>
+        <li>Исполнитель предоставляет Пользователю дистанционный доступ к функциям аналитического программного обеспечения «НейроАльфа» в соответствии с выбранным Пользователем тарифным планом («Старт», «Инвестор», «Профи»).</li>
+        <li>Сервис «НейроАльфа» является исключительно программно-техническим средством (калькулятором статистических закономерностей и интерфейсом автоматизации отправки поручений по параметрам, заданным самим Пользователем).</li>
+        <li><b>Исполнитель не осуществляет деятельность по инвестиционному консультированию</b> (в смысле ст. 6.1 Федерального закона № 39-ФЗ «О рынке ценных бумаг»), не составляет индивидуальных инвестиционных профилей и не даёт индивидуальных инвестиционных рекомендаций.</li>
+        <li><b>Исполнитель не осуществляет доверительное управление</b> или брокерскую деятельность, не принимает денежные средства или ценные бумаги Пользователей на свои счета. Все торговые операции совершаются Пользователем самостоятельно на его личном счёте у лицензированного брокера.</li>
+      </ul>
+
+      <h3>1.2. Порядок оплаты и предоставления доступа</h3>
+      <ul>
+        <li>Оплата тарифных планов производится в рублях РФ безналичным способом (банковские карты МИР, Visa, Mastercard, Система быстрых платежей).</li>
+        <li>Доступ к оплаченному тарифному плану активируется автоматически в момент получения подтверждения об успешной оплате (`succeeded`) от платёжной системы на срок оплаченного периода (30, 90 или 365 календарных дней).</li>
+        <li>Услуга предоставления доступа к SaaS-платформе считается оказанной надлежащим образом с момента открытия технической возможности использования оплаченного тарифа в личном кабинете Пользователя.</li>
+      </ul>
+
+      <h3>1.3. Ограничение ответственности</h3>
+      <ul>
+        <li>Программное обеспечение предоставляется по принципу «как есть» (as is). Исполнитель не гарантирует достижения какой-либо положительной доходности при использовании аналитических расчётов программы.</li>
+        <li>Пользователь самостоятельно задаёт параметры стратегии, лимиты суммы, пороги дневного стопа и несёт полную имущественную ответственность за результаты сделок, совершаемых через подключённые им API-токены брокеров.</li>
+      </ul>
+    </section>
+
+    <section class="doc" id="privacy">
+      <h2>2. Политика обработки персональных данных (в соответствии с ФЗ № 152-ФЗ)</h2>
+      <h3>2.1. Какие данные обрабатываются</h3>
+      <ul>
+        <li>Адрес электронной почты (Email) и указанное Пользователем имя/псевдоним при регистрации и формировании кассового чека (54-ФЗ);</li>
+        <li>Идентификатор чата (chat_id) в мессенджерах Telegram и MAX при добровольной привязке уведомлений Пользователем;</li>
+        <li>Пользовательские API-токены брокеров — хранятся исключительно в зашифрованном виде по алгоритму <b>AES-256-GCM</b> и используются только для выполнения запросов по поручению Пользователя.</li>
+      </ul>
+      <h3>2.2. Цели обработки и защита</h3>
+      <ul>
+        <li>Предоставление доступа к личному кабинету, отправка уведомлений о рассчитанных заявках и исполнение требований законодательства РФ о применении контрольно-кассовой техники.</li>
+        <li>Персональные данные хранятся на территории Российской Федерации и не передаются третьим лицам, за исключением уполномоченного платёжного оператора в объёме, необходимом для проведения платежа и формирования кассового чека.</li>
+        <li>Пользователь вправе в любой момент удалить свои API-токены в разделе «Настройки → Брокерские счета» и запросить удаление учётной записи.</li>
+      </ul>
+    </section>
+
+    <section class="doc" id="risks">
+      <h2>3. Декларация о рисках</h2>
+      <p>Совершение операций с ценными бумагами и производными финансовыми инструментами на бирже сопряжено с высоким уровнем финансового риска и может привести к частичной или полной потере инвестированного капитала.</p>
+      <ul>
+        <li>Результаты пошаговых проверок на исторических данных и результаты на виртуальных счетах рассчитываются на прошлых котировках и <b>не гарантируют</b> получения аналогичных результатов в будущем.</li>
+        <li>При работе с реальным брокерским счётом возможны технические задержки связи, расхождения между расчётным и фактическим проскальзыванием в биржевом стакане, отказы API брокера и резкие ценовые разрывы (гэпы).</li>
+        <li>Используя сервис «НейроАльфа», Пользователь подтверждает, что осознаёт указанные риски и принимает все инвестиционные решения самостоятельно.</li>
+      </ul>
+    </section>
+  </div>
+</body>
+</html>

package/public/styles.css

@@ -0,0 +1,343 @@
+:root {
+  --bg: #0d1016;
+  --panel: #13171f;
+  --line: #2a313e;
+  --text: #e6edf3;
+  --muted: #98a2b3;
+  --accent: #4f8cff;
+  --green: #3fb950;
+  --red: #f85149;
+  --yellow: #d29922;
+  --violet: #a371f7;
+  --best-bg: #13241a;
+  --flash-bg: #2a1f45;
+  --chat-w: 38%;
+}
+body.light {
+  --bg: #f6f8fa;
+  --panel: #ffffff;
+  --line: #d0d7de;
+  --text: #1f2328;
+  --muted: #57606a;
+  --accent: #2457d6;
+  --green: #1a7f37;
+  --red: #cf222e;
+  --yellow: #9a6700;
+  --violet: #8250df;
+  --best-bg: #dcfce7;
+  --flash-bg: #ede9fe;
+}
+* { box-sizing: border-box; }
+html, body { height: 100%; }
+body { margin: 0; background: var(--bg); color: var(--text); font: 14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; overflow: hidden; }
+.muted { color: var(--muted); }
+.small { font-size: 12px; }
+.grow { flex: 1; }
+.pos { color: var(--green); }
+.neg { color: var(--red); }
+h4 { margin: 18px 0 6px; font-size: 13px; color: var(--muted); font-weight: 500; }
+
+header { height: 46px; display: flex; justify-content: space-between; align-items: center; padding: 0 16px; border-bottom: 1px solid var(--line); }
+.brand { display: flex; gap: 8px; align-items: baseline; }
+.logo { color: var(--accent); font-size: 18px; }
+.hright { display: flex; gap: 10px; align-items: center; }
+.dot { width: 9px; height: 9px; border-radius: 50%; background: var(--muted); display: inline-block; cursor: help; }
+.dot.ok { background: var(--green); }
+.dot.warn { background: var(--yellow); }
+.dot.bad { background: var(--red); }
+
+input, select, textarea { background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 6px; padding: 6px 8px; font: inherit; }
+textarea { resize: none; width: 100%; }
+button { background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 6px; padding: 6px 12px; cursor: pointer; font: inherit; font-weight: 500; }
+button:hover { border-color: var(--accent); }
+button:disabled { opacity: .55; cursor: default; }
+button.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
+button.icon { padding: 2px 8px; color: var(--text); background: transparent; }
+button.icon-lg { width: 40px; height: 40px; padding: 0; font-size: 15px; flex: none; }
+
+main { display: grid; grid-template-columns: var(--chat-w) 5px 1fr; height: calc(100vh - 46px); }
+#splitter { cursor: col-resize; background: var(--line); transition: background .15s; }
+#splitter:hover, #splitter.drag { background: var(--accent); }
+body.dragging { cursor: col-resize; user-select: none; }
+body.dragging iframe, body.dragging canvas { pointer-events: none; }
+
+::-webkit-scrollbar { width: 10px; height: 10px; }
+::-webkit-scrollbar-thumb { background: #2a3140; border-radius: 5px; border: 2px solid var(--bg); }
+::-webkit-scrollbar-thumb:hover { background: #3a4356; }
+::-webkit-scrollbar-track { background: transparent; }
+.feed, .tab, .think-body, .modal .md { scrollbar-width: thin; scrollbar-color: #2a3140 transparent; }
+
+/* ---------- чат ---------- */
+.chat { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
+.chat-head { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-bottom: 1px solid var(--line); }
+.chat-head select { font-size: 12.5px; padding: 3px 6px; }
+.chat-head label { font-size: 12px; color: var(--muted); }
+.chat-head label input { width: 46px; padding: 2px 4px; }
+.feed-wrap { flex: 1; min-height: 0; position: relative; display: flex; flex-direction: column; }
+.feed { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; min-height: 0; }
+.feed-down { position: absolute; right: 16px; bottom: 10px; font-size: 12px; padding: 2px 12px; border-radius: 999px; background: var(--panel); box-shadow: 0 4px 14px #0008; }
+.msg { max-width: 92%; }
+.msg.user { align-self: flex-end; background: #1d3359; border-radius: 12px 12px 3px 12px; padding: 7px 12px; white-space: pre-wrap; }
+.msg.ai { align-self: stretch; }
+.md-c > :first-child { margin-top: 0; }
+.md-c > :last-child { margin-bottom: 0; }
+.md-c p { margin: 6px 0; }
+.md-c ul, .md-c ol { margin: 6px 0; padding-left: 20px; }
+.md-c h1, .md-c h2, .md-c h3 { font-size: 14.5px; margin: 10px 0 4px; }
+.md-c table { margin: 6px 0; font-size: 12.5px; }
+.md-c code { background: var(--panel); padding: 0 4px; border-radius: 4px; }
+details.think { font-size: 12px; margin-bottom: 4px; }
+details.think summary { cursor: pointer; color: #b392f0; list-style: none; }
+details.think summary::-webkit-details-marker { display: none; }
+.think-body { white-space: pre-wrap; color: #9c95b5; border-left: 2px solid var(--violet); padding: 4px 10px; margin-top: 4px; max-height: 200px; overflow-y: auto; }
+.typing::after { content: '▍'; animation: blink 1s steps(1) infinite; color: var(--accent); }
+@keyframes blink { 50% { opacity: 0; } }
+.act { margin-top: 6px; border: 1px solid var(--line); border-radius: 8px; padding: 6px 10px; font-size: 12.5px; }
+.act.pending { border-color: var(--yellow); }
+.act .h { display: flex; justify-content: space-between; gap: 8px; }
+.act .p { white-space: pre-wrap; color: var(--muted); }
+.act .btns { display: flex; gap: 6px; margin-top: 6px; }
+.act .btns button { padding: 3px 10px; font-size: 12.5px; }
+.st { font-size: 11px; color: var(--muted); white-space: nowrap; }
+.st.pending { color: var(--yellow); }
+.st.running { color: var(--accent); }
+.st.done { color: var(--green); }
+.st.error, .st.rejected { color: var(--red); }
+.link { color: var(--accent); cursor: pointer; }
+.ev { font-size: 12px; color: var(--muted); padding: 0 4px; }
+.ev.ok::before { content: '● '; color: var(--green); }
+.ev.bad::before { content: '● '; color: var(--red); }
+.ev.info::before { content: '● '; color: var(--muted); }
+.live { font-size: 12px; color: var(--muted); border-left: 2px solid var(--accent); padding: 2px 10px; }
+.live .bar-s { height: 3px; background: var(--line); border-radius: 2px; margin-top: 4px; overflow: hidden; }
+.live .bar-s div { height: 100%; background: var(--accent); width: 0; transition: width .2s; }
+.composer { padding: 10px 14px 10px; border-top: 1px solid var(--line); }
+.suggest { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
+.suggest:empty { display: none; }
+.suggest button { font-size: 12px; padding: 3px 10px; border-radius: 999px; color: var(--muted); }
+.prompt-box { background: var(--panel); border: 1.5px solid var(--line); border-radius: 20px; padding: 12px 14px 10px; display: flex; flex-direction: column; gap: 6px; transition: border-color .15s, box-shadow .15s; }
+.prompt-box:focus-within { border-color: var(--violet); box-shadow: 0 0 0 2px #a371f722; }
+.prompt-box textarea { background: transparent; border: 0; padding: 0 2px; outline: none; font-size: 14px; line-height: 1.45; min-height: 36px; max-height: 150px; overflow-y: auto; }
+.prompt-bar { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 2px; }
+.prompt-left, .prompt-right { display: flex; align-items: center; gap: 6px; min-width: 0; }
+.prompt-right { margin-left: auto; }
+.ghost-select { background: transparent; border: 1px solid transparent; border-radius: 8px; padding: 4px 8px; font-size: 12.5px; font-weight: 400; color: var(--text); cursor: pointer; display: inline-flex; align-items: center; gap: 5px; max-width: 240px; transition: background .12s; }
+.ghost-select:hover { background: #ffffff0d; border-color: transparent; }
+body.light .ghost-select:hover { background: #eaeef2; }
+.ghost-select .g-ico { display: inline-flex; align-items: center; color: var(--muted); flex: none; }
+.ghost-select .caret-svg { color: var(--muted); flex: none; margin-left: 1px; }
+.mode-picker, .model-picker { position: relative; display: inline-flex; min-width: 0; }
+.model-btn #chat-model-lbl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pop-menu { position: absolute; bottom: calc(100% + 8px); background: var(--panel); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45); z-index: 60; display: flex; flex-direction: column; overflow: hidden; }
+.pop-menu[hidden] { display: none; }
+body.light .pop-menu { box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16); }
+.mode-menu { left: 0; width: 245px; padding: 4px; }
+.model-menu { right: 0; width: 290px; }
+.model-search-wrap { display: flex; align-items: center; gap: 6px; padding: 7px 10px; border-bottom: 1px solid var(--line); font-size: 12px; }
+.model-search-wrap input { border: 0; background: transparent; padding: 2px 0; width: 100%; outline: none; font-size: 12.5px; color: var(--text); }
+.model-menu-list { max-height: 240px; overflow-y: auto; padding: 4px; scrollbar-width: thin; }
+.model-group-lbl { font-size: 11px; font-weight: 600; color: var(--muted); padding: 6px 8px 2px; text-transform: uppercase; letter-spacing: 0.3px; }
+.model-opt { width: 100%; border: 0; background: transparent; color: var(--text); text-align: left; padding: 6px 8px; border-radius: 6px; font-size: 12.5px; font-weight: 400; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.model-opt:hover:not(:disabled), .model-opt.active { background: #ffffff10; border-color: transparent; }
+body.light .model-opt:hover:not(:disabled), body.light .model-opt.active { background: #eaeef2; }
+.model-opt .m-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.model-opt .m-badge { font-size: 10.5px; color: var(--muted); border: 1px solid var(--line); border-radius: 4px; padding: 0 5px; flex: none; }
+.model-opt .m-check { color: var(--accent); font-weight: 700; flex: none; }
+.model-manage-btn { width: 100%; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--text); padding: 9px 12px; font-size: 12.5px; font-weight: 500; display: flex; align-items: center; gap: 8px; text-align: left; }
+.model-manage-btn:hover { background: #ffffff0c; color: var(--accent); border-color: var(--line); }
+body.light .model-manage-btn:hover { background: #f0f3f6; }
+.pbtn { width: 34px; height: 34px; border-radius: 999px; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; background: var(--bg); border: 1px solid var(--line); color: var(--text); transition: background .15s, border-color .15s, color .15s, transform .15s; flex: none; }
+.pbtn[hidden], .pbtn svg[hidden] { display: none; }
+.pbtn.action-btn { background: #ffffff0c; border-color: transparent; color: var(--text); }
+body.light .pbtn.action-btn { background: #eef1f5; color: #374151; }
+.pbtn.action-btn:hover:not(:disabled) { border-color: var(--violet); color: var(--violet); }
+.pbtn.action-btn.send-mode { background: var(--violet); border-color: var(--violet); color: #fff; }
+body.light .pbtn.action-btn.send-mode { background: #9333ea; border-color: #9333ea; color: #fff; }
+.pbtn.stop { border-color: var(--red); color: var(--red); }
+.pbtn.rec { background: var(--red) !important; border-color: var(--red) !important; color: #fff !important; animation: pulse 1.2s infinite; }
+@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
+.prompt-hint { padding: 5px 6px 0; font-size: 11.5px; opacity: 0.78; }
+#chat-status { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+/* ---------- правая часть ---------- */
+.right { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
+.tabs { display: flex; gap: 2px; padding: 0 12px; border-bottom: 1px solid var(--line); }
+.tabs button { border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: var(--muted); padding: 10px 12px; display: inline-flex; align-items: center; gap: 6px; }
+.tabs button.active { color: var(--text); border-bottom-color: var(--accent); }
+.tstat { display: inline-flex; align-items: center; gap: 4px; }
+.tstat:empty { display: none; }
+.tbadge { font-size: 11px; line-height: 1.3; padding: 1px 6px; border-radius: 999px; background: var(--panel); border: 1px solid var(--line); color: var(--muted); font-weight: 500; font-variant-numeric: tabular-nums; display: inline-flex; align-items: center; gap: 3px; }
+.tbadge.ok { border-color: #3fb95066; color: var(--green); background: #3fb95014; }
+.tbadge.run { border-color: #4f8cff88; color: var(--accent); background: #4f8cff18; }
+body.light .tbadge { background: #eef1f5; }
+body.light .tbadge.ok { background: #dcfce7; border-color: #86efac; }
+body.light .tbadge.run { background: #dbeafe; border-color: #93c5fd; }
+.tspin { width: 11px; height: 11px; border: 1.8px solid currentColor; border-right-color: transparent; border-radius: 50%; display: inline-block; animation: tspin .75s linear infinite; }
+@keyframes tspin { to { transform: rotate(360deg); } }
+.tab { flex: 1; overflow-y: auto; padding: 16px 20px 30px; min-height: 0; }
+.tab[hidden] { display: none; }
+.toolbar { display: flex; gap: 8px; align-items: center; }
+.toolbar select { flex: 1; min-width: 0; }
+.progress { position: relative; height: 22px; background: var(--panel); border-radius: 6px; overflow: hidden; margin-top: 10px; }
+.progress .bar { position: absolute; inset: 0 auto 0 0; width: 0; background: #24467f; transition: width .2s; }
+.progress span { position: relative; font-size: 12px; padding: 0 8px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
+.empty { margin-top: 30px; color: var(--muted); line-height: 1.7; max-width: 640px; }
+.empty b { color: var(--text); }
+.verdict { margin: 16px 0 12px; font-size: 15px; line-height: 1.5; }
+.kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
+.kpi { background: var(--bg); padding: 10px 14px; cursor: help; }
+.kpi .v { font-size: 22px; font-weight: 600; }
+.kpi .l { font-size: 12px; color: var(--muted); }
+.seg { display: inline-flex; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; margin: 14px 0 6px; }
+.seg button { border: 0; border-radius: 0; padding: 3px 10px; font-size: 12px; color: var(--muted); }
+.seg button.active { background: var(--panel); color: var(--text); }
+.chart { height: 260px; }
+.chart.small { height: 160px; }
+.legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--muted); margin-top: 4px; }
+.legend i { display: inline-block; width: 12px; height: 3px; vertical-align: middle; margin-right: 5px; }
+details#periods-box #pmode { margin-top: 0; }
+#periods table { table-layout: fixed; }
+#periods th, #periods td { padding: 4px 2px; text-align: center; font-size: 12px; }
+#periods td.num { text-align: center; }
+#periods th.y, #periods td.y { text-align: left; width: 74px; padding-left: 4px; color: var(--muted); }
+#periods td.cell { cursor: help; }
+#periods td.oos { border-bottom: 2px dotted var(--muted); }
+#periods td.tot { font-weight: 600; border-left: 1px solid var(--line); }
+#periods .note { margin: 8px 0 0; }
+details#more, details#trades-box, details#periods-box { margin-top: 18px; border-top: 1px solid var(--line); padding-top: 10px; }
+details > summary { cursor: pointer; color: var(--muted); }
+details[open] > summary { color: var(--text); margin-bottom: 8px; }
+.block { margin-bottom: 26px; }
+
+/* новости (только прогноз «сейчас» и живая проверка) */
+.news-item { padding: 3px 0; font-size: 13px; }
+.news-item a { color: var(--text); text-decoration: none; border-bottom: 1px dotted var(--line); }
+.news-item a:hover { color: var(--accent); }
+.bhead { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
+#map-slider { width: 260px; }
+#map-canvas { width: 100%; height: calc(100vh - 200px); min-height: 380px; display: block; cursor: pointer; }
+
+table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
+th, td { text-align: left; padding: 5px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
+th { color: var(--muted); font-weight: 500; }
+td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
+tr.best td { background: var(--best-bg); }
+.tag { font-size: 11px; padding: 0 6px; border-radius: 4px; border: 1px solid var(--line); color: var(--muted); }
+.tag.ok { border-color: var(--green); color: var(--green); }
+.tag.no { border-color: var(--red); color: var(--red); }
+.tag.mid { border-color: var(--yellow); color: var(--yellow); }
+.stab-box { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 10px 14px; margin: 8px 0 10px; font-size: 13px; }
+.stab-head { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
+.stab-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
+.stab-chip { background: var(--bg); border: 1px solid var(--line); border-radius: 6px; padding: 2px 8px; font-size: 12px; }
+.live-card { background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; margin-top: 10px; }
+.live-card.stopped { opacity: .75; }
+.live-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 10px; }
+.stab-box[hidden], .run-bar[hidden], .run-bar button[hidden] { display: none; }
+.run-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin: 8px 0 4px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
+.run-bar button { background: var(--panel); color: var(--text); border: 1px solid var(--line); padding: 5px 11px; font-size: 12.5px; font-weight: 500; }
+.run-bar button:hover { border-color: var(--accent); color: var(--accent); }
+.run-bar button:disabled { opacity: .85; color: var(--accent); border-color: var(--accent); }
+.run-bar-left { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
+.act-chips { display: flex; flex-wrap: wrap; gap: 5px; margin: 6px 0; }
+body.light .msg.user { background: #dbe8ff; color: #1f2328; }
+body.light details.think summary { color: var(--violet); }
+body.light .think-body { color: #4b5563; }
+body.light .scard { background: var(--panel); }
+body.light .snav button.active { background: #eaeef2; color: var(--text); }
+body.light .snav button:hover { background: #f0f3f6; }
+body.light .progress .bar { background: #b6d0ff; }
+body.light .feed-down, body.light #toast div { box-shadow: 0 6px 20px rgba(15, 23, 42, 0.14); }
+body.light ::-webkit-scrollbar-thumb { background: #c1c8d1; border-color: var(--bg); }
+body.light ::-webkit-scrollbar-thumb:hover { background: #9aa4b2; }
+body.light .feed, body.light .tab, body.light .think-body, body.light .modal .md { scrollbar-color: #c1c8d1 transparent; }
+body.light input[type=checkbox].switch { background: #d0d7de; border-color: #afb8c1; }
+body.light input[type=checkbox].switch::after { background: #fff; }
+body.light input[type=checkbox].switch:checked { background: #1a7f37; border-color: #1a7f37; }
+.headbar { display: grid; grid-template-columns: 1fr 140px 56px; gap: 8px; align-items: center; font-size: 12.5px; padding: 1px 0; }
+.headbar .b { height: 6px; background: var(--panel); border-radius: 3px; position: relative; }
+.headbar .b div { position: absolute; top: 0; bottom: 0; border-radius: 3px; }
+
+.settings-wrap { display: grid; grid-template-columns: 220px minmax(0, 740px); gap: 36px; align-items: start; }
+.snav { display: flex; flex-direction: column; gap: 3px; position: sticky; top: 0; }
+.snav #s-search { width: 100%; margin-bottom: 10px; background: transparent; border-color: var(--line); padding: 6px 10px; font-size: 13px; }
+.snav button { text-align: left; border: 0; padding: 7px 12px; border-radius: 6px; color: var(--muted); font-size: 13.5px; }
+.snav button:hover { background: #ffffff08; color: var(--text); }
+.snav button.active { background: #262b36; color: var(--text); font-weight: 500; }
+.snav .ssep { height: 1px; background: var(--line); margin: 8px 4px; }
+.snav .sreset { color: var(--muted); font-size: 12.5px; }
+.spane { min-width: 0; }
+.ssec { margin-bottom: 24px; }
+.stitle { font-size: 14px; font-weight: 600; margin: 2px 0 12px; color: var(--text); }
+.stitle.bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
+.scard { background: #141820; border: 1px solid var(--line); border-radius: 10px; padding: 0 20px; }
+.scard.spadded { padding: 16px 20px; }
+.srow { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--line); }
+.srow:last-child { border-bottom: 0; }
+.srow[hidden] { display: none; }
+.srow .slbl { font-weight: 600; font-size: 13.5px; color: var(--text); }
+.srow .hint { font-size: 12.5px; color: var(--muted); margin-top: 3px; line-height: 1.45; }
+.srow .mark { border: 0; padding: 0 0 0 8px; font-size: 11px; font-weight: 400; color: var(--yellow); text-decoration: underline dotted; }
+.srow select.sctrl { background: transparent; border: 1px solid transparent; padding: 5px 8px; font-weight: 500; text-align: right; cursor: pointer; }
+.srow select.sctrl:hover, .srow select.sctrl:focus { background: var(--bg); border-color: var(--line); }
+.srow input[type=number].sctrl { width: 110px; text-align: right; background: var(--bg); }
+input[type=checkbox].switch { appearance: none; width: 38px; height: 22px; background: #2b313d; border: 1px solid #3a4252; border-radius: 999px; position: relative; cursor: pointer; transition: background .15s, border-color .15s; flex: none; padding: 0; }
+input[type=checkbox].switch::after { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #d0d7de; top: 2px; left: 2px; transition: transform .15s, background .15s; }
+input[type=checkbox].switch:checked { background: #3fb9a0; border-color: #3fb9a0; }
+input[type=checkbox].switch:checked::after { transform: translateX(16px); background: #fff; }
+.chat-head #chat-model { max-width: 190px; min-width: 0; text-overflow: ellipsis; }
+#llm-box details { margin-top: 12px; }
+.llm-prov { border-bottom: 1px solid var(--line); padding: 8px 0; }
+.llm-prov .llm-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
+.llm-prov .llm-head button { padding: 2px 9px; font-size: 12px; }
+.llm-prov .llm-meta { font-size: 12px; color: var(--muted); word-break: break-all; }
+.llm-prov .llm-meta .nokey { color: var(--yellow); }
+.llm-models { margin-top: 4px; font-size: 12.5px; }
+.llm-models .m { display: flex; align-items: center; gap: 8px; padding: 1px 0; }
+.llm-models .m.on b { color: var(--accent); }
+.llm-models .m label { color: var(--muted); font-size: 12px; display: inline-flex; align-items: center; gap: 4px; }
+.llm-remote { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
+.llm-remote button { padding: 1px 8px; font-size: 12px; border-radius: 999px; color: var(--muted); }
+.llm-remote button:disabled { opacity: .5; }
+.row-gap { display: flex; gap: 8px; }
+form#llm-add, form#broker-form { display: grid; gap: 10px; }
+form#llm-add label, form#broker-form label { display: grid; grid-template-columns: 1fr 1.4fr; gap: 10px; align-items: center; }
+form#llm-add label[hidden], form#broker-form label[hidden] { display: none; }
+form#llm-add label.check, form#broker-form label.check { grid-template-columns: 1fr auto; }
+form#llm-add input[type=checkbox] { width: 18px; height: 18px; }
+.flash { animation: flash 2.5s ease-out; }
+@keyframes flash { 0% { background: var(--flash-bg); } 100% { background: transparent; } }
+
+#toast { position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 8px; z-index: 50; }
+#toast div { background: var(--panel); border: 1px solid var(--line); padding: 8px 12px; border-radius: 8px; max-width: 420px; font-size: 13px; box-shadow: 0 6px 20px #0008; }
+#toast div.error { border-color: var(--red); }
+.modal { position: fixed; inset: 0; background: #000a; z-index: 100; display: flex; justify-content: center; align-items: flex-start; padding: 30px 16px; }
+.modal[hidden] { display: none; }
+.modal-box { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; width: min(860px, 100%); max-height: calc(100vh - 60px); display: flex; flex-direction: column; }
+.modal-head { display: flex; justify-content: space-between; align-items: center; padding: 10px 18px; border-bottom: 1px solid var(--line); }
+.md { padding: 4px 26px 26px; overflow: auto; line-height: 1.6; }
+.md h1 { font-size: 21px; }
+.md h2 { font-size: 17px; margin-top: 24px; }
+.md h3 { font-size: 14.5px; }
+.md table { margin: 8px 0; }
+.md code { background: var(--bg); padding: 1px 5px; border-radius: 4px; }
+.md pre { overflow: auto; background: var(--bg); padding: 10px; border-radius: 6px; }
+.md blockquote { margin: 10px 0; padding: 4px 14px; border-left: 3px solid var(--accent); color: var(--muted); }
+.md hr { border: 0; border-top: 1px solid var(--line); margin: 20px 0; }
+
+/* Сравнение исследований */
+.cmp-b { margin-top: 10px; padding: 10px 14px; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; font-size: 13px; }
+.cmp-b b { color: var(--text); }
+.cmp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 8px; }
+table.cmp { font-size: 12.5px; }
+table.cmp th { padding: 4px 8px; font-size: 12px; }
+table.cmp td { padding: 3px 8px; }
+
+@media (max-width: 900px) {
+  body { overflow: auto; }
+  main { grid-template-columns: 1fr; height: auto; }
+  #splitter { display: none; }
+  .chat { height: 70vh; border-bottom: 1px solid var(--line); }
+  .kpis { grid-template-columns: repeat(2, 1fr); }
+  .cmp-grid { grid-template-columns: 1fr; }
+}