/* ═══════════════════════════════════════════════════════════ */
/* NEIRY METRICS — VISUALIZATION LIBRARY                   */
/* Диаграммы, метафоры, сравнения (SVG + анимации)          */
/* ═══════════════════════════════════════════════════════════ */
:root{
  --c-rhythms:#7C3AED; --c-peaks:#3B82F6; --c-alpha:#8B5CF6;
  --c-cognitive:#EC4899; --c-indices:#F59E0B; --c-ppg:#EF4444;
  --c-states:#10B981; --c-tech:#6B7280;
  --v-bg:#FFFFFF; --v-bg2:#F8F9FB; --v-bg3:#F1F3F7;
  --v-text:#1A1D26; --v-text2:#4B5563; --v-text3:#9CA3AF;
  --v-border:rgba(0,0,0,0.08); --v-border2:rgba(0,0,0,0.14);
}
/* ── ОБЩИЙ КОНТЕЙНЕР ДИАГРАММЫ ── */
.viz{background:var(--v-bg);border:1px solid var(--v-border);border-radius:16px;padding:24px 24px 18px;margin:26px 0;box-shadow:0 2px 12px rgba(0,0,0,0.04);position:relative;overflow:hidden}
.viz::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px;background:var(--accent)}
.viz.c-rhythms::before{background:var(--c-rhythms)}
.viz.c-peaks::before{background:var(--c-peaks)}
.viz.c-alpha::before{background:var(--c-alpha)}
.viz.c-cognitive::before{background:var(--c-cognitive)}
.viz.c-indices::before{background:var(--c-indices)}
.viz.c-ppg::before{background:var(--c-ppg)}
.viz.c-states::before{background:var(--c-states)}
.viz.c-tech::before{background:var(--c-tech)}
.viz-cap{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--v-text3);margin-bottom:14px;display:block}
.viz h4{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;margin:0 0 4px;color:var(--v-text)}
.viz p.viz-note{color:var(--v-text2);font-size:0.92rem;line-height:1.6;margin:12px 0 0}
.viz svg{display:block;width:100%;height:auto}
/* ── ЛЕГЕНДА ── */
.viz-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-family:'DM Mono',monospace;font-size:12px;color:var(--v-text2)}
.viz-legend span{display:inline-flex;align-items:center;gap:6px}
.viz-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
/* ── ИНТЕРАКТИВНЫЙ ТОГГЛ ── */
.viz-toggle{display:inline-flex;gap:8px;margin:6px 0 14px}
.viz-toggle button{font-family:'DM Mono',monospace;font-size:12px;padding:7px 14px;border-radius:8px;border:1px solid var(--v-border2);background:var(--v-bg2);color:var(--v-text2);cursor:pointer;transition:.15s}
.viz-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
/* ── ЖИВАЯ ВОЛНА (hero) ── */
.eeg-live{width:100%;height:100%;display:block}
.eeg-live .grid{stroke:rgba(0,0,0,0.05);stroke-width:1}
/* ── СТАТ-КАРТОЧКА ── */
.viz-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.viz-stat .num{font-family:'Syne',sans-serif;font-weight:800;line-height:1;color:var(--accent)}
.viz-stat .lab{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1px;color:var(--v-text3);margin-top:8px;text-transform:uppercase}
/* ── ГЕЙДЖ ── */
.viz-gauge .arc{fill:none;stroke-width:14;stroke-linecap:round}
.viz-gauge .track{fill:none;stroke:var(--v-bg3);stroke-width:14;stroke-linecap:round}
.viz-gauge .val{font-family:'Syne',sans-serif;font-weight:800;fill:var(--v-text)}
.viz-gauge .glab{font-family:'DM Mono',monospace;font-size:11px;fill:var(--v-text3);letter-spacing:1px}
/* ── ПИРАМИДА ДОВЕРИЯ ── */
.viz-pyr .lv{transition:.2s}
.viz-pyr .lv:hover{opacity:.85}
/* ── РАДАР ── */
.viz-radar .axis{stroke:var(--v-border2);stroke-width:1}
.viz-radar .ring{fill:none;stroke:var(--v-border);stroke-width:1}
.viz-radar .poly{fill-opacity:.12;stroke-width:2}
/* ── АДАПТИВ ── */
@media(max-width:640px){.viz{padding:18px 16px 14px}.viz-stat .num{font-size:34px!important}}