:root{--bg:#0B0B0B;--card:#141414;--card2:#1B1B1B;--line:#272727;--tx:#FFFFFF;--mute:#A6A6A6;--dim:#707070;--acid:#D8FF3E;--acid2:#E4FF63;--line2:#3A3A3A;--hi:#FFFFFF;--t2:#D8D8D8;--on:#0B0B0B;--warn:#FF8A6B;--red:#FF5147;
--sans:"Onest","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:17px;line-height:1.55;font-weight:500;overflow-x:hidden}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.mono{font-family:var(--mono)}
.acc{color:var(--acid)}
.eyebrow{font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0}

/* горна лента — като на началната */
.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:10px;height:58px}
.logo{font-weight:900;font-size:19px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.logo b{color:var(--acid)}
.sp{flex:1}
.toplink{font:700 14px var(--sans);text-decoration:none;color:var(--t2);padding:8px 12px;border-radius:999px;border:1px solid var(--line);white-space:nowrap;background:transparent;cursor:pointer}
.toplink:hover{border-color:var(--line2)}
.toplink.on{border-color:var(--acid);color:var(--hi)}
.sos{font:800 14px var(--sans);text-decoration:none;background:var(--acid);color:var(--on);padding:8px 13px;border-radius:999px;white-space:nowrap}
@media (max-width:560px){.top .wrap{flex-wrap:wrap;row-gap:6px;height:auto;padding-block:8px;justify-content:flex-end}.top .sp{display:none}.top .logo{flex-basis:100%}.toplink{padding:7px 10px;font-size:12.5px}.sos{padding:7px 11px;font-size:12.5px}.top .tema-btn{padding:5px}}

/* прогрес */
.prog{position:sticky;top:58px;z-index:25;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.prog .wrap{display:flex;align-items:center;gap:12px;height:44px}
.prog .pt{font:700 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}
.prog .bar{flex:1;height:6px;border-radius:9px;background:var(--card2);overflow:hidden}
.prog .bar i{display:block;height:100%;width:0;background:var(--acid);border-radius:9px;transition:width .35s ease}
.prog .pn{font:800 13px var(--mono);white-space:nowrap}
@media (max-width:560px){.prog{top:88px}.prog .pt{display:none}}

/* хъб */
.hero{padding:54px 0 18px}
.hero h1{margin:14px 0 14px;font:900 clamp(46px,8.6vw,96px)/.95 var(--sans);letter-spacing:-.045em}
.hero h1 span{color:var(--acid)}
.hero .lead{margin:0;max-width:640px;font-size:clamp(17px,2vw,20px);color:var(--t2)}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.pills li{font:700 12.5px var(--mono);letter-spacing:.04em;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--t2);background:var(--card)}
.pills li b{color:var(--acid)}
.filters{display:flex;gap:8px;margin:34px 0 16px;flex-wrap:wrap}
.srch{position:relative;display:flex;align-items:center;flex:1 1 220px;min-width:180px}
.srch input{width:100%;font:600 15px var(--sans);color:var(--tx);background:var(--card);border:1.5px solid var(--line2);border-radius:999px;padding:9px 34px 9px 16px;-webkit-appearance:none;appearance:none}
.srch input::placeholder{color:var(--dim)}
.srch input::-webkit-search-cancel-button{display:none}
.srch .sx{position:absolute;right:6px;width:26px;height:26px;border:0;border-radius:999px;background:var(--line);color:var(--t2);cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}
.nores{margin:6px 0 0;color:var(--mute);font-size:15px}

.chip{font:700 14px var(--sans);padding:9px 15px;border-radius:999px;border:1.5px solid var(--line2);background:transparent;cursor:pointer;color:var(--t2)}
.chip[aria-pressed="true"]{background:var(--hi);color:var(--bg);border-color:var(--hi)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
@media (max-width:400px){.grid{grid-template-columns:1fr}}
.tile{position:relative;display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 22px 20px;min-height:220px;overflow:hidden;transition:transform .15s,border-color .15s,background .15s}
.tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cc,var(--c)) 60%,var(--line2))}
.tile::after{content:"";position:absolute;right:-60px;top:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cc,var(--c)) 26%,transparent),transparent 70%);pointer-events:none}
.tile .tn{font:800 13px var(--mono);color:var(--cc,var(--c));letter-spacing:.06em}
.tile .tk{font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.tile h3{margin:4px 0 0;font:850 26px/1.08 var(--sans);letter-spacing:-.02em;font-weight:800}
.tile p{margin:4px 0 0;color:var(--t2);font-size:15.5px;line-height:1.45}
.tile .tm{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:700 12px var(--mono);color:var(--mute)}
.tile .tm .go{margin-left:auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--hi);color:var(--bg);font-size:18px;transition:transform .15s}
.tile:hover .go{transform:translateX(3px)}
.tile .last{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:var(--card2);color:var(--t2)}
.tile .last i{width:7px;height:7px;border-radius:50%;background:var(--tc)}
.who{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid var(--line2);color:var(--t2)}
.how{margin:40px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.how div{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--card)}
.how b{display:block;font-size:17px;margin-bottom:4px}
.how p{margin:0;color:var(--mute);font-size:14.5px}

/* тест */
.thead{padding:34px 0 8px}
.back{display:inline-flex;align-items:center;gap:6px;font:700 13px var(--mono);color:var(--mute);text-decoration:none;letter-spacing:.04em}
.back:hover{color:var(--hi)}
.thead h1{margin:14px 0 6px;font:900 clamp(32px,8.4vw,68px)/1.02 var(--sans);letter-spacing:-.04em;overflow-wrap:break-word}
.thead .kick{margin:0;font:800 clamp(20px,3vw,28px)/1.15 var(--sans);color:var(--cc,var(--c))}
.thead .intro{margin:16px 0 0;color:var(--t2);max-width:680px}
.thead .intro b{color:var(--hi)}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.meta span{font:700 12px var(--mono);padding:6px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--t2)}
.variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:24px 0 6px}
.vb{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:16px 18px;border-radius:18px;border:1.5px solid var(--line2);background:var(--card);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.vb:hover{border-color:var(--t2)}
.vb:active{transform:scale(.99)}
.vb b{font-size:20px;font-weight:800}
.vb small{color:var(--mute);font-size:13.5px;line-height:1.35}
.vb[aria-pressed="true"]{border-color:var(--acid);background:color-mix(in srgb,var(--acid) 9%,var(--card))}
.vb[aria-pressed="true"] b::after{content:" ✓";color:var(--acid)}
.safe{margin:16px 0 0;padding:14px 16px;border-radius:14px;border:1px dashed var(--line2);color:var(--t2);font-size:14.5px}

.qs{display:flex;flex-direction:column;gap:14px;margin:26px 0 0;counter-reset:q}
.qc{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px 20px 18px;transition:border-color .2s,opacity .2s,background .2s}
.qc.cur{border-color:color-mix(in srgb,var(--acid) 70%,var(--line2));box-shadow:0 0 0 4px color-mix(in srgb,var(--acid) 10%,transparent)}
.qc.done{background:color-mix(in srgb,var(--card) 70%,var(--bg))}
.qc.done:not(.cur) .qq{color:var(--t2)}
.qh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.qn{font:800 13px var(--mono);color:var(--acid)}
.qof{font:700 12px var(--mono);color:var(--dim)}
.qx{font:700 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.hb{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:700 12.5px var(--sans);padding:6px 11px;border-radius:999px;border:1px solid var(--line2);background:transparent;cursor:pointer;color:var(--t2)}
.hb i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--card2);font:800 11px var(--mono)}
.hb[aria-expanded="true"]{border-color:var(--t2);color:var(--hi)}
.qq{margin:0;outline:none;font:750 clamp(19px,2.4vw,23px)/1.3 var(--sans);font-weight:700;letter-spacing:-.01em}
.qhint{margin:10px 0 0;padding:11px 14px;border-radius:12px;background:var(--card2);color:var(--t2);font-size:15px;line-height:1.45;border-left:3px solid var(--acid)}
.opts{display:grid;gap:8px;margin-top:16px}
.opts.row{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}
.opt{min-width:0}
.opt span{min-width:0;overflow-wrap:anywhere}
.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 15px;border-radius:14px;border:1.5px solid var(--line2);background:transparent;cursor:pointer;font-weight:650;font-size:16px;line-height:1.3;min-height:50px;transition:border-color .12s,background .12s,transform .08s;-webkit-tap-highlight-color:transparent}
.opt:hover{border-color:var(--t2)}
.opt:active{transform:scale(.985)}
.opt i{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--line2);display:grid;place-items:center;transition:all .12s}
.opt[aria-checked="true"]{border-color:var(--acid);background:color-mix(in srgb,var(--acid) 12%,transparent);color:var(--hi)}
.opt[aria-checked="true"] i{border-color:var(--acid);background:var(--acid)}
.opt[aria-checked="true"] i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--on)}
.multi .opt i{border-radius:6px}
.multi .opt[aria-checked="true"] i::after{content:"✓";width:auto;height:auto;background:none;color:var(--on);font:900 13px/1 var(--sans)}
.mdone{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mdone small{color:var(--mute);font:700 12.5px var(--mono)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:800 16px var(--sans);text-decoration:none;color:var(--tx);background:transparent;border:1.5px solid var(--line2);border-radius:14px;padding:13px 18px;cursor:pointer;text-align:center}
.btn:hover{border-color:var(--t2)}
.btn.pri{background:var(--acid);color:var(--on);border-color:var(--acid)}
.btn.sm{font-size:14px;padding:9px 13px;border-radius:11px}

.wait{margin:18px 0 0;padding:26px 22px;border-radius:22px;border:1.5px dashed var(--line2);text-align:center;color:var(--mute)}
.wait b{display:block;font:900 44px/1 var(--sans);color:var(--hi);margin-bottom:6px}

/* резултат */
.res{margin:22px 0 0;border-radius:28px;border:1.5px solid color-mix(in srgb,var(--acid) 45%,var(--line2));background:linear-gradient(170deg,color-mix(in srgb,var(--acid) 7%,var(--card)),var(--card) 45%);padding:28px 24px 26px;animation:rise .5s ease both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.res{animation:none}.prog .bar i{transition:none}}
.score{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:14px 0 2px}
.score .num{font:900 clamp(78px,15vw,132px)/.9 var(--sans);letter-spacing:-.05em;color:var(--acid);font-variant-numeric:tabular-nums}
.score .of{font:700 15px var(--mono);color:var(--mute)}
.res h2{margin:10px 0 0;font:900 clamp(28px,4.4vw,44px)/1.05 var(--sans);letter-spacing:-.03em}
.lvl{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font:800 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:var(--card2);border:1px solid var(--line2)}
.lvl i{width:9px;height:9px;border-radius:50%;background:var(--tc)}
.gauge{position:relative;margin:26px 0 8px;display:flex;gap:4px;height:14px}
.gauge .seg{height:100%;border-radius:4px;background:var(--tc);opacity:.4}
.gauge .seg.on{opacity:1}
.gauge .mk{position:absolute;top:50%;width:26px;height:26px;border-radius:50%;background:var(--bg);border:4px solid var(--acid);transform:translate(-50%,-50%);box-shadow:0 0 0 4px color-mix(in srgb,var(--acid) 20%,transparent);transition:left .9s cubic-bezier(.2,.8,.2,1)}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 0;padding:0;list-style:none;font:700 12px var(--mono);color:var(--dim)}
.legend li{display:flex;align-items:center;gap:6px}
.legend li i{width:9px;height:9px;border-radius:3px;background:var(--tc)}
.legend li.on{color:var(--hi)}
.rtext{margin:20px 0 0;font-size:18px;color:var(--t2);max-width:700px}
.extra{margin:16px 0 0;padding:14px 16px;border-radius:14px;background:var(--card2);color:var(--t2);font-size:15.5px}
.extra b{color:var(--hi)}
.prev{margin:16px 0 0;font:700 13px var(--mono);color:var(--mute)}
.prev b{color:var(--hi)}
.rsec{margin:26px 0 0}
.rsec h3{margin:0 0 12px;font:800 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.focus{margin:0 0 12px;font-size:16px;color:var(--t2)}
.focus b{color:var(--acid)}
.doms{display:grid;gap:12px}
.dom .dl{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:15px}
.dom .dl span{font:700 12.5px var(--mono);color:var(--mute)}
.dom .db{margin-top:6px;height:10px;border-radius:9px;background:var(--card2);overflow:hidden}
.dom .db i{display:block;height:100%;width:0;border-radius:9px;background:var(--hi);transition:width .9s cubic-bezier(.2,.8,.2,1)}
.dom.top .db i{background:var(--acid)}
.dom.top .dl{color:var(--acid)}
.todo{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:t}
.todo li{position:relative;padding:14px 16px 14px 56px;border-radius:16px;background:var(--card2);border:1px solid var(--line);font-size:16px;line-height:1.45}
.todo li::before{counter-increment:t;content:counter(t);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--on);font:900 14px var(--mono)}
.heavy{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.heavy li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);font-size:14.5px;color:var(--t2)}
.heavy li b{flex:0 0 auto;font:700 12px var(--mono);color:var(--hi);text-align:right;max-width:40%}
.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.lk{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line2);text-decoration:none;transition:border-color .15s}
.lk:hover{border-color:var(--acid)}
.lk b{font-size:16.5px}
.lk b::after{content:" →";color:var(--acid)}
.lk small{color:var(--mute);font-size:13.5px}
.lk.pri{background:var(--acid);border-color:var(--acid);color:var(--on)}
.lk.pri small{color:color-mix(in srgb,var(--on) 70%,transparent)}
.lk.pri b::after{color:var(--on)}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}
.fine{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--dim);line-height:1.5}
.fine b{color:var(--mute)}

/* сигнали */
.alert{margin:0 0 14px;padding:16px 18px;border-radius:18px;border:1.5px solid var(--line2);background:var(--card2);font-size:15.5px;line-height:1.5}
.alert b{color:var(--hi)}
.alert.crisis,.alert.danger{border-color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--card))}
.alert.med{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,var(--card))}
.alert .phs{display:grid;gap:8px;margin-top:12px}
.ph{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line2);text-decoration:none}
.ph b{font:900 20px var(--mono);white-space:nowrap;color:var(--acid)}
.ph small{color:var(--t2);font-size:13px;line-height:1.3}
.alert.crisis .ph b,.alert.danger .ph b{color:var(--hi)}

/* всички отговори */
.allans{margin-top:12px}
.allans ol{margin:0;padding-left:22px;font-size:14.5px;color:var(--t2)}
.allans li{margin:0 0 6px}
.allans li b{color:var(--hi)}

.exit{position:fixed;left:14px;bottom:14px;z-index:60;font:800 14px var(--sans);padding:12px 16px;border-radius:999px;background:var(--red);color:#fff;border:0;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.35)}

.foot{margin:60px 0 0;border-top:1px solid var(--line);padding:26px 0 40px;color:var(--mute);font-size:14px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center}
.foot a{text-decoration:none;color:var(--t2)}
.foot a:hover{color:var(--hi)}
.foot .sp{flex:1}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:80;background:var(--hi);color:var(--bg);font-weight:800;font-size:14.5px;padding:10px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s}
.toast.on{opacity:1}

@media (max-width:560px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .hero{padding-top:34px}
  .qc{padding:17px 15px 15px;border-radius:18px}
  .res{padding:22px 16px;border-radius:22px}
  .todo li{padding-left:50px}
  .heavy li{flex-direction:column;gap:2px}
  .heavy li b{max-width:none;text-align:left}
}

@media print{
  :root{--bg:#fff;--card:#fff;--card2:#f3f3f3;--line:#ddd;--line2:#bbb;--tx:#000;--hi:#000;--t2:#222;--mute:#555;--dim:#777;--acid:#000;--on:#fff}
  html[data-tema]{--bg:#fff}
  body{background:#fff;color:#000;font-size:12pt}
  .top,.prog,.variants,.qs,.wait,.acts,.links,.exit,.foot,.filters,.hb,.toast,.back{display:none!important}
  .res{border:1px solid #999;background:#fff;animation:none}
  .allans{display:block!important}
  .gauge .seg{opacity:.35;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .gauge .seg.on{opacity:1}
  .todo li::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.nexts{display:flex;flex-wrap:wrap;gap:8px}
.nx{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;border:1px solid var(--line2);text-decoration:none;font-size:15px;transition:border-color .15s}
.nx:hover{border-color:var(--cc,var(--c))}
.nx i{width:9px;height:9px;border-radius:50%;background:var(--cc,var(--c));flex:0 0 auto}
.nx b{font-weight:700}
.nx small{color:var(--mute);font-size:13px}
@media (max-width:560px){.nx small{display:none}}

/* четивото под теста */
.toread{margin:14px 0 0}
.linkbtn{background:none;border:0;padding:0;cursor:pointer;font:700 15px var(--sans);color:var(--acid);text-align:left;text-decoration:underline;text-underline-offset:4px}
.read{margin:46px 0 0;padding-top:30px;border-top:2px solid var(--line)}
.readtop h2{margin:10px 0 0;font:900 clamp(28px,4.4vw,42px)/1.05 var(--sans);letter-spacing:-.03em}
.readlead{margin:12px 0 0;font-size:18px;color:var(--t2);max-width:640px}
.rd{margin:26px 0 0;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px 22px}
.rd h3{margin:0 0 10px;font:800 clamp(21px,3vw,27px)/1.2 var(--sans);letter-spacing:-.02em}
.rd p{margin:0 0 12px;font-size:17px;line-height:1.62;color:var(--t2)}
.rd p:last-child{margin-bottom:0}
.rd b{color:var(--hi);font-weight:700}
.rdh{margin-bottom:6px}
.tagchip{display:inline-block;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--line2);color:var(--mute)}
.tagchip.t-наука,.tagchip.t-медицина{border-color:color-mix(in srgb,var(--acid) 55%,var(--line2));color:var(--acid)}
.tagchip.t-важно{border-color:var(--warn);color:var(--warn)}
.rdl{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.rdl li{position:relative;padding:12px 14px 12px 34px;border-radius:14px;background:var(--card2);font-size:16px;line-height:1.5;color:var(--t2)}
.rdl li::before{content:"";position:absolute;left:14px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--acid)}
.myths{display:grid;gap:10px}
.myth{border-left:3px solid var(--line2);padding:2px 0 2px 14px}
.myth .m1{margin:0 0 4px;font-weight:700;color:var(--mute)}
.myth .m2{margin:0;color:var(--t2)}
.myth .m2::before{content:"Истина: ";color:var(--acid);font-weight:800}
@media (max-width:560px){.rd{padding:18px 16px;border-radius:18px}.rd p{font-size:16px}}
@media print{.read{display:none}}

.gsec{display:flex;align-items:baseline;gap:10px;margin:34px 0 12px;font:800 clamp(19px,2.6vw,24px)/1.2 var(--sans);letter-spacing:-.02em}
.gsec:first-of-type{margin-top:6px}
.gsec span{font:700 12px var(--mono);color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:3px 9px}


/* един въпрос на екран · разговор */
.qs.focus .qc{display:none}
.qs.focus .qc.show{display:flex;flex-direction:column;animation:qin .3s ease both;padding:24px 22px 22px;border-radius:24px;border-color:color-mix(in srgb,var(--cc,var(--c)) 40%,var(--line2));box-shadow:none}
.qs.focus.fin{display:none}
@keyframes qin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.qs.focus .qq{font-size:clamp(22px,3.2vw,29px);line-height:1.25;margin-top:6px}
.qq.sc{font-weight:700}
.qs.focus .qq.sc{font-size:clamp(21px,3vw,27px)}
.qs.focus .opts{margin-top:18px}
.qs.focus .opt{padding:15px 16px;font-size:16.5px}
.qs.focus .opts.row{grid-template-columns:1fr}
.react{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--cc,var(--c)) 10%,var(--card2));color:var(--t2);font-size:15.5px;line-height:1.45;border-left:3px solid var(--cc,var(--c));opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.react.on{opacity:1;transform:none}
.fnav{display:flex;align-items:center;gap:10px;margin:12px 0 0}
.fnav .fpos{flex:1;text-align:center;font:700 12.5px var(--mono);color:var(--dim)}
.fnav .btn[disabled]{opacity:.35;cursor:default}
.modeline{margin:12px 0 0;text-align:center}
.modeline .linkbtn{font-size:13.5px;color:var(--mute);text-decoration:none}
.modeline .linkbtn:hover{color:var(--hi)}
@media (prefers-reduced-motion:reduce){.qs.focus .qc.show{animation:none}.react{transition:none}}

/* резултатът се разгръща */
.rv{animation:rise .5s ease both}
.rvh{margin:6px 0 0;font:900 clamp(26px,4.2vw,40px)/1.05 var(--sans);letter-spacing:-.03em}
.said{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.said li{padding:12px 14px 12px 18px;border-left:3px solid var(--line2);background:var(--card2);border-radius:0 14px 14px 0}
.said li span{display:block;color:var(--t2);font-size:16px;line-height:1.45}
.said li b{display:block;margin-top:5px;color:var(--hi);font:800 12.5px var(--mono);letter-spacing:.05em;text-transform:uppercase}
.rvbtn{margin:22px 0 0}
.rv[data-st="1"],.rv[data-st="2"]{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}
.phrase{margin:10px 0 0;font:900 clamp(26px,4.6vw,44px)/1.12 var(--sans);letter-spacing:-.03em;color:var(--hi);max-width:640px}
.phrase::before{content:"„";color:var(--acid)}
.phrase::after{content:"“";color:var(--acid)}
.phacts{margin:10px 0 0}
.phacts .linkbtn{font-size:13.5px;color:var(--mute);text-decoration:none}
.phacts .linkbtn:hover{color:var(--hi)}
.me{margin:20px 0 0;padding:18px 20px;border-radius:18px;border:1.5px solid color-mix(in srgb,var(--acid) 50%,var(--line2));background:var(--card2)}
.me p:last-child{margin:6px 0 0;font-size:17px;line-height:1.55;color:var(--t2)}
@media print{.fnav,.modeline,.rvbtn{display:none!important}.rv[hidden]{display:block!important}.qs.focus .qc{display:block}}

/* нищо да не излиза встрани на телефон */
html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
table{max-width:100%}
@media (max-width:760px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}