\u0422\u0435\u0441\u0442: \u0411\u0430\u043b\u0430\u043d\u0441 \u0436\u0456\u043d\u043e\u0447\u043e\u0457 \u0442\u0430 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457<\/title>\n <style>\n :root{--bg:#fff9f5;--card:#ffffff;--accent:#c76b6b;--muted:#6b6b6b}\n body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:linear-gradient(180deg,#fffaf7 0%,#fff 100%); margin:0;padding:20px;color:#222}\n .container{max-width:820px;margin:24px auto;padding:20px;background:var(--card);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,0.06)}\n h1{margin:0 0 8px;font-size:1.5rem}\n p.lead{margin:0 0 16px;color:var(--muted)}\n .q{margin:14px 0;padding:12px;border-radius:10px;background:#fff7f4;border:1px solid rgba(199,107,107,0.08)}\n .scale{display:flex;gap:8px;align-items:center;margin-top:8px}\n .scale label{flex:1;text-align:center;padding:8px;background:#fff;border-radius:8px;border:1px solid #f1dede;cursor:pointer}\n .scale input{display:none}\n .scale input:checked+label{background:linear-gradient(90deg,#ffecec,#ffdede);border-color:var(--accent);box-shadow:0 4px 12px rgba(199,107,107,0.12)}\n .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}\n button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer}\n .muted{color:var(--muted);font-size:0.95rem}\n .result{margin-top:18px;padding:16px;border-radius:12px;background:linear-gradient(180deg,#fff7f7,#fff)}\n .share{margin-top:10px}\n footer{margin-top:18px;font-size:0.9rem;color:var(--muted)}\n .small{font-size:0.92rem}\n @media (max-width:600px){.scale label{padding:6px;font-size:13px}}\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u0422\u0435\u0441\u0442: \u0427\u0438 \u0454 \u0443 \u0432\u0430\u0441 \u043f\u0435\u0440\u0435\u043a\u043e\u0441 \u0436\u0456\u043d\u043e\u0447\u043e\u0457 \u0430\u0431\u043e \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457?<\/h1>\n <p class=\"lead\">\u041a\u0456\u043b\u044c\u043a\u0430 \u043f\u0440\u043e\u0441\u0442\u0438\u0445 \u0437\u0430\u043f\u0438\u0442\u0430\u043d\u044c \u2014 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0439\u0442\u0435 \u0456\u043d\u0442\u0443\u0457\u0442\u0438\u0432\u043d\u043e. \u041d\u0430\u043f\u0440\u0438\u043a\u0456\u043d\u0446\u0456 \u0432\u0438 \u043e\u0442\u0440\u0438\u043c\u0430\u0454\u0442\u0435 \u0456\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0446\u0456\u044e: \u044f\u043a\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f \u0432 \u0434\u043e\u043c\u0456\u043d\u0430\u043d\u0442\u0456, \u044f\u043a \u0446\u0435 \u0432\u043f\u043b\u0438\u0432\u0430\u0454 \u043d\u0430 \u0436\u0438\u0442\u0442\u044f \u0456 \u0442\u0456\u043b\u043e, \u0442\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0456 \u043f\u043e\u0440\u0430\u0434\u0438.<\/p>\n\n <form id=\"quiz\">\n\n \n\n <div class=\"q\">\n <div class=\"small\">1) \u042f \u0447\u0430\u0441\u0442\u0456\u0448\u0435 \u0431\u0435\u0440\u0443 \u043d\u0430 \u0441\u0435\u0431\u0435 \u0456\u043d\u0456\u0446\u0456\u0430\u0442\u0438\u0432\u0443 \u0442\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0443 \u0441\u0456\u043c’\u0457\/\u0440\u043e\u0431\u043e\u0442\u0456.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q1\" id=\"q1-1\" value=\"1\"><label for=\"q1-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q1\" id=\"q1-2\" value=\"2\"><label for=\"q1-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q1\" id=\"q1-3\" value=\"3\"><label for=\"q1-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q1\" id=\"q1-4\" value=\"4\"><label for=\"q1-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q1\" id=\"q1-5\" value=\"5\"><label for=\"q1-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">2) \u041c\u0435\u043d\u0456 \u0432\u0430\u0436\u043a\u043e \u043f\u0440\u043e\u0441\u0438\u0442\u0438 \u043f\u0440\u043e \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u0443; \u044f \u043f\u043e\u0447\u0443\u0432\u0430\u044e\u0441\u044c \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u043b\u044c\u043d\u043e\u044e \u0437\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0456\u043d\u0448\u0438\u0445.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q2\" id=\"q2-1\" value=\"1\"><label for=\"q2-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q2\" id=\"q2-2\" value=\"2\"><label for=\"q2-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q2\" id=\"q2-3\" value=\"3\"><label for=\"q2-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q2\" id=\"q2-4\" value=\"4\"><label for=\"q2-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q2\" id=\"q2-5\" value=\"5\"><label for=\"q2-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">3) \u042f \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u043e \u0432\u0438\u0440\u0430\u0436\u0430\u044e \u0441\u0432\u043e\u0457 \u043f\u043e\u0447\u0443\u0442\u0442\u044f \u0442\u0430 \u0432\u0440\u0430\u0437\u043b\u0438\u0432\u0456\u0441\u0442\u044c.<\/div>\n <div class=\"scale\" data-m=\"0\" data-f=\"1\">\n <input type=\"radio\" name=\"q3\" id=\"q3-1\" value=\"1\"><label for=\"q3-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q3\" id=\"q3-2\" value=\"2\"><label for=\"q3-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q3\" id=\"q3-3\" value=\"3\"><label for=\"q3-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q3\" id=\"q3-4\" value=\"4\"><label for=\"q3-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q3\" id=\"q3-5\" value=\"5\"><label for=\"q3-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">4) \u042f \u0432\u0456\u0434\u0447\u0443\u0432\u0430\u044e \u0432\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u044e \u043e\u043f\u043e\u0440\u0443 \u0456 \u0441\u043f\u043e\u043a\u0456\u0439, \u043d\u0430\u0432\u0456\u0442\u044c \u0443 \u0441\u043a\u043b\u0430\u0434\u043d\u0456 \u043c\u043e\u043c\u0435\u043d\u0442\u0438.<\/div>\n <div class=\"scale\" data-m=\"0\" data-f=\"1\">\n <input type=\"radio\" name=\"q4\" id=\"q4-1\" value=\"1\"><label for=\"q4-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q4\" id=\"q4-2\" value=\"2\"><label for=\"q4-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q4\" id=\"q4-3\" value=\"3\"><label for=\"q4-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q4\" id=\"q4-4\" value=\"4\"><label for=\"q4-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q4\" id=\"q4-5\" value=\"5\"><label for=\"q4-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">5) \u041c\u0435\u043d\u0456 \u0432\u0430\u0436\u043a\u043e \u0440\u043e\u0437\u0441\u043b\u0430\u0431\u0438\u0442\u0438\u0441\u044f \u0443 \u0442\u0456\u043b\u0456; \u0447\u0430\u0441\u0442\u043e \u0454 \u043d\u0430\u043f\u0440\u0443\u0433\u0430 \u0432 \u043f\u043b\u0435\u0447\u0430\u0445, \u0448\u0438\u0457 \u0430\u0431\u043e \u043f\u043e\u043f\u0435\u0440\u0435\u043a\u0443.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q5\" id=\"q5-1\" value=\"1\"><label for=\"q5-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q5\" id=\"q5-2\" value=\"2\"><label for=\"q5-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q5\" id=\"q5-3\" value=\"3\"><label for=\"q5-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q5\" id=\"q5-4\" value=\"4\"><label for=\"q5-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q5\" id=\"q5-5\" value=\"5\"><label for=\"q5-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">6) \u042f \u0432\u0456\u0434\u0447\u0443\u0432\u0430\u044e \u0440\u0430\u0434\u0456\u0441\u0442\u044c \u0432\u0456\u0434 \u043f\u0440\u0438\u0439\u043c\u0430\u043d\u043d\u044f: \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u044e \u0456\u043d\u0448\u0438\u043c \u0442\u0443\u0440\u0431\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u043f\u0440\u043e \u043c\u0435\u043d\u0435.<\/div>\n <div class=\"scale\" data-m=\"0\" data-f=\"1\">\n <input type=\"radio\" name=\"q6\" id=\"q6-1\" value=\"1\"><label for=\"q6-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q6\" id=\"q6-2\" value=\"2\"><label for=\"q6-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q6\" id=\"q6-3\" value=\"3\"><label for=\"q6-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q6\" id=\"q6-4\" value=\"4\"><label for=\"q6-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q6\" id=\"q6-5\" value=\"5\"><label for=\"q6-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">7) \u042f \u0441\u0445\u0438\u043b\u044c\u043d\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e\u0432\u0430\u0442\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0438 \u0456 \u0431\u043e\u044f\u0442\u0438\u0441\u044f \u0434\u043e\u0432\u0456\u0440\u0438\u0442\u0438 \u0456\u043d\u0448\u0438\u043c \u0432\u0430\u0436\u043b\u0438\u0432\u0456 \u0441\u043f\u0440\u0430\u0432\u0438.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q7\" id=\"q7-1\" value=\"1\"><label for=\"q7-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q7\" id=\"q7-2\" value=\"2\"><label for=\"q7-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q7\" id=\"q7-3\" value=\"3\"><label for=\"q7-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q7\" id=\"q7-4\" value=\"4\"><label for=\"q7-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q7\" id=\"q7-5\" value=\"5\"><label for=\"q7-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">8) \u041c\u0435\u043d\u0456 \u043b\u0435\u0433\u043a\u043e \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u044e\u0432\u0430\u0442\u0438 \u0435\u043c\u043e\u0446\u0456\u0439\u043d\u0438\u0439 \u043a\u043e\u043d\u0442\u0430\u043a\u0442, \u0441\u043b\u0443\u0445\u0430\u0442\u0438 \u0439 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0456\u043d\u0448\u0438\u0445.<\/div>\n <div class=\"scale\" data-m=\"0\" data-f=\"1\">\n <input type=\"radio\" name=\"q8\" id=\"q8-1\" value=\"1\"><label for=\"q8-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q8\" id=\"q8-2\" value=\"2\"><label for=\"q8-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q8\" id=\"q8-3\" value=\"3\"><label for=\"q8-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q8\" id=\"q8-4\" value=\"4\"><label for=\"q8-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q8\" id=\"q8-5\" value=\"5\"><label for=\"q8-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">9) \u042f \u0432\u0456\u0434\u0447\u0443\u0432\u0430\u044e \u0441\u0435\u0431\u0435 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e \u0443 \u043f\u0440\u0438\u0439\u043d\u044f\u0442\u0442\u0456 \u0440\u0456\u0448\u0435\u043d\u044c \u0456 \u043f\u043b\u0430\u043d\u0443\u0432\u0430\u043d\u043d\u0456.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q9\" id=\"q9-1\" value=\"1\"><label for=\"q9-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q9\" id=\"q9-2\" value=\"2\"><label for=\"q9-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q9\" id=\"q9-3\" value=\"3\"><label for=\"q9-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q9\" id=\"q9-4\" value=\"4\"><label for=\"q9-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q9\" id=\"q9-5\" value=\"5\"><label for=\"q9-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">10) \u042f \u0434\u043e\u0441\u043b\u0443\u0445\u0430\u044e\u0441\u044c \u0434\u043e \u0441\u0432\u043e\u0433\u043e \u0442\u0456\u043b\u0430: \u043f\u043e\u043c\u0456\u0447\u0430\u044e, \u043a\u043e\u043b\u0438 \u0432\u043e\u043d\u043e \u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0432\u0456\u0434\u043f\u043e\u0447\u0438\u043d\u043a\u0443 \u0447\u0438 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0438.<\/div>\n <div class=\"scale\" data-m=\"0\" data_f=\"1\">\n <input type=\"radio\" name=\"q10\" id=\"q10-1\" value=\"1\"><label for=\"q10-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q10\" id=\"q10-2\" value=\"2\"><label for=\"q10-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q10\" id=\"q10-3\" value=\"3\"><label for=\"q10-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q10\" id=\"q10-4\" value=\"4\"><label for=\"q10-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q10\" id=\"q10-5\" value=\"5\"><label for=\"q10-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"btns\">\n <button type=\"button\" id=\"submit\">\u041e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/button>\n <button type=\"button\" id=\"reset\" style=\"background:#eee;color:#333\">\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u0438<\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"output\" class=\"result\" aria-live=\"polite\" style=\"display:none\"><\/div>\n\n <footer>\n <p class=\"muted\">\u0426\u0435 \u2014 \u043e\u0440\u0456\u0454\u043d\u0442\u043e\u0432\u043d\u0438\u0439 \u0442\u0435\u0441\u0442 \u0434\u043b\u044f \u0441\u0430\u043c\u043e\u0440\u0435\u0444\u043b\u0435\u043a\u0441\u0456\u0457. \u042f\u043a\u0449\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u0456\u0434\u0433\u0443\u043a\u0443\u0454\u0442\u044c\u0441\u044f \u0433\u043b\u0438\u0431\u043e\u043a\u043e, \u044f \u0437\u0430\u043f\u0440\u043e\u0448\u0443\u044e \u043d\u0430 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0443 \u0434\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u043d\u0443 \u0441\u0435\u0441\u0456\u044e \u2014 \u0440\u0430\u0437\u043e\u043c \u043c\u0438 \u0432\u0438\u0437\u043d\u0430\u0447\u0438\u043c\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0443, \u043d\u0430\u0441\u043b\u0456\u0434\u043a\u0438 \u0442\u0430 \u043d\u0430\u043c\u0435\u0442\u0438\u043c\u043e \u043f\u043b\u0430\u043d \u0434\u0456\u0439.<\/p>\n <\/footer>\n <\/div>\n\n <script>\n function getCheckedValue(name){const els=document.getElementsByName(name);for(const el of els) if(el.checked) return Number(el.value);return null}\n\n document.getElementById('reset').addEventListener('click', ()=>{\n document.querySelectorAll('input[type=radio]').forEach(i=>i.checked=false);\n document.getElementById('output').style.display='none';\n })\n\n document.getElementById('submit').addEventListener('click', ()=>{\n const total = {m:0,f:0};\n \/\/ mapping of question to weighting (m weight, f weight)\n const map = [\n {q:'q1',m:1,f:0},\n {q:'q2',m:1,f:0},\n {q:'q3',m:0,f:1},\n {q:'q4',m:0,f:1},\n {q:'q5',m:1,f:0},\n {q:'q6',m:0,f:1},\n {q:'q7',m:1,f:0},\n {q:'q8',m:0,f:1},\n {q:'q9',m:1,f:0},\n {q:'q10',m:0,f:1}\n ];\n let unanswered=false;\n for(const item of map){\n const v = getCheckedValue(item.q);\n if(v===null){unanswered=true;break}\n total.m += v * item.m;\n total.f += v * item.f;\n }\n const out = document.getElementById('output');\n if(unanswered){out.style.display='block';out.innerHTML='<strong>\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0456\u0442\u044c \u043d\u0430 \u0432\u0441\u0456 \u043f\u0438\u0442\u0430\u043d\u043d\u044f.<\/strong>';return}\n\n \/\/ Normalize to comparable scale: max per side = number_of_questions_for_side * 5\n const maxM = (map.filter(x=>x.m===1).length)*5;\n const maxF = (map.filter(x=>x.f===1).length)*5;\n const pctM = Math.round((total.m \/ maxM) * 100);\n const pctF = Math.round((total.f \/ maxF) * 100);\n\n \/\/ Determine dominant\n let heading='\u0411\u0430\u043b\u0430\u043d\u0441 \u0435\u043d\u0435\u0440\u0433\u0456\u0439';\n let summary='';\n if(Math.abs(pctM - pctF) <= 12){\n heading='\u0412\u0438 \u0432 \u0434\u043e\u0441\u0438\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u043e\u043c\u0443 \u0431\u0430\u043b\u0430\u043d\u0441\u0456';\n summary = '<p>\u0412\u0430\u0448\u0456 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u0430 \u0442\u0430 \u0436\u0456\u043d\u043e\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u0457 \u0432 \u0446\u0456\u043b\u043e\u043c\u0443 \u0437\u0431\u0430\u043b\u0430\u043d\u0441\u043e\u0432\u0430\u043d\u0456. \u0426\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u0454, \u0449\u043e \u0432\u0438 \u0432\u043c\u0456\u0454\u0442\u0435 \u0434\u0456\u044f\u0442\u0438 \u0456 \u043e\u0434\u043d\u043e\u0447\u0430\u0441\u043d\u043e \u043f\u0440\u0438\u0439\u043c\u0430\u0442\u0438. \u041f\u0440\u043e\u0434\u043e\u0432\u0436\u0443\u0439\u0442\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0437\u0430\u0437\u0435\u043c\u043b\u0435\u043d\u043d\u044f \u0442\u0430 \u043f\u0440\u0438\u0439\u043d\u044f\u0442\u0442\u044f, \u0443\u0432\u0430\u0436\u043d\u0456\u0441\u0442\u044c \u0434\u043e \u0442\u0456\u043b\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0436\u0435 \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0431\u0430\u043b\u0430\u043d\u0441.<\/p>';\n } else if(pctM > pctF){\n heading='\u0414\u043e\u043c\u0456\u043d\u0443\u0454 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f (\u043f\u0435\u0440\u0435\u043a\u0456\u0441 \u0443 \u0434\u0456\u044e\/\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c)';\n summary = '<p>\u0423 \u0432\u0430\u0441 \u0431\u0456\u043b\u044c\u0448\u0435 \u0435\u043d\u0435\u0440\u0433\u0456\u0457, \u0441\u043f\u0440\u044f\u043c\u043e\u0432\u0430\u043d\u043e\u0457 \u043d\u0430 \u0434\u0456\u044e, \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0456 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u043b\u044c\u043d\u0456\u0441\u0442\u044c. \u0426\u0435 \u0434\u0430\u0454 \u0441\u0438\u043b\u0443 \u0442\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c, \u0430\u043b\u0435 \u043c\u043e\u0436\u0435 \u043f\u0440\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0438 \u0434\u043e \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0443\u0436\u0435\u043d\u043d\u044f \u0442\u0456\u043b\u0430: \u043d\u0430\u043f\u0440\u0443\u0433\u0430 \u0432 \u043f\u043b\u0435\u0447\u0430\u0445, \u0448\u0438\u0457, \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0438 \u0437\u0456 \u0441\u043d\u043e\u043c, \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f \"\u0442\u044f\u0436\u043a\u043e\u0441\u0442\u0456\" \u0430\u0431\u043e \u043d\u0435\u0441\u0442\u0430\u0447\u0456 \u043e\u043f\u043e\u0440\u0438 \u0432 \u0442\u0430\u0437\u043e\u0432\u0456\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0456. \u0415\u043c\u043e\u0446\u0456\u0439\u043d\u043e \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0456\u0434\u0448\u0435 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0442\u0438 \u0441\u043e\u0431\u0456 \u0432\u0440\u0430\u0437\u043b\u0438\u0432\u0456\u0441\u0442\u044c \u0456 \u043f\u0440\u043e\u0441\u0438\u0442\u0438 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u0443.<\/p>';\n summary += '<h4>\u0429\u043e \u0434\u043e\u043f\u043e\u043c\u043e\u0436\u0435:<\/h4><ul><li>\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0437\u0430\u0437\u0435\u043c\u043b\u0435\u043d\u043d\u044f: \u0445\u043e\u0434\u044c\u0431\u0430 \u0431\u043e\u0441\u043e\u043d\u0456\u0436, \u0441\u0432\u0456\u0434\u043e\u043c\u0435 \u0434\u0438\u0445\u0430\u043d\u043d\u044f, \u0440\u043e\u0431\u043e\u0442\u0430 \u0437 \u0442\u0456\u043b\u043e\u043c.<\/li><li>\u041d\u0430\u0432\u0447\u0456\u0442\u044c\u0441\u044f \u0434\u0435\u043b\u0435\u0433\u0443\u0432\u0430\u0442\u0438 \u0439 \u043f\u0440\u043e\u0441\u0438\u0442\u0438 \u2014 \u043a\u043e\u0440\u043e\u0442\u043a\u0456 \u0432\u043f\u0440\u0430\u0432\u0438 \u043d\u0430 \u0434\u043e\u0432\u0456\u0440\u0443.<\/li><li>\u041c\u2019\u044f\u043a\u0456 \u0440\u0443\u0445\u0438 \u0434\u043b\u044f \u0448\u0438\u0457\/\u043f\u043b\u0435\u0447\u0435\u0439, \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0438\u0432\u043d\u0430 \u043c\u2019\u044f\u0437\u043e\u0432\u0430 \u0440\u0435\u043b\u0430\u043a\u0441\u0430\u0446\u0456\u044f.<\/li><\/ul>';\n } else {\n heading='\u0414\u043e\u043c\u0456\u043d\u0443\u0454 \u0436\u0456\u043d\u043e\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f (\u043f\u0435\u0440\u0435\u043a\u0456\u0441 \u0443 \u043f\u0440\u0438\u0439\u043d\u044f\u0442\u0442\u044f\/\u0447\u0443\u0439\u043d\u0456\u0441\u0442\u044c)';\n summary = '<p>\u0423 \u0432\u0430\u0441 \u0431\u0456\u043b\u044c\u0448\u0435 \u0435\u043d\u0435\u0440\u0433\u0456\u0457, \u0441\u043f\u0440\u044f\u043c\u043e\u0432\u0430\u043d\u043e\u0457 \u043d\u0430 \u043f\u0440\u0438\u0439\u043d\u044f\u0442\u0442\u044f, \u0435\u043c\u043f\u0430\u0442\u0456\u044e \u0442\u0430 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0443 \u0456\u043d\u0448\u0438\u0445. \u0426\u0435 \u0434\u0436\u0435\u0440\u0435\u043b\u043e \u043d\u0456\u0436\u043d\u043e\u0441\u0442\u0456, \u0430\u043b\u0435 \u0432 \u043f\u0435\u0440\u0435\u043a\u043e\u0441\u0456 \u043c\u043e\u0436\u0435 \u043f\u0440\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0438 \u0434\u043e \u0432\u0442\u0440\u0430\u0442\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438: \u0432\u0430\u0436\u043a\u043e \u043f\u0440\u0438\u0439\u043c\u0430\u0442\u0438 \u0440\u0456\u0448\u0435\u043d\u043d\u044f, \u0431\u0435\u0440\u0435\u0442\u0435 \u043d\u0430 \u0441\u0435\u0431\u0435 \u0440\u043e\u043b\u044c \u043e\u043f\u0456\u043a\u0438, \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f \u043d\u0435\u0441\u0442\u0430\u0447\u0456 \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u0438\u0445 \u043a\u043e\u0440\u0434\u043e\u043d\u0456\u0432. \u0422\u0456\u043b\u043e \u043c\u043e\u0436\u0435 \u0440\u0435\u0430\u0433\u0443\u0432\u0430\u0442\u0438 \u0432\u0442\u043e\u043c\u043e\u044e, \u0431\u043e\u043b\u044f\u043c\u0438 \u0432 \u0433\u0440\u0443\u0434\u044f\u0445, \u0435\u043c\u043e\u0446\u0456\u0439\u043d\u043e\u044e \u043b\u0430\u0431\u0456\u043b\u044c\u043d\u0456\u0441\u0442\u044e \u0430\u0431\u043e \u043e\u0441\u043b\u0430\u0431\u043b\u0435\u043d\u0438\u043c \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f\u043c \u043e\u043f\u043e\u0440\u0438 \u0432 \u043d\u043e\u0433\u0430\u0445\/\u0442\u0430\u043b\u0456\u0457.<\/p>';\n summary += '<h4>\u0429\u043e \u0434\u043e\u043f\u043e\u043c\u043e\u0436\u0435:<\/h4><ul><li>\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u043a\u043e\u0440\u0434\u043e\u043d\u0456\u0432 \u0456 \u0449\u043e\u0434\u0435\u043d\u043d\u0456 \u043a\u043e\u0440\u043e\u0442\u043a\u0456 \u0440\u0438\u0442\u0443\u0430\u043b\u0438 \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u043e\u0457 \u0441\u0438\u043b\u0438.<\/li><li>\u0420\u0443\u0445\u0438 \u0434\u043b\u044f \u0446\u0435\u043d\u0442\u0440\u0443 \u0442\u0456\u043b\u0430: \u0440\u043e\u0431\u043e\u0442\u0430 \u0437 \u0442\u0430\u0437\u043e\u043c, \u043d\u043e\u0433\u0438, \u0443\u043f\u043e\u0440 \u043d\u0430 \u0431\u0435\u0437\u043f\u0435\u043a\u0443.<\/li><li>\u0412\u043f\u0440\u0430\u0432\u0438 \u043d\u0430 \u0437\u0431\u0443\u0434\u0436\u0435\u043d\u043d\u044f \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0457 \u0432\u043e\u043b\u0456 \u0442\u0430 \u043f\u043b\u0430\u043d\u0443\u0432\u0430\u043d\u043d\u044f \u2014 \u043b\u0435\u0433\u043a\u0456 \u0446\u0456\u043b\u0435\u043f\u043e\u043a\u043b\u0430\u0434\u0430\u043d\u043d\u044f.<\/li><\/ul>';\n }\n\n \/\/ Body reaction notes\n const bodyNotes = '<h4>\u042f\u043a \u0440\u0435\u0430\u0433\u0443\u0454 \u0442\u0456\u043b\u043e<\/h4><p>\u041f\u0435\u0440\u0435\u043a\u043e\u0441 \u0443 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u0443 \u0435\u043d\u0435\u0440\u0433\u0456\u044e \u0447\u0430\u0441\u0442\u043e \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u0454\u0442\u044c\u0441\u044f \u044f\u043a \u043d\u0430\u043f\u0440\u0443\u0433\u0430 \u0432 \u043f\u043b\u0435\u0447\u0430\u0445, \u0448\u0438\u0457, \u0433\u043e\u043b\u043e\u0432\u043d\u0456 \u0431\u043e\u043b\u0456, \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0438 \u0437\u0456 \u0441\u043d\u043e\u043c. \u041f\u0435\u0440\u0435\u043a\u043e\u0441 \u0443 \u0436\u0456\u043d\u043e\u0447\u0443 \u2014 \u044f\u043a \u0432\u0442\u043e\u043c\u0430, \u0431\u043e\u043b\u0456 \u0432 \u0433\u0440\u0443\u0434\u043d\u0456\u0439 \u043a\u043b\u0456\u0442\u0438\u043d\u0456, \u0435\u043c\u043e\u0446\u0456\u0439\u043d\u0430 \u043d\u0435\u0441\u0442\u0430\u0431\u0456\u043b\u044c\u043d\u0456\u0441\u0442\u044c, \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f \u0441\u043b\u0430\u0431\u043a\u043e\u0457 \u043e\u043f\u043e\u0440\u0438 \u0432 \u043d\u043e\u0433\u0430\u0445 \u0430\u0431\u043e \u0442\u0430\u0437\u0456. \u0411\u0430\u043b\u0430\u043d\u0441 \u0441\u0443\u043f\u0440\u043e\u0432\u043e\u0434\u0436\u0443\u0454\u0442\u044c\u0441\u044f \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f\u043c \u0437\u0430\u0437\u0435\u043c\u043b\u0435\u043d\u043e\u0441\u0442\u0456, \u0441\u043f\u043e\u043a\u043e\u044e \u0442\u0430 \u0433\u043d\u0443\u0447\u043a\u043e\u0441\u0442\u0456 \u0432 \u0435\u043c\u043e\u0446\u0456\u044f\u0445.<\/p>';\n\n \/\/ Personalized brief advice and CTA\n const cta = '<h4>\u0425\u043e\u0447\u0435\u0442\u0435 \u0433\u043b\u0438\u0431\u0448\u0435?<\/h4><p>\u042f\u043a \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433 \u044f \u043f\u0440\u043e\u0432\u043e\u0434\u0436\u0443 \u0434\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u043d\u0456 \u0441\u0435\u0441\u0456\u0457, \u0434\u0435 \u043c\u0438 \u0432\u0438\u0437\u043d\u0430\u0447\u0430\u0454\u043c\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u043f\u0435\u0440\u0435\u043a\u043e\u0441\u0443, \u0439\u043e\u0433\u043e \u043d\u0430\u0441\u043b\u0456\u0434\u043a\u0438 \u0432 \u0442\u0456\u043b\u0456 \u0456 \u0436\u0438\u0442\u0442\u0456, \u0442\u0430 \u0441\u043a\u043b\u0430\u0434\u0430\u0454\u043c\u043e \u043f\u043b\u0430\u043d \u0432\u0456\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f. \u042f\u043a\u0449\u043e \u0432\u0438 \u0445\u043e\u0447\u0435\u0442\u0435, \u044f \u0437 \u0440\u0430\u0434\u0456\u0441\u0442\u044e \u0437\u0430\u043f\u0440\u043e\u0448\u0443\u044e \u043d\u0430 <strong>\u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0443 \u0434\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u043d\u0443 \u0441\u0435\u0441\u0456\u044e<\/strong>.<\/p>';\n\n out.style.display='block';\n out.innerHTML = `<h3>${heading}<\/h3><p class=\"muted\">\u0427\u043e\u043b\u043e\u0432\u0456\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f: ${pctM}% \u2014 \u0416\u0456\u043d\u043e\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f: ${pctF}%<\/p>` + summary + bodyNotes + cta + '<div class=\"share\"><button id=\"print\">\u0420\u043e\u0437\u0434\u0440\u0443\u043a\u0443\u0432\u0430\u0442\u0438 \/ \u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/button><\/div>';\n\n document.getElementById('print').addEventListener('click', ()=>window.print());\n\n })\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0422\u0435\u0441\u0442: \u0411\u0430\u043b\u0430\u043d\u0441 \u0436\u0456\u043d\u043e\u0447\u043e\u0457 \u0442\u0430 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457 \u0422\u0435\u0441\u0442: \u0427\u0438 \u0454 \u0443 \u0432\u0430\u0441 \u043f\u0435\u0440\u0435\u043a\u043e\u0441 \u0436\u0456\u043d\u043e\u0447\u043e\u0457 \u0430\u0431\u043e \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457? \u041a\u0456\u043b\u044c\u043a\u0430 \u043f\u0440\u043e\u0441\u0442\u0438\u0445 \u0437\u0430\u043f\u0438\u0442\u0430\u043d\u044c \u2014 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0439\u0442\u0435 \u0456\u043d\u0442\u0443\u0457\u0442\u0438\u0432\u043d\u043e. \u041d\u0430\u043f\u0440\u0438\u043a\u0456\u043d\u0446\u0456 \u0432\u0438 \u043e\u0442\u0440\u0438\u043c\u0430\u0454\u0442\u0435 \u0456\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0446\u0456\u044e: \u044f\u043a\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f \u0432 \u0434\u043e\u043c\u0456\u043d\u0430\u043d\u0442\u0456, \u044f\u043a \u0446\u0435 \u0432\u043f\u043b\u0438\u0432\u0430\u0454 \u043d\u0430 \u0436\u0438\u0442\u0442\u044f \u0456 \u0442\u0456\u043b\u043e, \u0442\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0456 \u043f\u043e\u0440\u0430\u0434\u0438. 1) \u042f \u0447\u0430\u0441\u0442\u0456\u0448\u0435 \u0431\u0435\u0440\u0443 \u043d\u0430 \u0441\u0435\u0431\u0435 \u0456\u043d\u0456\u0446\u0456\u0430\u0442\u0438\u0432\u0443 \u0442\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0443 \u0441\u0456\u043c’\u0457\/\u0440\u043e\u0431\u043e\u0442\u0456. \u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456 \u041d\u0456 \u0406\u043d\u043e\u0434\u0456 […]<\/p>\n","protected":false},"author":1,"featured_media":336,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-335","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/pages\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=335"}],"version-history":[{"count":1,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/pages\/335\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/pages\/335\/revisions\/337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/media\/336"}],"wp:attachment":[{"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":335,"date":"2025-10-21T09:34:55","date_gmt":"2025-10-21T09:34:55","guid":{"rendered":"https:\/\/psychologysavcenkoite.in.ua\/?page_id=335"},"modified":"2025-10-21T09:34:55","modified_gmt":"2025-10-21T09:34:55","slug":"%d1%82%d0%b5%d1%81%d1%82-%d1%87%d0%b8-%d1%94-%d1%83-%d0%b2%d0%b0%d1%81-%d0%bf%d0%b5%d1%80%d0%b5%d0%ba%d0%be%d1%81-%d0%b6%d1%96%d0%bd%d0%be%d1%87%d0%be%d1%97-%d0%b0%d0%b1%d0%be-%d1%87%d0%be%d0%bb","status":"publish","type":"page","link":"https:\/\/psychologysavcenkoite.in.ua\/?page_id=335","title":{"rendered":"\u0422\u0435\u0441\u0442: \u0427\u0438 \u0454 \u0443 \u0432\u0430\u0441 \u043f\u0435\u0440\u0435\u043a\u043e\u0441 \u0436\u0456\u043d\u043e\u0447\u043e\u0457 \u0430\u0431\u043e \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457?"},"content":{"rendered":"\n\n\n\n \n \n \u0422\u0435\u0441\u0442: \u0411\u0430\u043b\u0430\u043d\u0441 \u0436\u0456\u043d\u043e\u0447\u043e\u0457 \u0442\u0430 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457<\/title>\n <style>\n :root{--bg:#fff9f5;--card:#ffffff;--accent:#c76b6b;--muted:#6b6b6b}\n body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:linear-gradient(180deg,#fffaf7 0%,#fff 100%); margin:0;padding:20px;color:#222}\n .container{max-width:820px;margin:24px auto;padding:20px;background:var(--card);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,0.06)}\n h1{margin:0 0 8px;font-size:1.5rem}\n p.lead{margin:0 0 16px;color:var(--muted)}\n .q{margin:14px 0;padding:12px;border-radius:10px;background:#fff7f4;border:1px solid rgba(199,107,107,0.08)}\n .scale{display:flex;gap:8px;align-items:center;margin-top:8px}\n .scale label{flex:1;text-align:center;padding:8px;background:#fff;border-radius:8px;border:1px solid #f1dede;cursor:pointer}\n .scale input{display:none}\n .scale input:checked+label{background:linear-gradient(90deg,#ffecec,#ffdede);border-color:var(--accent);box-shadow:0 4px 12px rgba(199,107,107,0.12)}\n .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}\n button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer}\n .muted{color:var(--muted);font-size:0.95rem}\n .result{margin-top:18px;padding:16px;border-radius:12px;background:linear-gradient(180deg,#fff7f7,#fff)}\n .share{margin-top:10px}\n footer{margin-top:18px;font-size:0.9rem;color:var(--muted)}\n .small{font-size:0.92rem}\n @media (max-width:600px){.scale label{padding:6px;font-size:13px}}\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u0422\u0435\u0441\u0442: \u0427\u0438 \u0454 \u0443 \u0432\u0430\u0441 \u043f\u0435\u0440\u0435\u043a\u043e\u0441 \u0436\u0456\u043d\u043e\u0447\u043e\u0457 \u0430\u0431\u043e \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457?<\/h1>\n <p class=\"lead\">\u041a\u0456\u043b\u044c\u043a\u0430 \u043f\u0440\u043e\u0441\u0442\u0438\u0445 \u0437\u0430\u043f\u0438\u0442\u0430\u043d\u044c \u2014 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0439\u0442\u0435 \u0456\u043d\u0442\u0443\u0457\u0442\u0438\u0432\u043d\u043e. \u041d\u0430\u043f\u0440\u0438\u043a\u0456\u043d\u0446\u0456 \u0432\u0438 \u043e\u0442\u0440\u0438\u043c\u0430\u0454\u0442\u0435 \u0456\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0446\u0456\u044e: \u044f\u043a\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f \u0432 \u0434\u043e\u043c\u0456\u043d\u0430\u043d\u0442\u0456, \u044f\u043a \u0446\u0435 \u0432\u043f\u043b\u0438\u0432\u0430\u0454 \u043d\u0430 \u0436\u0438\u0442\u0442\u044f \u0456 \u0442\u0456\u043b\u043e, \u0442\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0456 \u043f\u043e\u0440\u0430\u0434\u0438.<\/p>\n\n <form id=\"quiz\">\n\n \n\n <div class=\"q\">\n <div class=\"small\">1) \u042f \u0447\u0430\u0441\u0442\u0456\u0448\u0435 \u0431\u0435\u0440\u0443 \u043d\u0430 \u0441\u0435\u0431\u0435 \u0456\u043d\u0456\u0446\u0456\u0430\u0442\u0438\u0432\u0443 \u0442\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0443 \u0441\u0456\u043c’\u0457\/\u0440\u043e\u0431\u043e\u0442\u0456.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q1\" id=\"q1-1\" value=\"1\"><label for=\"q1-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q1\" id=\"q1-2\" value=\"2\"><label for=\"q1-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q1\" id=\"q1-3\" value=\"3\"><label for=\"q1-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q1\" id=\"q1-4\" value=\"4\"><label for=\"q1-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q1\" id=\"q1-5\" value=\"5\"><label for=\"q1-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">2) \u041c\u0435\u043d\u0456 \u0432\u0430\u0436\u043a\u043e \u043f\u0440\u043e\u0441\u0438\u0442\u0438 \u043f\u0440\u043e \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u0443; \u044f \u043f\u043e\u0447\u0443\u0432\u0430\u044e\u0441\u044c \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u043b\u044c\u043d\u043e\u044e \u0437\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0456\u043d\u0448\u0438\u0445.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q2\" id=\"q2-1\" value=\"1\"><label for=\"q2-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q2\" id=\"q2-2\" value=\"2\"><label for=\"q2-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q2\" id=\"q2-3\" value=\"3\"><label for=\"q2-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q2\" id=\"q2-4\" value=\"4\"><label for=\"q2-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q2\" id=\"q2-5\" value=\"5\"><label for=\"q2-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">3) \u042f \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u043e \u0432\u0438\u0440\u0430\u0436\u0430\u044e \u0441\u0432\u043e\u0457 \u043f\u043e\u0447\u0443\u0442\u0442\u044f \u0442\u0430 \u0432\u0440\u0430\u0437\u043b\u0438\u0432\u0456\u0441\u0442\u044c.<\/div>\n <div class=\"scale\" data-m=\"0\" data-f=\"1\">\n <input type=\"radio\" name=\"q3\" id=\"q3-1\" value=\"1\"><label for=\"q3-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q3\" id=\"q3-2\" value=\"2\"><label for=\"q3-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q3\" id=\"q3-3\" value=\"3\"><label for=\"q3-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q3\" id=\"q3-4\" value=\"4\"><label for=\"q3-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q3\" id=\"q3-5\" value=\"5\"><label for=\"q3-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">4) \u042f \u0432\u0456\u0434\u0447\u0443\u0432\u0430\u044e \u0432\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u044e \u043e\u043f\u043e\u0440\u0443 \u0456 \u0441\u043f\u043e\u043a\u0456\u0439, \u043d\u0430\u0432\u0456\u0442\u044c \u0443 \u0441\u043a\u043b\u0430\u0434\u043d\u0456 \u043c\u043e\u043c\u0435\u043d\u0442\u0438.<\/div>\n <div class=\"scale\" data-m=\"0\" data-f=\"1\">\n <input type=\"radio\" name=\"q4\" id=\"q4-1\" value=\"1\"><label for=\"q4-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q4\" id=\"q4-2\" value=\"2\"><label for=\"q4-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q4\" id=\"q4-3\" value=\"3\"><label for=\"q4-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q4\" id=\"q4-4\" value=\"4\"><label for=\"q4-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q4\" id=\"q4-5\" value=\"5\"><label for=\"q4-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">5) \u041c\u0435\u043d\u0456 \u0432\u0430\u0436\u043a\u043e \u0440\u043e\u0437\u0441\u043b\u0430\u0431\u0438\u0442\u0438\u0441\u044f \u0443 \u0442\u0456\u043b\u0456; \u0447\u0430\u0441\u0442\u043e \u0454 \u043d\u0430\u043f\u0440\u0443\u0433\u0430 \u0432 \u043f\u043b\u0435\u0447\u0430\u0445, \u0448\u0438\u0457 \u0430\u0431\u043e \u043f\u043e\u043f\u0435\u0440\u0435\u043a\u0443.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q5\" id=\"q5-1\" value=\"1\"><label for=\"q5-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q5\" id=\"q5-2\" value=\"2\"><label for=\"q5-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q5\" id=\"q5-3\" value=\"3\"><label for=\"q5-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q5\" id=\"q5-4\" value=\"4\"><label for=\"q5-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q5\" id=\"q5-5\" value=\"5\"><label for=\"q5-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">6) \u042f \u0432\u0456\u0434\u0447\u0443\u0432\u0430\u044e \u0440\u0430\u0434\u0456\u0441\u0442\u044c \u0432\u0456\u0434 \u043f\u0440\u0438\u0439\u043c\u0430\u043d\u043d\u044f: \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u044e \u0456\u043d\u0448\u0438\u043c \u0442\u0443\u0440\u0431\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u043f\u0440\u043e \u043c\u0435\u043d\u0435.<\/div>\n <div class=\"scale\" data-m=\"0\" data-f=\"1\">\n <input type=\"radio\" name=\"q6\" id=\"q6-1\" value=\"1\"><label for=\"q6-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q6\" id=\"q6-2\" value=\"2\"><label for=\"q6-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q6\" id=\"q6-3\" value=\"3\"><label for=\"q6-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q6\" id=\"q6-4\" value=\"4\"><label for=\"q6-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q6\" id=\"q6-5\" value=\"5\"><label for=\"q6-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">7) \u042f \u0441\u0445\u0438\u043b\u044c\u043d\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e\u0432\u0430\u0442\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0438 \u0456 \u0431\u043e\u044f\u0442\u0438\u0441\u044f \u0434\u043e\u0432\u0456\u0440\u0438\u0442\u0438 \u0456\u043d\u0448\u0438\u043c \u0432\u0430\u0436\u043b\u0438\u0432\u0456 \u0441\u043f\u0440\u0430\u0432\u0438.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q7\" id=\"q7-1\" value=\"1\"><label for=\"q7-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q7\" id=\"q7-2\" value=\"2\"><label for=\"q7-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q7\" id=\"q7-3\" value=\"3\"><label for=\"q7-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q7\" id=\"q7-4\" value=\"4\"><label for=\"q7-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q7\" id=\"q7-5\" value=\"5\"><label for=\"q7-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">8) \u041c\u0435\u043d\u0456 \u043b\u0435\u0433\u043a\u043e \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u044e\u0432\u0430\u0442\u0438 \u0435\u043c\u043e\u0446\u0456\u0439\u043d\u0438\u0439 \u043a\u043e\u043d\u0442\u0430\u043a\u0442, \u0441\u043b\u0443\u0445\u0430\u0442\u0438 \u0439 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0456\u043d\u0448\u0438\u0445.<\/div>\n <div class=\"scale\" data-m=\"0\" data-f=\"1\">\n <input type=\"radio\" name=\"q8\" id=\"q8-1\" value=\"1\"><label for=\"q8-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q8\" id=\"q8-2\" value=\"2\"><label for=\"q8-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q8\" id=\"q8-3\" value=\"3\"><label for=\"q8-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q8\" id=\"q8-4\" value=\"4\"><label for=\"q8-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q8\" id=\"q8-5\" value=\"5\"><label for=\"q8-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">9) \u042f \u0432\u0456\u0434\u0447\u0443\u0432\u0430\u044e \u0441\u0435\u0431\u0435 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e \u0443 \u043f\u0440\u0438\u0439\u043d\u044f\u0442\u0442\u0456 \u0440\u0456\u0448\u0435\u043d\u044c \u0456 \u043f\u043b\u0430\u043d\u0443\u0432\u0430\u043d\u043d\u0456.<\/div>\n <div class=\"scale\" data-m=\"1\" data-f=\"0\">\n <input type=\"radio\" name=\"q9\" id=\"q9-1\" value=\"1\"><label for=\"q9-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q9\" id=\"q9-2\" value=\"2\"><label for=\"q9-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q9\" id=\"q9-3\" value=\"3\"><label for=\"q9-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q9\" id=\"q9-4\" value=\"4\"><label for=\"q9-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q9\" id=\"q9-5\" value=\"5\"><label for=\"q9-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"q\">\n <div class=\"small\">10) \u042f \u0434\u043e\u0441\u043b\u0443\u0445\u0430\u044e\u0441\u044c \u0434\u043e \u0441\u0432\u043e\u0433\u043e \u0442\u0456\u043b\u0430: \u043f\u043e\u043c\u0456\u0447\u0430\u044e, \u043a\u043e\u043b\u0438 \u0432\u043e\u043d\u043e \u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0432\u0456\u0434\u043f\u043e\u0447\u0438\u043d\u043a\u0443 \u0447\u0438 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0438.<\/div>\n <div class=\"scale\" data-m=\"0\" data_f=\"1\">\n <input type=\"radio\" name=\"q10\" id=\"q10-1\" value=\"1\"><label for=\"q10-1\">\u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456<\/label>\n <input type=\"radio\" name=\"q10\" id=\"q10-2\" value=\"2\"><label for=\"q10-2\">\u041d\u0456<\/label>\n <input type=\"radio\" name=\"q10\" id=\"q10-3\" value=\"3\"><label for=\"q10-3\">\u0406\u043d\u043e\u0434\u0456<\/label>\n <input type=\"radio\" name=\"q10\" id=\"q10-4\" value=\"4\"><label for=\"q10-4\">\u0422\u0430\u043a<\/label>\n <input type=\"radio\" name=\"q10\" id=\"q10-5\" value=\"5\"><label for=\"q10-5\">\u0417\u0430\u0432\u0436\u0434\u0438<\/label>\n <\/div>\n <\/div>\n\n <div class=\"btns\">\n <button type=\"button\" id=\"submit\">\u041e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/button>\n <button type=\"button\" id=\"reset\" style=\"background:#eee;color:#333\">\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u0438<\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"output\" class=\"result\" aria-live=\"polite\" style=\"display:none\"><\/div>\n\n <footer>\n <p class=\"muted\">\u0426\u0435 \u2014 \u043e\u0440\u0456\u0454\u043d\u0442\u043e\u0432\u043d\u0438\u0439 \u0442\u0435\u0441\u0442 \u0434\u043b\u044f \u0441\u0430\u043c\u043e\u0440\u0435\u0444\u043b\u0435\u043a\u0441\u0456\u0457. \u042f\u043a\u0449\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u0456\u0434\u0433\u0443\u043a\u0443\u0454\u0442\u044c\u0441\u044f \u0433\u043b\u0438\u0431\u043e\u043a\u043e, \u044f \u0437\u0430\u043f\u0440\u043e\u0448\u0443\u044e \u043d\u0430 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0443 \u0434\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u043d\u0443 \u0441\u0435\u0441\u0456\u044e \u2014 \u0440\u0430\u0437\u043e\u043c \u043c\u0438 \u0432\u0438\u0437\u043d\u0430\u0447\u0438\u043c\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0443, \u043d\u0430\u0441\u043b\u0456\u0434\u043a\u0438 \u0442\u0430 \u043d\u0430\u043c\u0435\u0442\u0438\u043c\u043e \u043f\u043b\u0430\u043d \u0434\u0456\u0439.<\/p>\n <\/footer>\n <\/div>\n\n <script>\n function getCheckedValue(name){const els=document.getElementsByName(name);for(const el of els) if(el.checked) return Number(el.value);return null}\n\n document.getElementById('reset').addEventListener('click', ()=>{\n document.querySelectorAll('input[type=radio]').forEach(i=>i.checked=false);\n document.getElementById('output').style.display='none';\n })\n\n document.getElementById('submit').addEventListener('click', ()=>{\n const total = {m:0,f:0};\n \/\/ mapping of question to weighting (m weight, f weight)\n const map = [\n {q:'q1',m:1,f:0},\n {q:'q2',m:1,f:0},\n {q:'q3',m:0,f:1},\n {q:'q4',m:0,f:1},\n {q:'q5',m:1,f:0},\n {q:'q6',m:0,f:1},\n {q:'q7',m:1,f:0},\n {q:'q8',m:0,f:1},\n {q:'q9',m:1,f:0},\n {q:'q10',m:0,f:1}\n ];\n let unanswered=false;\n for(const item of map){\n const v = getCheckedValue(item.q);\n if(v===null){unanswered=true;break}\n total.m += v * item.m;\n total.f += v * item.f;\n }\n const out = document.getElementById('output');\n if(unanswered){out.style.display='block';out.innerHTML='<strong>\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0456\u0442\u044c \u043d\u0430 \u0432\u0441\u0456 \u043f\u0438\u0442\u0430\u043d\u043d\u044f.<\/strong>';return}\n\n \/\/ Normalize to comparable scale: max per side = number_of_questions_for_side * 5\n const maxM = (map.filter(x=>x.m===1).length)*5;\n const maxF = (map.filter(x=>x.f===1).length)*5;\n const pctM = Math.round((total.m \/ maxM) * 100);\n const pctF = Math.round((total.f \/ maxF) * 100);\n\n \/\/ Determine dominant\n let heading='\u0411\u0430\u043b\u0430\u043d\u0441 \u0435\u043d\u0435\u0440\u0433\u0456\u0439';\n let summary='';\n if(Math.abs(pctM - pctF) <= 12){\n heading='\u0412\u0438 \u0432 \u0434\u043e\u0441\u0438\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u043e\u043c\u0443 \u0431\u0430\u043b\u0430\u043d\u0441\u0456';\n summary = '<p>\u0412\u0430\u0448\u0456 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u0430 \u0442\u0430 \u0436\u0456\u043d\u043e\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u0457 \u0432 \u0446\u0456\u043b\u043e\u043c\u0443 \u0437\u0431\u0430\u043b\u0430\u043d\u0441\u043e\u0432\u0430\u043d\u0456. \u0426\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u0454, \u0449\u043e \u0432\u0438 \u0432\u043c\u0456\u0454\u0442\u0435 \u0434\u0456\u044f\u0442\u0438 \u0456 \u043e\u0434\u043d\u043e\u0447\u0430\u0441\u043d\u043e \u043f\u0440\u0438\u0439\u043c\u0430\u0442\u0438. \u041f\u0440\u043e\u0434\u043e\u0432\u0436\u0443\u0439\u0442\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0437\u0430\u0437\u0435\u043c\u043b\u0435\u043d\u043d\u044f \u0442\u0430 \u043f\u0440\u0438\u0439\u043d\u044f\u0442\u0442\u044f, \u0443\u0432\u0430\u0436\u043d\u0456\u0441\u0442\u044c \u0434\u043e \u0442\u0456\u043b\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0436\u0435 \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0431\u0430\u043b\u0430\u043d\u0441.<\/p>';\n } else if(pctM > pctF){\n heading='\u0414\u043e\u043c\u0456\u043d\u0443\u0454 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f (\u043f\u0435\u0440\u0435\u043a\u0456\u0441 \u0443 \u0434\u0456\u044e\/\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c)';\n summary = '<p>\u0423 \u0432\u0430\u0441 \u0431\u0456\u043b\u044c\u0448\u0435 \u0435\u043d\u0435\u0440\u0433\u0456\u0457, \u0441\u043f\u0440\u044f\u043c\u043e\u0432\u0430\u043d\u043e\u0457 \u043d\u0430 \u0434\u0456\u044e, \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0456 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u043b\u044c\u043d\u0456\u0441\u0442\u044c. \u0426\u0435 \u0434\u0430\u0454 \u0441\u0438\u043b\u0443 \u0442\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c, \u0430\u043b\u0435 \u043c\u043e\u0436\u0435 \u043f\u0440\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0438 \u0434\u043e \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0443\u0436\u0435\u043d\u043d\u044f \u0442\u0456\u043b\u0430: \u043d\u0430\u043f\u0440\u0443\u0433\u0430 \u0432 \u043f\u043b\u0435\u0447\u0430\u0445, \u0448\u0438\u0457, \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0438 \u0437\u0456 \u0441\u043d\u043e\u043c, \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f \"\u0442\u044f\u0436\u043a\u043e\u0441\u0442\u0456\" \u0430\u0431\u043e \u043d\u0435\u0441\u0442\u0430\u0447\u0456 \u043e\u043f\u043e\u0440\u0438 \u0432 \u0442\u0430\u0437\u043e\u0432\u0456\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0456. \u0415\u043c\u043e\u0446\u0456\u0439\u043d\u043e \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0456\u0434\u0448\u0435 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0442\u0438 \u0441\u043e\u0431\u0456 \u0432\u0440\u0430\u0437\u043b\u0438\u0432\u0456\u0441\u0442\u044c \u0456 \u043f\u0440\u043e\u0441\u0438\u0442\u0438 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u0443.<\/p>';\n summary += '<h4>\u0429\u043e \u0434\u043e\u043f\u043e\u043c\u043e\u0436\u0435:<\/h4><ul><li>\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0437\u0430\u0437\u0435\u043c\u043b\u0435\u043d\u043d\u044f: \u0445\u043e\u0434\u044c\u0431\u0430 \u0431\u043e\u0441\u043e\u043d\u0456\u0436, \u0441\u0432\u0456\u0434\u043e\u043c\u0435 \u0434\u0438\u0445\u0430\u043d\u043d\u044f, \u0440\u043e\u0431\u043e\u0442\u0430 \u0437 \u0442\u0456\u043b\u043e\u043c.<\/li><li>\u041d\u0430\u0432\u0447\u0456\u0442\u044c\u0441\u044f \u0434\u0435\u043b\u0435\u0433\u0443\u0432\u0430\u0442\u0438 \u0439 \u043f\u0440\u043e\u0441\u0438\u0442\u0438 \u2014 \u043a\u043e\u0440\u043e\u0442\u043a\u0456 \u0432\u043f\u0440\u0430\u0432\u0438 \u043d\u0430 \u0434\u043e\u0432\u0456\u0440\u0443.<\/li><li>\u041c\u2019\u044f\u043a\u0456 \u0440\u0443\u0445\u0438 \u0434\u043b\u044f \u0448\u0438\u0457\/\u043f\u043b\u0435\u0447\u0435\u0439, \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0438\u0432\u043d\u0430 \u043c\u2019\u044f\u0437\u043e\u0432\u0430 \u0440\u0435\u043b\u0430\u043a\u0441\u0430\u0446\u0456\u044f.<\/li><\/ul>';\n } else {\n heading='\u0414\u043e\u043c\u0456\u043d\u0443\u0454 \u0436\u0456\u043d\u043e\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f (\u043f\u0435\u0440\u0435\u043a\u0456\u0441 \u0443 \u043f\u0440\u0438\u0439\u043d\u044f\u0442\u0442\u044f\/\u0447\u0443\u0439\u043d\u0456\u0441\u0442\u044c)';\n summary = '<p>\u0423 \u0432\u0430\u0441 \u0431\u0456\u043b\u044c\u0448\u0435 \u0435\u043d\u0435\u0440\u0433\u0456\u0457, \u0441\u043f\u0440\u044f\u043c\u043e\u0432\u0430\u043d\u043e\u0457 \u043d\u0430 \u043f\u0440\u0438\u0439\u043d\u044f\u0442\u0442\u044f, \u0435\u043c\u043f\u0430\u0442\u0456\u044e \u0442\u0430 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0443 \u0456\u043d\u0448\u0438\u0445. \u0426\u0435 \u0434\u0436\u0435\u0440\u0435\u043b\u043e \u043d\u0456\u0436\u043d\u043e\u0441\u0442\u0456, \u0430\u043b\u0435 \u0432 \u043f\u0435\u0440\u0435\u043a\u043e\u0441\u0456 \u043c\u043e\u0436\u0435 \u043f\u0440\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0438 \u0434\u043e \u0432\u0442\u0440\u0430\u0442\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438: \u0432\u0430\u0436\u043a\u043e \u043f\u0440\u0438\u0439\u043c\u0430\u0442\u0438 \u0440\u0456\u0448\u0435\u043d\u043d\u044f, \u0431\u0435\u0440\u0435\u0442\u0435 \u043d\u0430 \u0441\u0435\u0431\u0435 \u0440\u043e\u043b\u044c \u043e\u043f\u0456\u043a\u0438, \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f \u043d\u0435\u0441\u0442\u0430\u0447\u0456 \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u0438\u0445 \u043a\u043e\u0440\u0434\u043e\u043d\u0456\u0432. \u0422\u0456\u043b\u043e \u043c\u043e\u0436\u0435 \u0440\u0435\u0430\u0433\u0443\u0432\u0430\u0442\u0438 \u0432\u0442\u043e\u043c\u043e\u044e, \u0431\u043e\u043b\u044f\u043c\u0438 \u0432 \u0433\u0440\u0443\u0434\u044f\u0445, \u0435\u043c\u043e\u0446\u0456\u0439\u043d\u043e\u044e \u043b\u0430\u0431\u0456\u043b\u044c\u043d\u0456\u0441\u0442\u044e \u0430\u0431\u043e \u043e\u0441\u043b\u0430\u0431\u043b\u0435\u043d\u0438\u043c \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f\u043c \u043e\u043f\u043e\u0440\u0438 \u0432 \u043d\u043e\u0433\u0430\u0445\/\u0442\u0430\u043b\u0456\u0457.<\/p>';\n summary += '<h4>\u0429\u043e \u0434\u043e\u043f\u043e\u043c\u043e\u0436\u0435:<\/h4><ul><li>\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u043a\u043e\u0440\u0434\u043e\u043d\u0456\u0432 \u0456 \u0449\u043e\u0434\u0435\u043d\u043d\u0456 \u043a\u043e\u0440\u043e\u0442\u043a\u0456 \u0440\u0438\u0442\u0443\u0430\u043b\u0438 \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u043e\u0457 \u0441\u0438\u043b\u0438.<\/li><li>\u0420\u0443\u0445\u0438 \u0434\u043b\u044f \u0446\u0435\u043d\u0442\u0440\u0443 \u0442\u0456\u043b\u0430: \u0440\u043e\u0431\u043e\u0442\u0430 \u0437 \u0442\u0430\u0437\u043e\u043c, \u043d\u043e\u0433\u0438, \u0443\u043f\u043e\u0440 \u043d\u0430 \u0431\u0435\u0437\u043f\u0435\u043a\u0443.<\/li><li>\u0412\u043f\u0440\u0430\u0432\u0438 \u043d\u0430 \u0437\u0431\u0443\u0434\u0436\u0435\u043d\u043d\u044f \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0457 \u0432\u043e\u043b\u0456 \u0442\u0430 \u043f\u043b\u0430\u043d\u0443\u0432\u0430\u043d\u043d\u044f \u2014 \u043b\u0435\u0433\u043a\u0456 \u0446\u0456\u043b\u0435\u043f\u043e\u043a\u043b\u0430\u0434\u0430\u043d\u043d\u044f.<\/li><\/ul>';\n }\n\n \/\/ Body reaction notes\n const bodyNotes = '<h4>\u042f\u043a \u0440\u0435\u0430\u0433\u0443\u0454 \u0442\u0456\u043b\u043e<\/h4><p>\u041f\u0435\u0440\u0435\u043a\u043e\u0441 \u0443 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u0443 \u0435\u043d\u0435\u0440\u0433\u0456\u044e \u0447\u0430\u0441\u0442\u043e \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u0454\u0442\u044c\u0441\u044f \u044f\u043a \u043d\u0430\u043f\u0440\u0443\u0433\u0430 \u0432 \u043f\u043b\u0435\u0447\u0430\u0445, \u0448\u0438\u0457, \u0433\u043e\u043b\u043e\u0432\u043d\u0456 \u0431\u043e\u043b\u0456, \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0438 \u0437\u0456 \u0441\u043d\u043e\u043c. \u041f\u0435\u0440\u0435\u043a\u043e\u0441 \u0443 \u0436\u0456\u043d\u043e\u0447\u0443 \u2014 \u044f\u043a \u0432\u0442\u043e\u043c\u0430, \u0431\u043e\u043b\u0456 \u0432 \u0433\u0440\u0443\u0434\u043d\u0456\u0439 \u043a\u043b\u0456\u0442\u0438\u043d\u0456, \u0435\u043c\u043e\u0446\u0456\u0439\u043d\u0430 \u043d\u0435\u0441\u0442\u0430\u0431\u0456\u043b\u044c\u043d\u0456\u0441\u0442\u044c, \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f \u0441\u043b\u0430\u0431\u043a\u043e\u0457 \u043e\u043f\u043e\u0440\u0438 \u0432 \u043d\u043e\u0433\u0430\u0445 \u0430\u0431\u043e \u0442\u0430\u0437\u0456. \u0411\u0430\u043b\u0430\u043d\u0441 \u0441\u0443\u043f\u0440\u043e\u0432\u043e\u0434\u0436\u0443\u0454\u0442\u044c\u0441\u044f \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f\u043c \u0437\u0430\u0437\u0435\u043c\u043b\u0435\u043d\u043e\u0441\u0442\u0456, \u0441\u043f\u043e\u043a\u043e\u044e \u0442\u0430 \u0433\u043d\u0443\u0447\u043a\u043e\u0441\u0442\u0456 \u0432 \u0435\u043c\u043e\u0446\u0456\u044f\u0445.<\/p>';\n\n \/\/ Personalized brief advice and CTA\n const cta = '<h4>\u0425\u043e\u0447\u0435\u0442\u0435 \u0433\u043b\u0438\u0431\u0448\u0435?<\/h4><p>\u042f\u043a \u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433 \u044f \u043f\u0440\u043e\u0432\u043e\u0434\u0436\u0443 \u0434\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u043d\u0456 \u0441\u0435\u0441\u0456\u0457, \u0434\u0435 \u043c\u0438 \u0432\u0438\u0437\u043d\u0430\u0447\u0430\u0454\u043c\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u043f\u0435\u0440\u0435\u043a\u043e\u0441\u0443, \u0439\u043e\u0433\u043e \u043d\u0430\u0441\u043b\u0456\u0434\u043a\u0438 \u0432 \u0442\u0456\u043b\u0456 \u0456 \u0436\u0438\u0442\u0442\u0456, \u0442\u0430 \u0441\u043a\u043b\u0430\u0434\u0430\u0454\u043c\u043e \u043f\u043b\u0430\u043d \u0432\u0456\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f. \u042f\u043a\u0449\u043e \u0432\u0438 \u0445\u043e\u0447\u0435\u0442\u0435, \u044f \u0437 \u0440\u0430\u0434\u0456\u0441\u0442\u044e \u0437\u0430\u043f\u0440\u043e\u0448\u0443\u044e \u043d\u0430 <strong>\u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0443 \u0434\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u043d\u0443 \u0441\u0435\u0441\u0456\u044e<\/strong>.<\/p>';\n\n out.style.display='block';\n out.innerHTML = `<h3>${heading}<\/h3><p class=\"muted\">\u0427\u043e\u043b\u043e\u0432\u0456\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f: ${pctM}% \u2014 \u0416\u0456\u043d\u043e\u0447\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f: ${pctF}%<\/p>` + summary + bodyNotes + cta + '<div class=\"share\"><button id=\"print\">\u0420\u043e\u0437\u0434\u0440\u0443\u043a\u0443\u0432\u0430\u0442\u0438 \/ \u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/button><\/div>';\n\n document.getElementById('print').addEventListener('click', ()=>window.print());\n\n })\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0422\u0435\u0441\u0442: \u0411\u0430\u043b\u0430\u043d\u0441 \u0436\u0456\u043d\u043e\u0447\u043e\u0457 \u0442\u0430 \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457 \u0422\u0435\u0441\u0442: \u0427\u0438 \u0454 \u0443 \u0432\u0430\u0441 \u043f\u0435\u0440\u0435\u043a\u043e\u0441 \u0436\u0456\u043d\u043e\u0447\u043e\u0457 \u0430\u0431\u043e \u0447\u043e\u043b\u043e\u0432\u0456\u0447\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457? \u041a\u0456\u043b\u044c\u043a\u0430 \u043f\u0440\u043e\u0441\u0442\u0438\u0445 \u0437\u0430\u043f\u0438\u0442\u0430\u043d\u044c \u2014 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0439\u0442\u0435 \u0456\u043d\u0442\u0443\u0457\u0442\u0438\u0432\u043d\u043e. \u041d\u0430\u043f\u0440\u0438\u043a\u0456\u043d\u0446\u0456 \u0432\u0438 \u043e\u0442\u0440\u0438\u043c\u0430\u0454\u0442\u0435 \u0456\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0446\u0456\u044e: \u044f\u043a\u0430 \u0435\u043d\u0435\u0440\u0433\u0456\u044f \u0432 \u0434\u043e\u043c\u0456\u043d\u0430\u043d\u0442\u0456, \u044f\u043a \u0446\u0435 \u0432\u043f\u043b\u0438\u0432\u0430\u0454 \u043d\u0430 \u0436\u0438\u0442\u0442\u044f \u0456 \u0442\u0456\u043b\u043e, \u0442\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0456 \u043f\u043e\u0440\u0430\u0434\u0438. 1) \u042f \u0447\u0430\u0441\u0442\u0456\u0448\u0435 \u0431\u0435\u0440\u0443 \u043d\u0430 \u0441\u0435\u0431\u0435 \u0456\u043d\u0456\u0446\u0456\u0430\u0442\u0438\u0432\u0443 \u0442\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0443 \u0441\u0456\u043c’\u0457\/\u0440\u043e\u0431\u043e\u0442\u0456. \u0417\u043e\u0432\u0441\u0456\u043c \u043d\u0456 \u041d\u0456 \u0406\u043d\u043e\u0434\u0456 […]<\/p>\n","protected":false},"author":1,"featured_media":336,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-335","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/pages\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=335"}],"version-history":[{"count":1,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/pages\/335\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/pages\/335\/revisions\/337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=\/wp\/v2\/media\/336"}],"wp:attachment":[{"href":"https:\/\/psychologysavcenkoite.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}