/* ===== LO&E — Quiz modal (поверх index.html). Все стили scoped под #loeReport / .lr-fab ===== */
#loeReport{
  position:fixed;inset:0;z-index:500;display:flex;align-items:flex-start;justify-content:center;
  overflow-y:auto;padding:32px 16px;
  background:rgba(43,37,32,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  animation:quizFade .3s ease;
  --q-plum:#6B3A4E;--q-gold:#B8975A;--q-gold-d:#8C6E3A;--q-rose:#D4A8A3;--q-rose-d:#B97f7a;
  --q-char:#2B2520;--q-stone:#9B8F88;--q-champ:#C4AF97;--q-line:rgba(184,151,90,.28);
  --q-serif:'EB Garamond',Georgia,serif;--q-sans:'DM Sans',-apple-system,sans-serif;
}
#loeReport[hidden]{display:none}
@keyframes quizFade{from{opacity:0}to{opacity:1}}
@keyframes quizUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

#loeReport .quiz-card{
  position:relative;max-width:600px;width:100%;margin:auto;
  background:radial-gradient(130% 80% at 50% -8%, #FDFAF4 0%, #F6EEE3 45%, #F0E4D2 100%);
  border:1px solid var(--q-line);border-radius:22px;box-shadow:0 30px 70px rgba(40,30,20,.4);
  padding:38px 32px;color:var(--q-char);font-family:var(--q-sans);animation:quizUp .35s ease;
}
@media(max-width:560px){#loeReport .quiz-card{padding:30px 20px}#loeReport{padding:16px 10px}}

#loeReport .quiz-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;
  border:1px solid var(--q-line);background:rgba(255,255,255,.6);color:#6b5740;font-size:17px;
  cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;z-index:3}
#loeReport .quiz-x:hover{background:#6B3A4E;color:#F7F0E8;border-color:#6B3A4E}
#loeReport .qlang{position:absolute;top:16px;left:16px;display:flex;gap:5px;z-index:3}
#loeReport .qlang button{width:26px;height:20px;padding:0;border:1px solid var(--q-line);border-radius:5px;background:rgba(255,255,255,.55);cursor:pointer;overflow:hidden;opacity:.55;transition:opacity .2s,border-color .2s}
#loeReport .qlang button:hover{opacity:.85}
#loeReport .qlang button.on{opacity:1;border-color:var(--q-plum);box-shadow:0 0 0 2px rgba(107,58,78,.18)}
#loeReport .qlang .fi{width:100%;height:100%;border-radius:0;display:block}

#loeReport .qmark{width:56px;margin:2px auto 6px;color:var(--q-gold-d)}
#loeReport .qmark svg{display:block;width:100%;height:auto}
#loeReport .qbrand{font-family:var(--q-serif);font-size:20px;letter-spacing:.02em;color:var(--q-char);text-align:center}
#loeReport .qbrand .amp{color:var(--q-gold)}
#loeReport .qkick{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--q-rose-d);text-align:center;margin:4px 0 22px}

/* intro */
#loeReport .intro{text-align:center}
#loeReport .intro h1{font-family:var(--q-serif);font-weight:400;font-size:clamp(27px,6.5vw,38px);line-height:1.16;margin-bottom:14px}
#loeReport .intro h1 .moon{font-size:.8em}
#loeReport .intro .lead{font-size:16px;font-weight:300;line-height:1.6;color:#5d5249;max-width:44ch;margin:0 auto 16px}
#loeReport .intro .note{font-family:var(--q-serif);font-style:italic;font-size:14px;color:#8a7c6a;margin-bottom:24px}

/* progress / question */
#loeReport .qhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
#loeReport .qprog{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--q-rose-d)}
#loeReport .qback{background:none;border:none;font-family:inherit;font-size:12px;color:#9a8a70;cursor:pointer}
#loeReport .qbar{height:4px;background:rgba(184,151,90,.18);border-radius:4px;overflow:hidden;margin-bottom:22px}
#loeReport .qbar i{display:block;height:100%;background:linear-gradient(90deg,var(--q-rose),var(--q-gold));border-radius:4px;transition:width .4s ease}
#loeReport .qtext{font-family:var(--q-serif);font-size:clamp(20px,4.4vw,25px);line-height:1.3;color:var(--q-char);margin-bottom:20px}

/* options */
#loeReport .opts{display:flex;flex-direction:column;gap:11px}
#loeReport .opt{display:flex;align-items:center;gap:13px;text-align:left;background:rgba(255,255,255,.55);
  border:1px solid var(--q-line);border-radius:13px;padding:15px 17px;cursor:pointer;font-family:inherit;
  font-size:15px;line-height:1.4;color:#46383c;transition:border-color .2s,background .2s,transform .12s}
#loeReport .opt:hover{border-color:var(--q-rose);background:rgba(212,168,163,.12)}
#loeReport .opt:active{transform:scale(.99)}
#loeReport .opt .mk{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--q-champ);flex:none;
  display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--q-gold-d);font-family:var(--q-serif)}
#loeReport .opt.sel{border-color:var(--q-plum);background:rgba(107,58,78,.08)}
#loeReport .opt.sel .mk{background:var(--q-plum);border-color:var(--q-plum);color:#fff}

/* buttons */
#loeReport .qbtn{font-family:var(--q-serif);font-size:18px;padding:15px 22px;border:none;border-radius:12px;
  background:var(--q-plum);color:#F7F0E8;cursor:pointer;letter-spacing:.02em;transition:background .25s,transform .12s;width:100%;margin-top:8px}
#loeReport .qbtn:hover{background:#7d4458}#loeReport .qbtn:active{transform:translateY(1px)}
#loeReport .qbtn.ghost{background:transparent;color:var(--q-plum);border:1px solid var(--q-rose)}
#loeReport .qbtn:disabled{opacity:.5;cursor:default}

/* form */
#loeReport .frm{display:flex;flex-direction:column;gap:13px}
#loeReport .frm h2{font-family:var(--q-serif);font-weight:400;font-size:25px;text-align:center}
#loeReport .frm .flead{font-size:14.5px;font-weight:300;color:#5d5249;text-align:center;margin-bottom:4px}
#loeReport .frm input{font-family:inherit;font-size:15px;padding:14px 16px;border:1px solid var(--q-line);
  border-radius:11px;background:rgba(255,255,255,.6);color:var(--q-char)}
#loeReport .frm input:focus{outline:none;border-color:var(--q-gold);box-shadow:0 0 0 3px rgba(184,151,90,.13)}
#loeReport .frm input.err{border-color:#a05a5a;box-shadow:0 0 0 3px rgba(160,90,90,.12)}
#loeReport .q-phone{display:flex;align-items:stretch;border:1px solid var(--q-line);border-radius:11px;background:rgba(255,255,255,.6)}
#loeReport .q-phone:focus-within{border-color:var(--q-gold);box-shadow:0 0 0 3px rgba(184,151,90,.13)}
#loeReport .q-phone input{flex:1;border:none!important;background:none!important;box-shadow:none!important}
#loeReport .q-cc{padding:0 12px;display:flex;align-items:center;border-right:1px solid var(--q-line);color:#6b5740;font-size:14px;white-space:nowrap}
#loeReport .consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:#6d6055;cursor:pointer}
#loeReport .consent input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--q-plum)}
#loeReport .consent a{color:var(--q-gold-d)}
#loeReport .consent.err,#loeReport .consent.err a{color:#a05a5a}
#loeReport .fspam{font-size:12px;color:#9a8a70;text-align:center;margin-top:2px}

/* result */
#loeReport .res .rhero{text-align:center;padding:6px 0 18px;border-bottom:1px solid var(--q-line);margin-bottom:8px}
#loeReport .res .rmoon{font-size:34px}
#loeReport .res .rlabel{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--q-rose-d);margin:10px 0 4px}
#loeReport .res .rname{font-family:var(--q-serif);font-size:clamp(25px,5.5vw,33px);font-style:italic;color:var(--q-plum);line-height:1.15}
#loeReport .res .rsub{font-size:15px;font-weight:300;color:#5d5249;max-width:42ch;margin:12px auto 0}
#loeReport .res h2{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--q-rose-d);margin:26px 0 12px}
#loeReport .res p{font-size:15.5px;line-height:1.62;color:#48433d;margin-bottom:12px}
#loeReport .phase{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--q-line)}
#loeReport .phase:last-child{border:0}
#loeReport .phase .ic{font-size:22px;width:32px;text-align:center;flex:none}
#loeReport .phase b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--q-gold-d);margin-bottom:2px}
#loeReport .phase span{font-size:14px;color:#56504a;line-height:1.5}
#loeReport .maprow{padding:13px 0;border-bottom:1px dashed var(--q-line)}
#loeReport .maprow:last-child{border:0}
#loeReport .maprow .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
#loeReport .maprow .pn{font-weight:500;color:var(--q-char);font-size:14.5px}
#loeReport .maprow .wh{font-size:11px;color:var(--q-stone);white-space:nowrap}
#loeReport .maprow .ds{font-size:13.5px;color:#56504a;margin-top:3px;line-height:1.5}
#loeReport .maprow .ds b{color:var(--q-plum)}
#loeReport .maprow a{color:var(--q-gold-d);font-size:12px;text-decoration:none;border-bottom:1px solid rgba(184,151,90,.4);white-space:nowrap}
#loeReport .mapnote{font-size:12px;color:#9a8a70;font-style:italic;margin-top:10px}
#loeReport .bridge{background:linear-gradient(160deg,rgba(212,168,163,.14),rgba(184,151,90,.1));
  border-left:2px solid var(--q-rose-d);border-radius:0 12px 12px 0;padding:15px 17px;font-size:14.5px;line-height:1.6;color:#4a4039;margin:6px 0}
#loeReport .gift{background:linear-gradient(180deg,rgba(212,168,163,.16),rgba(255,255,255,.2));
  border:1px solid var(--q-rose);border-radius:14px;padding:20px;text-align:center;margin:22px 0}
#loeReport .gift .big{font-family:var(--q-serif);font-size:19px;color:var(--q-plum);margin-bottom:6px}
#loeReport .gift p{font-size:14px;color:#56504a;margin:0}
#loeReport .cta{display:flex;flex-direction:column;gap:10px;margin:18px 0 4px}
#loeReport .signoff{font-size:15px;color:#48433d;line-height:1.6;margin-top:14px}
#loeReport .disc{font-size:11px;color:#9a8a70;font-style:italic;line-height:1.6;border-top:1px solid var(--q-line);padding-top:14px;margin-top:18px}

/* плавающая кнопка «пройти тест» */
.lr-fab{position:fixed;right:18px;bottom:18px;z-index:180;display:flex;align-items:center;gap:9px;
  background:#6B3A4E;color:#F7F0E8;border:none;border-radius:30px;padding:13px 20px;cursor:pointer;
  font-family:'EB Garamond',Georgia,serif;font-size:16px;letter-spacing:.01em;
  box-shadow:0 10px 28px rgba(70,40,55,.35);animation:quizUp .4s ease}
.lr-fab:hover{background:#7d4458}
.lr-fab .fm{width:22px;display:inline-flex;color:#E4C988}
.lr-fab .fm svg{display:block;width:100%;height:auto}
.lr-fab[hidden]{display:none}
@media(max-width:560px){.lr-fab{right:12px;bottom:12px;font-size:14px;padding:11px 16px}}

@media print{#loeReport{position:static;background:#fff;backdrop-filter:none;padding:0}
  #loeReport .quiz-card{box-shadow:none;border:none}
  #loeReport .quiz-x,#loeReport .cta,#loeReport .qhead,#loeReport .qbar,.lr-fab{display:none!important}}

/* ===== блоки персонального отчёта внутри модалки ===== */
#loeReport .r-badge{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--q-gold-d);margin-bottom:8px}
#loeReport .r-h1{font-family:var(--q-serif);font-weight:500;font-size:clamp(24px,5vw,34px);line-height:1.16;margin:2px 0 10px;color:var(--q-char)}
#loeReport .r-lead{font-size:15.5px;font-weight:300;line-height:1.62;color:#5d5249;margin-bottom:6px}
#loeReport .arch{display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.55);border:1px solid var(--q-line);border-radius:15px;padding:14px 16px;margin:16px 0}
#loeReport .arch .ic{font-size:27px;flex:none;line-height:1}
#loeReport .arch .nm{font-family:var(--q-serif);font-size:19px;color:var(--q-plum)}
#loeReport .arch .ds{font-size:13.5px;color:#5a4a3a;line-height:1.5}
#loeReport .r-sub{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--q-stone);margin:24px 0 4px}
#loeReport .bars{margin:4px 0}
#loeReport .brow{display:flex;align-items:center;gap:10px;margin:8px 0}
#loeReport .blab{flex:0 0 47%;font-size:13.5px;color:#4a4138}
#loeReport .btrack{flex:1;height:8px;background:rgba(184,151,90,.18);border-radius:6px;overflow:hidden}
#loeReport .bfill{height:100%;border-radius:6px}
#loeReport .f80{background:#9cbf6e}#loeReport .f60{background:#d9bf7a}#loeReport .f40{background:#dca878}#loeReport .f0{background:#cf8f8f}
#loeReport .r-h2{font-family:var(--q-serif);font-weight:500;font-size:clamp(19px,3.4vw,24px);color:var(--q-plum);margin:26px 0 8px}
#loeReport .obs{display:flex;gap:11px;align-items:flex-start;margin:11px 0}
#loeReport .obs .em{font-size:19px;flex:none;line-height:1.2}
#loeReport .obs b{color:#3a322b}
#loeReport .obs .st{color:#5a4a3a;font-size:14px}
#loeReport .card{background:rgba(255,255,255,.5);border:1px solid var(--q-line);border-radius:15px;padding:16px 18px;margin:12px 0}
#loeReport .qmark-q{color:#8a7c6a;font-style:italic;margin-top:8px;font-size:14px}
#loeReport .pill{display:inline-block;font-size:11px;padding:3px 9px;border-radius:20px;font-weight:500;margin-left:4px}
#loeReport .p80{background:#e6efdd;color:#3b6d11}#loeReport .p60{background:#f6efd6;color:#8a6d1e}#loeReport .p40{background:#f2e1d4;color:#9a5a2a}#loeReport .p0{background:#f1dada;color:#8f3030}
#loeReport .why{font-size:14px;color:#5a4a3a;line-height:1.6;margin:8px 0}
#loeReport .today{background:rgba(184,151,90,.08);border-left:3px solid var(--q-plum);border-radius:0 10px 10px 0;padding:11px 15px;margin:10px 0;font-size:14px}
#loeReport .today ul{margin:6px 0 0;padding-left:18px}#loeReport .today li{margin:4px 0}
#loeReport .sci{background:rgba(156,191,110,.07);border:1px solid rgba(140,150,90,.22);border-radius:12px;padding:12px 15px;margin:11px 0}
#loeReport .sci .scih{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#6e7a45;margin-bottom:4px}
#loeReport .sci p{margin:3px 0;font-size:14px;color:#48433a;line-height:1.55}
#loeReport .sci .srcs{font-size:11px;color:#8a8175;margin-top:7px}
#loeReport .srclink{color:var(--q-gold-d);text-decoration:none;border-bottom:1px dotted rgba(140,110,58,.5)}
#loeReport .srclink:hover{color:var(--q-plum)}
#loeReport .rec{background:rgba(107,58,78,.06);border:1px solid rgba(107,58,78,.18);border-radius:12px;padding:11px 14px;margin:10px 0;font-size:13.5px;color:#5a4048}
#loeReport .rec b{color:var(--q-plum)}
#loeReport .chip{display:inline-block;font-size:11px;font-weight:500;color:#7a5a1e;background:linear-gradient(180deg,#f1e3c6,#e4cf9a);border:1px solid rgba(140,110,58,.5);border-radius:6px;padding:2px 8px;margin:1px 3px 1px 0}
#loeReport .concl{font-family:var(--q-serif);font-size:15.5px;color:var(--q-plum);font-style:italic;margin:10px 0 2px;line-height:1.5}
#loeReport .synth{background:rgba(255,255,255,.55);border:1px solid var(--q-line);border-radius:15px;padding:18px;margin:16px 0}
#loeReport .synth h3{font-family:var(--q-serif);font-weight:500;font-size:18px;color:var(--q-plum);margin:0 0 4px}
#loeReport .synth .lbl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--q-gold-d);margin:10px 0 3px}
#loeReport .synth ol{margin:5px 0 0;padding-left:18px}#loeReport .synth ol li{margin:5px 0;font-size:14px;color:#48433a}
#loeReport .synth .tags span{display:inline-block;font-size:13px;color:#48433a;background:rgba(184,151,90,.12);border-radius:8px;padding:3px 10px;margin:2px 4px 2px 0}
#loeReport .sources{margin-top:22px;border-top:1px solid var(--q-line);padding-top:12px}
#loeReport .sources .sh{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--q-stone);margin-bottom:7px}
#loeReport .sources ul{margin:0;padding-left:18px}#loeReport .sources li{font-size:11.5px;color:#7d7468;margin:4px 0}
#loeReport .next{background:linear-gradient(160deg,rgba(107,58,78,.08),rgba(184,151,90,.08));border-radius:15px;padding:20px;margin:20px 0;text-align:center}
#loeReport .next .nm{font-family:var(--q-serif);font-size:20px;color:var(--q-plum);margin-bottom:6px}