<!DOCTYPE html>

<head>

<title>Энергетический навигатор — Лилия Захарова</title>

<style>

:root{

--bg:#050b18;

--bg2:#07162d;

--ink:#f8f4e8;

--muted:#c8cfdd;

--soft:#96a1b8;

--gold:#f6d874;

--gold2:#c99634;

--gold3:#fff2ad;

--blue:#102b56;

--blue2:#183f78;

--card:rgba(7,17,37,.88);

--card2:rgba(255,255,255,.06);

--line:rgba(246,216,116,.28);

--line2:rgba(255,255,255,.10);

--shadow:0 28px 90px rgba(0,0,0,.48);

--radius:28px;

}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{

margin:0;

min-height:100vh;

font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;

color:var(--ink);

background:

radial-gradient(circle at 77% 7%, rgba(246,216,116,.18), transparent 27%),

radial-gradient(circle at 12% 10%, rgba(49,103,188,.26), transparent 31%),

radial-gradient(circle at 50% 95%, rgba(246,216,116,.08), transparent 30%),

linear-gradient(135deg,#020713 0%, var(--bg) 45%, var(--bg2) 100%);

overflow-x:hidden;

}

body:before{

content:"";

position:fixed;

inset:0;

pointer-events:none;

opacity:.36;

background-image:

radial-gradient(circle,rgba(255,255,255,.78) 0 1px,transparent 1.4px),

radial-gradient(circle,rgba(246,216,116,.74) 0 1px,transparent 1.5px);

background-size:74px 74px,124px 124px;

background-position:0 0,28px 36px;

mask-image:linear-gradient(to bottom,#000 0 72%,transparent 100%);

}

button,a{-webkit-tap-highlight-color:transparent}

button{font:inherit}

.page{

width:min(1120px,calc(100% - 32px));

margin:0 auto;

padding:calc(18px + env(safe-area-inset-top)) 0 44px;

}

.top{

display:flex;

justify-content:flex-start;

align-items:center;

padding:8px 0 24px;

}

.brand{

display:inline-flex;

align-items:center;

text-decoration:none;

min-width:0;

}

.brand-logo{

width:min(180px,39vw);

height:auto;

display:block;

filter:drop-shadow(0 0 22px rgba(246,216,116,.16));

}

.btn,.toplink{

min-height:52px;

border:0;

text-decoration:none;

border-radius:999px;

padding:15px 22px;

display:inline-flex;

align-items:center;

justify-content:center;

gap:9px;

font-weight:850;

letter-spacing:-.01em;

cursor:pointer;

transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;

}

.primary,.toplink{

color:#071125;

background:linear-gradient(135deg,var(--gold3),var(--gold) 48%,var(--gold2));

box-shadow:0 18px 44px rgba(246,216,116,.22);

}

.secondary{

color:var(--ink);

background:rgba(255,255,255,.055);

border:1px solid var(--line);

}

.ghost{

color:var(--muted);

background:rgba(255,255,255,.04);

border:1px solid rgba(255,255,255,.09);

}

.btn:hover,.toplink:hover{transform:translateY(-2px)}

.card{

position:relative;

border:1px solid var(--line);

background:linear-gradient(145deg,rgba(11,25,54,.93),rgba(5,13,29,.86));

border-radius:var(--radius);

box-shadow:var(--shadow);

overflow:hidden;

}

.card:before{

content:"";

position:absolute;

inset:0;

pointer-events:none;

background:

radial-gradient(circle at 12% 0%,rgba(246,216,116,.13),transparent 25%),

linear-gradient(110deg,rgba(255,255,255,.055),transparent 32%,rgba(246,216,116,.045));

}

.hero{

display:grid;

grid-template-columns:1.05fr .95fr;

gap:28px;

align-items:stretch;

}

.copy{

position:relative;

z-index:1;

padding:clamp(27px,5vw,56px);

}

.kicker{

display:inline-flex;

align-items:center;

gap:9px;

margin-bottom:24px;

border:1px solid var(--line);

background:rgba(255,255,255,.055);

border-radius:999px;

padding:10px 14px;

font-weight:850;

color:var(--muted);

}

.kicker span,.gold{color:var(--gold)}

.title-word{display:block}

h1{

margin:0;

font-size:clamp(38px,4.65vw,64px);

line-height:.98;

letter-spacing:-.045em;

max-width:100%;

}

.lead{

margin:24px 0 0;

color:var(--muted);

font-size:clamp(17px,2vw,22px);

line-height:1.55;

}

.micro{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:11px;

margin-top:26px;

}

.micro div{

border:1px solid rgba(246,216,116,.18);

background:rgba(255,255,255,.045);

border-radius:18px;

padding:13px;

color:var(--muted);

line-height:1.35;

font-size:14px;

}

.micro b{display:block;color:var(--gold);margin-bottom:4px}

.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}

.visual{

min-height:510px;

isolation:isolate;

display:flex;

align-items:center;

justify-content:center;

padding:22px;

}

.energy-wrap{

position:relative;

z-index:1;

width:min(430px,92%);

aspect-ratio:1;

border-radius:34px;

overflow:hidden;

border:1px solid rgba(246,216,116,.28);

box-shadow:0 28px 90px rgba(0,0,0,.42), 0 0 80px rgba(246,216,116,.14);

background:rgba(3,9,22,.62);

}

.energy-wrap:before{

content:"";

position:absolute;

inset:0;

z-index:2;

background:

radial-gradient(circle at 52% 34%,rgba(255,238,151,.28),transparent 24%),

linear-gradient(180deg,transparent 56%,rgba(2,7,18,.34));

pointer-events:none;

}

.energy-img{

width:100%;

height:100%;

object-fit:cover;

display:block;

transform:scale(1.01);

}

.note{

position:absolute;

z-index:3;

width:min(238px,48%);

padding:15px;

border:1px solid rgba(246,216,116,.23);

border-radius:20px;

background:rgba(5,12,26,.76);

color:var(--muted);

line-height:1.36;

font-size:14px;

backdrop-filter:blur(10px);

}

.note b{display:block;color:var(--gold);margin-bottom:5px}

.n1{top:12%;left:7%;animation:float 5.7s ease-in-out infinite}

.n2{right:7%;bottom:12%;animation:float 6.2s ease-in-out infinite reverse}

.strip{

display:grid;

grid-template-columns:1fr 1fr 1fr;

gap:14px;

margin-top:28px;

}

.strip .item{

padding:20px;

border-radius:24px;

border:1px solid rgba(246,216,116,.18);

background:rgba(255,255,255,.045);

position:relative;

z-index:1;

}

.item .num{

color:#071125;

background:linear-gradient(135deg,var(--gold3),var(--gold));

width:34px;height:34px;

border-radius:13px;

display:grid;

place-items:center;

font-weight:950;

margin-bottom:12px;

}

.item h3{margin:0 0 8px;font-size:18px;color:var(--gold)}

.item p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}

.tool{margin-top:28px;padding:clamp(20px,4vw,34px)}

.head{

position:relative;

z-index:1;

display:grid;

grid-template-columns:1fr auto;

gap:15px;

align-items:start;

margin-bottom:20px;

}

.eyebrow{

color:var(--gold);

font-size:12px;

text-transform:uppercase;

letter-spacing:.09em;

font-weight:900;

margin-bottom:8px;

}

h2{margin:0;font-size:clamp(25px,4vw,42px);line-height:1.1;letter-spacing:-.036em}

.sub{margin:10px 0 0;color:var(--muted);line-height:1.58}

.counter{

border:1px solid var(--line);

background:rgba(255,255,255,.055);

padding:12px 15px;

border-radius:999px;

color:var(--gold);

font-weight:900;

white-space:nowrap;

}

.progress-wrap{

position:relative;

z-index:1;

height:10px;

background:rgba(255,255,255,.08);

border-radius:999px;

overflow:hidden;

margin:20px 0 25px;

}

.progress{

height:100%;

width:0;

border-radius:inherit;

background:linear-gradient(90deg,var(--gold2),var(--gold),var(--gold3));

transition:.28s ease;

}

.question{

position:relative;

z-index:1;

font-size:clamp(22px,3.3vw,34px);

line-height:1.18;

margin:0 0 12px;

}

.hint{

position:relative;

z-index:1;

color:var(--soft);

line-height:1.5;

margin:0 0 18px;

}

.answers{

position:relative;

z-index:1;

display:grid;

gap:12px;

}

.answer{

width:100%;

text-align:left;

border:1px solid rgba(246,216,116,.18);

background:rgba(255,255,255,.055);

color:var(--ink);

border-radius:19px;

padding:17px 18px;

line-height:1.45;

cursor:pointer;

display:flex;

gap:12px;

align-items:flex-start;

transition:transform .18s ease, background .18s ease, border-color .18s ease;

}

.answer:hover,.answer.selected{

background:rgba(246,216,116,.10);

border-color:rgba(246,216,116,.58);

transform:translateY(-2px);

}

.answer:focus-visible,.btn:focus-visible,.toplink:focus-visible,.small:focus-visible{

outline:3px solid rgba(246,216,116,.58);

outline-offset:3px;

}

.letter{

width:30px;height:30px;

border-radius:11px;

display:grid;

place-items:center;

flex:0 0 auto;

color:#071125;

background:linear-gradient(135deg,var(--gold3),var(--gold));

font-weight:950;

font-size:13px;

}

.nav{

position:relative;

z-index:1;

display:flex;

justify-content:space-between;

gap:12px;

margin-top:22px;

}

.small{

border:1px solid rgba(246,216,116,.22);

background:rgba(255,255,255,.045);

color:var(--muted);

border-radius:999px;

padding:12px 16px;

font-weight:850;

cursor:pointer;

}

.small:disabled{opacity:.42;cursor:not-allowed}

.result{display:none;position:relative;z-index:1}

.result.show{display:block;animation:up .35s ease both}

.resultgrid{

display:grid;

grid-template-columns:.96fr 1.04fr;

gap:24px;

align-items:stretch;

}

.result-main,.result-side{

min-width:0;

}

.result-main{

display:flex;

flex-direction:column;

}

.result-side{

display:flex;

flex-direction:column;

gap:16px;

}

.result-side .mini-grid{

margin-top:0;

grid-template-columns:1fr;

gap:12px;

}

.result-side .mini{

padding:16px;

border-radius:18px;

}

.result-side .path{

margin-top:0;

}

.result-side .bars{

flex:0 0 auto;

}

.badge{

display:inline-flex;

border:1px solid var(--line);

background:rgba(246,216,116,.07);

color:var(--gold);

border-radius:999px;

padding:10px 13px;

font-weight:900;

margin-bottom:18px;

}

.rtitle{

font-size:clamp(31px,5vw,56px);

line-height:1.02;

letter-spacing:-.056em;

margin:0 0 18px;

}

.rtext{

color:var(--muted);

font-size:17px;

line-height:1.62;

margin:0;

}

.warning{

margin-top:14px;

color:var(--soft);

font-size:13px;

line-height:1.5;

}

.rnote{

margin-top:18px;

padding:18px;

border:1px solid rgba(246,216,116,.22);

border-radius:18px;

background:rgba(246,216,116,.07);

line-height:1.53;

}

.rnote b{color:var(--gold)}

.bars{display:grid;gap:12px}

.bar{

padding:14px;

border-radius:18px;

background:rgba(255,255,255,.045);

border:1px solid rgba(255,255,255,.075);

}

.barhead{

display:flex;

justify-content:space-between;

gap:12px;

color:var(--muted);

font-size:14px;

margin-bottom:9px;

}

.barhead strong{color:var(--ink)}

.track{height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}

.fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:.7s ease}

.mini-grid{

margin-top:24px;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:14px;

}

.mini{

padding:18px;

border:1px solid rgba(246,216,116,.18);

border-radius:22px;

background:rgba(255,255,255,.045);

}

.mini h3{margin:0 0 9px;color:var(--gold);font-size:17px}

.mini p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}

.path{

margin-top:16px;

border-radius:24px;

padding:20px;

border:1px solid rgba(246,216,116,.20);

background:rgba(3,9,22,.38);

}

.path h3{margin:0 0 12px;font-size:20px;color:var(--gold)}

.path ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.65}

.cta{

margin-top:24px;

padding:clamp(20px,4vw,30px);

border:1px solid rgba(246,216,116,.30);

border-radius:26px;

background:linear-gradient(135deg,rgba(246,216,116,.11),rgba(255,255,255,.045));

display:grid;

grid-template-columns:1fr auto;

gap:22px;

align-items:center;

}

.cta h3{margin:0;font-size:clamp(22px,3vw,32px);letter-spacing:-.036em}

.cta p{margin:10px 0 0;color:var(--muted);line-height:1.55}

.rtools{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

.footer{

text-align:center;

color:var(--soft);

font-size:13px;

line-height:1.55;

margin-top:24px;

}

.hidden{display:none!important}

@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

@keyframes float{50%{transform:translateY(-12px)}}

@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media(max-width:1060px){

.hero,.resultgrid,.cta,.strip{grid-template-columns:1fr}

.visual{min-height:390px;order:0}

.head{grid-template-columns:1fr}

.counter{justify-self:start}

.mini-grid,.micro{grid-template-columns:1fr}

}

@media(max-width:640px){

.page{width:calc(100% - 22px);padding-top:12px}

.top{align-items:flex-start;padding-bottom:18px}

.brand-logo{width:min(150px,70vw)}

.toplink{display:none}

.card{border-radius:24px}

.copy{padding:24px 18px 28px}

.lead{font-size:16px}

.actions,.nav,.rtools{flex-direction:column}

.btn,.small{width:100%}

.visual{min-height:330px}

.note{font-size:12px;padding:12px}

.tool{padding:20px 14px}

.answer{padding:15px 13px;border-radius:17px}

.cta{padding:20px 14px}

}

@media(prefers-reduced-motion:reduce){

*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

}

</style>

</head>

<body>

</a>

</header>

<div class="kicker"><span>✦</span> бесплатная самопроверка за 3 минуты</div>

<h1><span class="title-word">Энергетический</span><span class="gold title-word">навигатор</span></h1>

<p class="lead">Узнайте, что вам сейчас нужнее: очищение от чужого фона, восстановление ресурса, снятие эмоциональной тяжести, ментальная разгрузка или мягкая защита.</p>

<div><b>1. Направление</b>Поймёте, с чем лучше работать в первую очередь.</div>

<div><b>2. Первый шаг</b>Получите бережную подсказку на сегодня.</div>

<div><b>3. Практики</b>Увидите, какие практики из полного формата вам подойдут.</div>

</div>

<button class="btn primary" type="button" data-scroll="#tool">Начать диагностику</button>

<a class="btn secondary" href="https://t.me/tribute/app?startapp=sUs2" target="_blank" rel="noopener">Открыть мастер-класс</a>

</div>

</div>

<div class="note n1"><b>Не делайте всё подряд</b>Сначала определите, какое состояние сейчас главное.</div>

<div class="note n2"><b>Маршрут вместо хаоса</b>В конце будет понятный следующий шаг.</div>

</div>

</section>

<div class="item"><div class="num">1</div><h3>Отвечаете честно</h3><p>15 коротких вопросов про усталость, тревогу, общение, личную энергетику, деньги и ощущение чужого фона.</p></div>

<div class="item"><div class="num">2</div><h3>Получаете результат</h3><p>Навигатор покажет главное направление: очищение, восстановление, тяжесть, шум мыслей или границы.</p></div>

<div class="item"><div class="num">3</div><h3>Переходите к практике</h3><p>В конце будет рекомендация, какие блоки полного мастер-класса открыть в первую очередь.</p></div>

</section>

<div>

<div class="eyebrow">Навигатор состояния</div>

<h2>Ответьте без попытки “быть в порядке”</h2>

<p class="sub">Это не диагноз, не медицинская и не психологическая консультация. Инструмент помогает бережно сориентироваться в состоянии и выбрать подходящее направление энергетической практики.</p>

</div>

</div>

</div>

<button class="small" type="button" id="prevBtn">← Назад</button>

<button class="small" type="button" id="resetBtn">Начать заново</button>

</div>

<div class="badge">✦ Ваш результат</div>

<p class="warning">Если тревога, бессонница или упадок сил держатся долго и мешают обычной жизни, важно не оставаться с этим в одиночку и обращаться за подходящей помощью.</p>

<button class="btn secondary" type="button" id="copyBtn">Скопировать результат</button>

<button class="btn ghost" type="button" id="shareBtn">Поделиться</button>

<button class="btn ghost" type="button" id="restartBtn">Пройти заново</button>

</div>

<h3>Ваш маршрут в полном формате</h3>

</div>

<div>

<h3>Хотите не просто понять состояние, а знать, что именно делать?</h3>

<p>В мастер-классе «Очищение и восстановление энергетики» — 14 простых практик для очищения, восстановления, снятия тяжёлых состояний и базовой защиты. Без сложных ритуалов и специальных способностей.</p>

</div>

<a class="btn primary" href="https://t.me/tribute/app?startapp=sUs2" target="_blank" rel="noopener">Получить доступ</a>

</div>

</section>

<footer class="footer">Навигатор создан для самопроверки и бережного выбора практики. Он не собирает и не передаёт ваши ответы: всё работает прямо на этой странице.</footer>

</main>

(function(){

"use strict";

var fullLink = "https://t.me/tribute/app?startapp=sUs2";

var cats = {

purify:{

label:"Очищение от чужого фона",

short:"Чужой фон",

title:"Вам сейчас важнее очищение от чужого фона",

text:"По ответам видно: состояние сильнее всего проседает после общения, давления, конфликтов, дороги, людных мест или эмоционально тяжёлых контактов. Может быть ощущение, что внутри стало тесно, тяжело, раздражительно или будто вы несёте на себе не только своё.",

route:"<b>Мягкий шаг на сегодня:</b> не начинайте с глубоких действий. Сначала снимите поверхностный слой: вода, руки, лицо, спокойный выдох и возвращение внимания к себе.",

actions:[

["Что не делать","Не разбирать чужие проблемы ночью и не прокручивать тяжёлые разговоры снова и снова."],

["С чего начать","Умыться, подержать руки под водой, спокойно выдохнуть и мысленно вернуть себе своё состояние."],

["Главный фокус","Снять налипший фон после людей, а не пытаться решить всю жизнь за один вечер."]

practices:[

"Быстрое умывание от чужого негатива",

"Очищение рук от чужой тяжести",

"Восковое очищение рук после людей и контактов",

"Снятие дорожной тяжести и негатива с ног",

"Огненное очищение от чужого фона и тяжести"

]

restore:{

label:"Восстановление ресурса",

short:"Ресурс",

title:"Сначала восстановление, потом очищение",

text:"Ваши ответы похожи на состояние, когда сил стало слишком мало. В такой точке даже полезная практика может ощущаться как ещё одна задача. Главный фокус сейчас — не требовать от себя рывка, а мягко вернуть опору, тепло и ресурс.",

route:"<b>Мягкий шаг на сегодня:</b> выберите самый простой способ поддержки, который не требует много сил. Не доказывайте себе, что вы должны справиться любой ценой.",

actions:[

["Что не делать","Не заставлять себя “собраться” через давление, вину и внутреннюю критику."],

["С чего начать","Снизить нагрузку хотя бы на один маленький пункт и дать телу знак безопасности."],

["Главный фокус","Сначала наполниться, а уже потом чистить, разбирать и менять."]

practices:[

"Глубокое очищение и восстановление ресурса",

"Вода на силу, восстановление и поддержку",

"Соль для снятия накопленного негатива",

"Мягкое восстановление после перегруза и истощения"

]

emotional:{

label:"Снятие эмоциональной тяжести",

short:"Тяжесть",

title:"Вам нужно закрыть тяжёлое состояние",

text:"Похоже, внутри накопилось много переживаний, раздражения, обиды, тревожного ожидания или ощущения, что одна ситуация никак не отпускает. Это не обязательно “чужое” — иногда своё состояние тоже важно правильно завершить.",

route:"<b>Мягкий шаг на сегодня:</b> не спорьте с эмоцией и не пытайтесь мгновенно стать спокойной. Сначала назовите состояние и отделите его от себя: “это тяжесть, но это не вся я”.",

actions:[

["Что не делать","Не убеждать себя, что “ничего страшного”, если внутри явно тяжело."],

["С чего начать","Записать одну фразу: что именно я сейчас хочу отпустить или закрыть?"],

["Главный фокус","Не тащить состояние дальше, а мягко завершить его и вернуть себе опору."]

practices:[

"Сжечь узел проблемы",

"Вывести проблему из своего поля",

"Отпустить тяжесть и закрыть состояние",

"Сжечь тяжёлое состояние через огонь"

]

mental:{

label:"Ментальная разгрузка",

short:"Шум мыслей",

title:"Вам важнее убрать внутренний шум и спутанность",

text:"Результат показывает перегруз мыслей: сложно остановить внутренний диалог, принять решение, уснуть спокойно или почувствовать ясность. Здесь важно не добавлять десять новых действий, а сначала вернуть структуру и тишину.",

route:"<b>Мягкий шаг на сегодня:</b> выберите один вопрос, который правда требует решения, а всё остальное отложите. Не ищите новые объяснения бесконечно — это может усиливать шум.",

actions:[

["Что не делать","Не читать подряд десятки трактовок и не искать новый ответ каждые пять минут."],

["С чего начать","Выписать тревожные мысли списком и выбрать только одну, с которой работаете сегодня."],

["Главный фокус","Сначала ясность и порядок, потом практика. Так вы не будете делать всё наугад."]

practices:[

"Чек-листы самопроверки состояния",

"Понимание эфирного, астрального и ментального уровня",

"Как определить, где ментальная перегрузка, а где эмоциональная тяжесть",

"Рекомендации, какие практики выбирать в конкретный момент"

]

protect:{

label:"Базовая защита и границы",

short:"Границы",

title:"Вам нужна мягкая защита и укрепление границ",

text:"Похоже, вы легко включаетесь в чужие эмоции, берёте на себя лишнее или долго отходите после контактов. Здесь важна не жёсткая оборона от мира, а спокойное возвращение своих границ: где моё, а где уже не моё.",

route:"<b>Мягкий шаг на сегодня:</b> после общения делайте паузу перед тем, как снова включаться в дела. Спросите себя: “что из этого действительно моё?”",

actions:[

["Что не делать","Не быть доступной для всех в ущерб себе, даже если вы чуткий и понимающий человек."],

["С чего начать","После тяжёлого контакта сделать короткую паузу и вернуть внимание в своё тело и пространство."],

["Главный фокус","Не отгораживаться от жизни, а перестать автоматически нести чужое."]

practices:[

"Личная защита от чужого негатива",

"Соль для защиты дома и рабочего места",

"Очищение рук после людей и контактов",

"Как не носить на себе то, что к вам не относится"

]

}

};

var questions = [

["Что чаще всего происходит с вами после общения с некоторыми людьми?","Выберите вариант, который повторяется чаще всего, даже если не каждый день.",[

["Становится тяжело, будто на меня что-то навалилось",{purify:3,protect:1}],

["Полностью выжата, хочется лечь и ни с кем не говорить",{restore:3,protect:1}],

["Долго прокручиваю разговор и эмоционально не отпускает",{emotional:3,mental:1}],

["Сложно понять, что я вообще чувствую",{mental:3,restore:1}]

]],

["Как вы обычно просыпаетесь в последнее время?","Здесь важна не одна ночь, а общий фон последних дней.",[

["Разбитой, будто сон не восстановил",{restore:3}],

["С тревожным фоном или внутренним напряжением",{emotional:2,mental:2}],

["С ощущением тяжести в теле или в голове",{purify:2,restore:1}],

["По-разному, но быстро включаюсь в дела",{protect:1,mental:1}]

]],

["Когда проблемы идут одна за другой, какая мысль появляется первой?","Выберите самую узнаваемую формулировку.",[

["Будто на мне что-то чужое или тяжёлое",{purify:3}],

["Я уже всё перепробовала и устала",{restore:3}],

["Я сама что-то сделала не так",{emotional:2,mental:1}],

["Мне нужно поставить границы и не тащить всё на себе",{protect:3}]

]],

["Что происходит с тревожным фоном?","Если состояние сильное и мешает обычной жизни, важно не оставаться с этим в одиночку.",[

["Он есть почти постоянно, без понятной причины",{mental:2,emotional:2}],

["Усиливается после людей, новостей или конфликтов",{purify:2,protect:2}],

["Появляется, когда я совсем без сил",{restore:3}],

["Больше похож на ожидание неприятностей",{emotional:2,purify:1}]

]],

["Как вы восстанавливаетесь после отдыха?","Отдых — это сон, выходной, тишина, время без дел.",[

["Почти не восстанавливаюсь",{restore:3}],

["Становится легче ненадолго, потом снова тяжело",{purify:2,emotional:1}],

["Отдыхать сложно: мысли не выключаются",{mental:3}],

["Восстанавливаюсь, если никто меня не трогает",{protect:3}]

]],

["Что чаще всего происходит внутри после конфликта или давления?","Можно выбрать не самый красивый, а самый честный вариант.",[

["Хочется срочно смыть с себя это ощущение",{purify:3}],

["Нет сил даже на простые дела",{restore:3}],

["Ком в груди, обида, раздражение или слёзы",{emotional:3}],

["В голове шум, спорю с человеком мысленно",{mental:3}]

]],

["Какая фраза сейчас ближе всего?","Это помогает определить не симптом, а главный запрос.",[

["На мне слишком много чужого",{purify:3,protect:1}],

["Я себя не узнаю, раньше сил было больше",{restore:3}],

["Мне нужно отпустить тяжёлое состояние",{emotional:3}],

["Мне нужно вернуть ясность и почву под ногами",{mental:2,protect:1}]

]],

["Когда вы помогаете другим, что происходит с вашим ресурсом?","Особенно если вы чуткая, внимательная и к вам часто идут за поддержкой.",[

["Я как будто забираю их тяжесть на себя",{purify:2,protect:2}],

["После этого пустота, даже если я хотела помочь",{restore:2,protect:2}],

["Потом переживаю за них и не могу отключиться",{emotional:2,mental:1}],

["Мне трудно сказать “нет”",{protect:3}]

]],

["Как ощущается ваша личная энергетика в течение дня?","Выберите вариант, который больше похож на ваш внутренний фон.",[

["После контактов будто становится тяжелее внутри и вокруг меня",{purify:2,protect:1}],

["Даже простые бытовые дела забирают последние силы",{restore:3}],

["Внутри нет ощущения опоры, всё равно тревожно",{emotional:1,mental:2}],

["Хочется поставить мягкую защиту и не пропускать чужой фон",{protect:3}]

]],

["Что происходит с деньгами и делами?","Выберите то, что эмоционально точнее всего описывает состояние.",[

["Деньги уходят быстрее, чем приходят, будто поток сбит",{purify:1,emotional:1,mental:1}],

["Нет сил и энергии что-либо делать",{restore:3}],

["Из-за переживаний я откладываю важное",{emotional:2,mental:1}],

["Меня слишком много отвлекают чужие просьбы",{protect:3}]

]],

["Как вы реагируете на практики и ритуалы?","Это помогает не предложить слишком тяжёлый маршрут.",[

["Помогает, но ненадолго — будто снова налипает",{purify:2,protect:1}],

["Иногда даже на практику нет сил",{restore:3}],

["Мне важно понимать, что именно и зачем делать",{mental:3}],

["Мне нужен простой способ закрыть состояние",{emotional:3}]

]],

["Где чаще всего чувствуется напряжение?","Не медицинская оценка — только субъективное ощущение.",[

["Руки, плечи, лицо — хочется смыть или стряхнуть",{purify:3}],

["Всё тело тяжёлое, сил мало",{restore:3}],

["Грудь, горло, солнечное сплетение — эмоции держат",{emotional:3}],

["Голова, виски, поток мыслей",{mental:3}]

]],

["Что вам сложнее всего сделать прямо сейчас?","Ответ часто показывает, где главный энергетический сбой.",[

["Перестать чувствовать чужой фон",{purify:3}],

["Встать и начать делать обычные дела",{restore:3}],

["Отпустить ситуацию и не возвращаться к ней",{emotional:3}],

["Собраться с мыслями и принять решение",{mental:3}]

]],

["После каких событий вам особенно нужна помощь?","Вспомните последние похожие ситуации.",[

["После тяжёлого общения, дороги, людных мест",{purify:3}],

["После долгой нагрузки, когда всё было на мне",{restore:3}],

["После ссоры, обиды, неприятного разговора",{emotional:3}],

["После хаоса, неопределённости, информационного шума",{mental:3}]

]],

["Какой результат вы хотите почувствовать первым?","Выберите не “правильно”, а то, чего сейчас больше всего хочется.",[

["Стало легче, будто с меня сняли лишнее",{purify:3}],

["Появились силы и желание жить",{restore:3}],

["Я отпустила тяжесть и закрыла это состояние",{emotional:3}],

["Я снова понимаю себя и чувствую опору",{mental:2,protect:1}]

]]

];

var state = {

index:0,

answers:[],

scores:{purify:0,restore:0,emotional:0,mental:0,protect:0},

last:null

};

var el = {

quiz:document.getElementById("quizBlock"),

result:document.getElementById("resultBlock"),

counter:document.getElementById("counter"),

progress:document.getElementById("progress"),

question:document.getElementById("questionText"),

hint:document.getElementById("questionHint"),

answers:document.getElementById("answers"),

prev:document.getElementById("prevBtn"),

reset:document.getElementById("resetBtn"),

restart:document.getElementById("restartBtn"),

copy:document.getElementById("copyBtn"),

share:document.getElementById("shareBtn"),

resultTitle:document.getElementById("resultTitle"),

resultText:document.getElementById("resultText"),

resultRoute:document.getElementById("resultRoute"),

bars:document.getElementById("bars"),

actionGrid:document.getElementById("actionGrid"),

practiceList:document.getElementById("practiceList")

};

function recalc(){

state.scores = {purify:0,restore:0,emotional:0,mental:0,protect:0};

state.answers.forEach(function(answerIndex, questionIndex){

if(answerIndex === undefined || answerIndex === null){return;}

var scoring = questions[questionIndex][2][answerIndex][1];

Object.keys(scoring).forEach(function(key){

state.scores[key] += scoring[key];

});

}

function render(){

var q = questions[state.index];

el.question.textContent = q[0];

el.hint.textContent = q[1];

el.counter.textContent = (state.index + 1) + " / " + questions.length;

el.progress.style.width = Math.round((state.index / questions.length) * 100) + "%";

el.prev.disabled = state.index === 0;

el.answers.innerHTML = "";

q[2].forEach(function(option, optionIndex){

var button = document.createElement("button");

button.type = "button";

button.className = "answer" + (state.answers[state.index] === optionIndex ? " selected" : "");

button.setAttribute("aria-label", option[0]);

button.innerHTML = '<span class="letter">' + String.fromCharCode(65 + optionIndex) + '</span><span>' + option[0] + '</span>';

button.addEventListener("click", function(){ choose(optionIndex); });

el.answers.appendChild(button);

});

}

function choose(optionIndex){

state.answers[state.index] = optionIndex;

recalc();

Array.prototype.forEach.call(el.answers.children, function(button, i){

button.classList.toggle("selected", i === optionIndex);

});

setTimeout(function(){

if(state.index < questions.length - 1){

state.index += 1;

render();

scrollToTool();

} else {

showResult();

}

}, 160);

}

function resultKey(){

recalc();

var entries = Object.keys(state.scores).map(function(key){ return [key, state.scores[key]]; });

entries.sort(function(a,b){ return b[1] - a[1]; });

var top = entries[0][0];

if(top === "mental" && state.scores.protect >= state.scores.mental - 2 && state.scores.protect > 4){return "protect";}

if(top === "purify" && state.scores.protect >= state.scores.purify - 1 && state.scores.protect > 5){return "protect";}

if(state.scores.restore >= state.scores[top] - 1 && top !== "restore" && state.scores.restore >= 9){return "restore";}

return top;

}

function showResult(){

el.progress.style.width = "100%";

var key = resultKey();

var c = cats[key];

state.last = key;

el.quiz.classList.add("hidden");

el.result.classList.add("show");

el.resultTitle.textContent = c.title;

el.resultText.textContent = c.text;

el.resultRoute.innerHTML = c.route;

renderBars();

renderActions(c);

renderPractices(c);

scrollToTool();

}

function renderBars(){

var max = Math.max.apply(null, Object.keys(state.scores).map(function(key){return state.scores[key];}));

el.bars.innerHTML = "";

Object.keys(cats).sort(function(a,b){return state.scores[b] - state.scores[a];}).forEach(function(key){

var percent = max ? Math.max(8, Math.round((state.scores[key] / max) * 100)) : 0;

var item = document.createElement("div");

item.className = "bar";

item.innerHTML =

'<div class="barhead"><strong>' + cats[key].label + '</strong><span>' + state.scores[key] + ' балл.</span></div>' +

'<div class="track"><div class="fill" style="width:' + percent + '%"></div></div>';

el.bars.appendChild(item);

});

}

function renderActions(c){

el.actionGrid.innerHTML = "";

c.actions.forEach(function(action){

var item = document.createElement("div");

item.className = "mini";

item.innerHTML = "<h3>" + action[0] + "</h3><p>" + action[1] + "</p>";

el.actionGrid.appendChild(item);

});

}

function renderPractices(c){

el.practiceList.innerHTML = "";

c.practices.forEach(function(practice){

var li = document.createElement("li");

li.textContent = practice;

el.practiceList.appendChild(li);

});

}

function startOver(){

state = {

index:0,

answers:[],

scores:{purify:0,restore:0,emotional:0,mental:0,protect:0},

last:null

};

el.result.classList.remove("show");

el.quiz.classList.remove("hidden");

render();

scrollToTool();

}

function resultTextForCopy(){

var key = state.last || resultKey();

var c = cats[key];

return "Мой результат в «Энергетическом навигаторе»: " + c.title + ".\n\n" +

c.text + "\n\n" +

"Полный мастер-класс Лилии Захаровой: " + fullLink;

}

function copyResult(){

var text = resultTextForCopy();

copyText(text, function(){

setButtonText(el.copy, "Результат скопирован", "Скопировать результат");

}, function(){

setButtonText(el.copy, "Не удалось скопировать", "Скопировать результат");

});

}

function shareResult(){

var key = state.last || resultKey();

var title = "Энергетический навигатор";

var text = "Мой результат: " + cats[key].title + ".";

if(navigator.share){

navigator.share({title:title, text:text, url:fullLink}).catch(function(){});

} else {

copyText(resultTextForCopy(), function(){

setButtonText(el.share, "Ссылка скопирована", "Поделиться");

}, function(){

setButtonText(el.share, "Не удалось скопировать", "Поделиться");

});

}

function copyText(text, onSuccess, onError){

if(navigator.clipboard && navigator.clipboard.writeText){

navigator.clipboard.writeText(text).then(onSuccess).catch(function(){ fallbackCopy(text,onSuccess,onError); });

} else {

fallbackCopy(text,onSuccess,onError);

}

function fallbackCopy(text,onSuccess,onError){

var t = document.createElement("textarea");

t.value = text;

t.setAttribute("readonly","");

t.style.position = "fixed";

t.style.left = "-9999px";

t.style.top = "0";

document.body.appendChild(t);

t.select();

try{

document.execCommand("copy");

onSuccess();

}catch(e){

if(onError){onError();}

}

document.body.removeChild(t);

}

function setButtonText(button, temporary, original){

button.textContent = temporary;

setTimeout(function(){ button.textContent = original; }, 1800);

}

function scrollToTool(){

document.getElementById("tool").scrollIntoView({behavior:"smooth",block:"start"});

}

document.querySelectorAll("[data-scroll]").forEach(function(node){

node.addEventListener("click", function(){

var target = document.querySelector(node.getAttribute("data-scroll"));

if(target){ target.scrollIntoView({behavior:"smooth",block:"start"}); }

});

el.prev.addEventListener("click", function(){

if(state.index > 0){

state.index -= 1;

render();

}

});

el.reset.addEventListener("click", startOver);

el.restart.addEventListener("click", startOver);

el.copy.addEventListener("click", copyResult);

el.share.addEventListener("click", shareResult);

render();

})();

</script>

</body>

</html>