/* Длинный текст (long.js): всё под .lr и .lr.v1…v5, поэтому файл можно подключать на посадочных без побочных эффектов.
   Токены из site.css. Основной текст 18/30, ширина строки до 68 знаков. Движение: transform и opacity, кривая --ease. */
.lr{--lr-tx:#D4D4D4;--lr-e:cubic-bezier(0.16,1,0.3,1);--lr-x0:0%;--lr-sx:1;position:relative;color:var(--tx);font-size:18px;line-height:30px}
.lr *{box-sizing:border-box}
.lr-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.wrap > .lr .lr-wrap{max-width:none;padding-inline:0}
.lr .ic{width:20px;height:20px}
.lr-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lr .mut{color:var(--mut)}
.lr a{color:inherit}

/* проявление */
.lr .lr-r{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform 1s var(--lr-e);transition-delay:calc(var(--d,0) * 80ms)}
.lr .lr-r.on{opacity:1;transform:none}

/* текст */
.lr-title{margin:0;font-size:48px;line-height:1;letter-spacing:-.02em;font-weight:700;max-width:16ch;text-wrap:balance;padding-bottom:4px;
 background:linear-gradient(90deg,var(--h1a),var(--h1b));-webkit-background-clip:text;background-clip:text;color:transparent}
.lr-sub{margin:0;font-size:18px;line-height:28px;color:var(--mut);max-width:640px;text-wrap:pretty}
.lr-h{margin:0;font-size:30px;line-height:36px;letter-spacing:-.01em;font-weight:700;text-wrap:balance;max-width:24ch}
.lr-txt{display:flex;flex-direction:column;gap:24px}
.lr-p,.lr-txt p{margin:0;max-width:68ch;color:var(--lr-tx);font-size:18px;line-height:30px;text-wrap:pretty}
.lr-n{font-weight:600;color:var(--tx);white-space:nowrap}
.lr-t{display:inline-block;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.02em;padding:0 4px;border-radius:4px;background:var(--s2);color:var(--tx);vertical-align:1px;white-space:nowrap}
.lr-meta{font-size:14px;line-height:20px;color:var(--mut)}
.v1-kick{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;padding-block:4px;padding-inline:4px 16px;border-radius:9999px;background:var(--s1);border:1px solid var(--line);font-size:14px;line-height:20px;color:var(--mut)}
.v1-kick:not(:has(.lr-ico)){padding:4px 16px}
.v1-kick .lr-ico{width:32px;height:32px;border-radius:9999px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}
.v1-kick .lr-ico .ic{width:16px;height:16px}

/* номер главы */
.lr-ch{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.lr-chr{display:flex;align-items:center;gap:16px}
.lr-no{font-size:48px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;color:transparent;-webkit-text-stroke:1px var(--accent);letter-spacing:-.02em}
.lr-rule{flex:1;height:1px;background:var(--line);transform:scaleX(0);transform-origin:var(--lr-x0) 50%;transition:transform 1.2s var(--lr-e) .15s}
.lr-chr.on .lr-rule{transform:scaleX(1)}
.lr-chr .lr-ico{width:40px;height:40px;border-radius:9999px;background:var(--s2);color:var(--accent);display:grid;place-items:center;flex:none;transform:scale(.85);opacity:0;transition:transform .8s var(--lr-e) .3s,opacity .6s var(--ease) .3s}
.lr-chr.on .lr-ico{transform:none;opacity:1}

/* буквица */
.lr-dc{float:inline-start;font-size:72px;line-height:60px;font-weight:700;color:var(--accent);margin:0;margin-block-start:6px;margin-inline-end:12px;opacity:0;transform:translateY(16px) scale(.9);transition:opacity .8s var(--ease) .2s,transform 1s var(--lr-e) .2s}
.lr-p.on .lr-dc{opacity:1;transform:none}

/* цитата-вывод: слова загораются по одному */
.lr-pq{margin:24px 0;display:flex;flex-direction:column;gap:16px;max-width:760px}
.lr-pq .ic{width:32px;height:32px;color:var(--accent)}
.lr-pq blockquote,.v3-q,.v4-pq blockquote,.v5-sub blockquote{margin:0;font-weight:600;text-wrap:balance}
.lr-pq blockquote{font-size:30px;line-height:36px;letter-spacing:-.01em}
.lr [data-words] .w{opacity:.28;transition:opacity .5s var(--ease)}
.lr [data-words] .w.on{opacity:1}

/* карточки с цифрами */
.lr-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:8px 0}
.lr-facts.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lr-fact{background:var(--s1);border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px}
.lr-fn{display:flex;align-items:baseline;gap:4px;font-size:48px;line-height:1;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap}
.lr-fn small{font-size:18px;line-height:28px;font-weight:600;color:var(--tx);letter-spacing:0}
.lr-fact p,.lr-txt .lr-fact p{font-size:14px;line-height:20px;color:var(--mut)}

/* списки */
.lr-steps,.lr-check{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column}
.lr-steps li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding-bottom:24px}
.lr-steps li:last-child{padding-bottom:0}
.lr-steps li::before{content:"";position:absolute;inset-inline-start:19px;top:44px;bottom:4px;width:2px;border-radius:2px;background:var(--line);transform:scaleY(0);transform-origin:50% 0;transition:transform 1s var(--lr-e) .35s}
.lr-steps li:last-child::before{display:none}
.lr-steps li.on::before{transform:scaleY(1)}
.lr-steps .k{width:40px;height:40px;border-radius:9999px;display:grid;place-items:center;font-size:16px;font-weight:700;background:var(--s2);border:1px solid var(--line);color:var(--mut);transition:background-color .5s var(--ease) .2s,color .5s var(--ease) .2s,border-color .5s var(--ease) .2s}
.lr-steps li.on .k{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.lr-steps p,.lr-check p{padding-top:5px}
.lr-check{gap:12px}
.lr-check li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}
.lr-check .k{width:32px;height:32px;margin-top:4px;border-radius:9999px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;transform:scale(.6);opacity:0;transition:transform .7s var(--lr-e) .25s,opacity .5s var(--ease) .25s}
.lr-check .k .ic{width:16px;height:16px}
.lr-check li.on .k{transform:none;opacity:1}
.lr-check p{padding-top:5px}
.lr-spec{margin:8px 0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--s1)}
.lr-spec>div{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:16px;padding:16px 24px;transform:translateX(-12px)}
.lr-spec>div+div{border-top:1px solid var(--line)}
.lr-spec>div.full{grid-template-columns:1fr}
.lr-spec dt{font-size:14px;line-height:20px;font-weight:600;color:var(--mut);padding-top:4px}
.lr-spec dd{margin:0;font-size:18px;line-height:28px}
.lr-chat{margin:8px 0;padding:16px;border-radius:24px;background:var(--s1);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.lr-chat>*{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .7s var(--lr-e);transition-delay:calc(var(--d) * 380ms + 200ms)}
.lr-chat.on>*{opacity:1;transform:none}
.lr-chat .u,.lr-txt .lr-chat .u{align-self:flex-end;max-width:88%;padding:8px 12px;border-radius:16px;background:var(--accent);color:var(--accent-ink);font-size:16px;line-height:24px}
.lr-chat .u .lr-t{background:rgba(0,0,0,.12);border-color:transparent;color:inherit}
.lr-chat .b{display:flex;align-items:center;gap:8px}
.lr-chat .b img{width:28px;height:28px;border-radius:9999px;object-fit:cover}
.lr-dots{display:inline-flex;gap:4px;padding:12px;border-radius:16px;background:var(--s2)}
.lr-dots i{width:6px;height:6px;border-radius:9999px;background:var(--mut);animation:lr-dot 1s var(--ease) infinite alternate}
.lr-dots i:nth-child(2){animation-delay:.2s}.lr-dots i:nth-child(3){animation-delay:.4s}
@keyframes lr-dot{to{opacity:.25;transform:translateY(-3px)}}

/* проблема → решение */
.lr-qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lr-qai{background:var(--s1);border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px}
.lr-qai p,.lr-txt .lr-qai p{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;margin:0}
.lr-qai .q{font-size:18px;line-height:28px;color:var(--tx)}
.lr-qai .q b{font-weight:600}
.lr-qai .a{font-size:16px;line-height:24px;color:var(--lr-tx)}
.lr-qai .k{width:28px;height:28px;border-radius:9999px;display:grid;place-items:center;background:var(--s2);color:var(--mut)}
.lr-qai .a .k{background:var(--accent);color:var(--accent-ink);transform:scale(.6);opacity:0;transition:transform .7s var(--lr-e) .5s,opacity .5s var(--ease) .5s}
.lr-qai.on .a .k{transform:none;opacity:1}
.lr-qai .k .ic{width:14px;height:14px}

/* волна статьи */
.lr-wave{position:relative;height:56px;container-type:inline-size}
.lr-wb{display:flex;align-items:center;gap:2px;height:100%;overflow:hidden}
.lr-wb i{position:relative;flex:1 1 0;min-width:1px;height:100%;border-radius:9999px;background:var(--line);transform:scaleY(var(--h))}
.lr-wb i.g{margin-inline-start:8px}
.lr-wb i:first-child{margin-inline-start:0}
.lr-wb i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent);opacity:0;transition:opacity .4s var(--ease)}
.lr-wb i.p::after{opacity:1}
.lr-ph{position:absolute;inset-inline-start:-1px;top:-6px;bottom:-6px;width:2px;border-radius:2px;background:var(--tx);transform:translateX(calc(var(--k,0) * 100cqw * var(--lr-sx)))}
.lr-wave.big{height:96px}
.lr-wave.big i{animation:lr-br 2.6s var(--ease) infinite alternate;animation-delay:calc(var(--j) * -110ms)}
@keyframes lr-br{from{transform:scaleY(var(--h))}to{transform:scaleY(calc(var(--h) * .45))}}
.lr-wave.mini{height:28px;margin-top:12px}
.lr-wave.mini .lr-wb{gap:1px}
.lr-wave.mini i.g{margin-inline-start:3px}

/* мини-карта и плашка */
.lr-map{display:flex;flex-direction:column;max-height:calc(100vh - 192px);overflow:auto;scrollbar-width:none;padding:16px;border-radius:24px;background:var(--s1);border:1px solid var(--line);font-size:14px;line-height:20px}
.lr-map::-webkit-scrollbar{display:none}
.lr-map>*{flex:none}
.lr-mh{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}
.lr-mh .lr-left{font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}
.lr-bar{height:4px;border-radius:9999px;background:var(--s2);overflow:hidden}
.lr-bar i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:var(--lr-x0) 50%}
.lr-map ol{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.lr-map a{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:8px;border-radius:12px;color:var(--mut);text-decoration:none;overflow:hidden;transition:background-color .3s var(--ease),color .3s var(--ease)}
.lr-map a:hover{color:var(--tx)}
.lr-map a .n{font-weight:600;font-variant-numeric:tabular-nums}
.lr-map a .f{position:absolute;left:8px;right:8px;bottom:2px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:var(--lr-x0) 50%;opacity:.8}
.lr-map a.on{background:var(--s2);color:var(--tx)}
.lr-map a.on .n,.lr-map a.done .n{color:var(--accent)}
.lr-pill{display:none}

/* ===== 1. Журнал ===== */
.lr.v1 .v1-hero{display:flex;flex-direction:column;gap:24px;padding-top:144px;padding-bottom:80px}
.sec > .lr.v1 .v1-hero,.wrap > .lr.v1 .v1-hero{padding-top:0}
.v1-wv{margin-top:24px}
.v1-wl{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;line-height:16px;color:var(--mut);font-variant-numeric:tabular-nums}
.v1-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start}
.v1-side{position:sticky;top:96px}
.v1-body{max-width:760px;min-width:0}
.v1-sec{padding-top:80px;scroll-margin-top:96px}
.v1-sec:first-of-type{padding-top:0}
.v1-sum{margin-top:96px;display:flex;flex-direction:column;gap:24px}
.v1-sum .lr-ico{width:40px;height:40px;border-radius:9999px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;opacity:1;transform:none}
.v1-st{font-size:30px;line-height:36px;font-weight:700}

/* ===== 2. Расшифровка ===== */
.lr.v2 .v2-head{padding-top:128px;padding-bottom:48px}
.sec > .lr.v2 .v2-head{padding-top:0}
.v2-file{display:flex;gap:24px;align-items:flex-start;padding:32px;border-radius:24px;background:var(--s1);border:1px solid var(--line)}
.v2-fi{width:64px;height:64px;flex:none;border-radius:16px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}
.v2-fi .ic{width:32px;height:32px}
.v2-fm{display:flex;flex-direction:column;gap:16px;min-width:0}
.v2-fm .lr-title{max-width:20ch}
.v2-pills{display:flex;flex-wrap:wrap;gap:8px}
.v2-pills .pill{font-size:14px;line-height:20px;padding:4px 12px;gap:8px;font-variant-numeric:tabular-nums}
.v2-pills .ic{width:16px;height:16px;color:var(--accent)}
.v2-player{position:sticky;top:84px;z-index:5;display:grid;grid-template-columns:48px auto minmax(0,1fr) minmax(0,240px);gap:16px;align-items:center;padding-block:8px;padding-inline:8px 24px;margin-bottom:32px;border-radius:9999px;
 background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line)}
.v2-play{position:relative;width:48px;height:48px;border:0;border-radius:9999px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;cursor:pointer;transition:transform .3s var(--ease)}
.v2-play:hover{transform:scale(1.04)}
.v2-play:active{transform:scale(.98)}
.v2-play .pa,.v2-play[aria-pressed="true"] .pl{display:none}
.v2-play[aria-pressed="true"] .pa{display:grid}
.v2-play span{display:grid}
.v2-play::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--accent);opacity:0}
.lr.playing .v2-play::after{animation:lr-ring 2s var(--ease) infinite}
@keyframes lr-ring{from{transform:scale(1);opacity:.55}to{transform:scale(1.6);opacity:0}}
.v2-tc{font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.v2-track{position:relative;cursor:pointer;container-type:inline-size}
.v2-track .lr-wave{height:36px}
.v2-ticks{position:absolute;inset:0;pointer-events:none}
.v2-ticks i{position:absolute;inset-inline-start:0;top:-6px;bottom:-6px;width:1px;background:var(--mut);opacity:.5;transform:translateX(calc(var(--x) * 100cqw * var(--lr-sx)))}
.v2-now{display:flex;gap:8px;min-width:0;font-size:14px;line-height:20px}
.v2-now b{color:var(--accent);font-variant-numeric:tabular-nums}
.v2-now span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut)}
.v2-doc{display:flex;flex-direction:column}
.v2-sec{scroll-margin-top:168px}
.v2-sec+.v2-sec{margin-top:40px}
.v2-ln{position:relative;display:grid;grid-template-columns:56px 32px minmax(0,68ch) minmax(0,1fr);column-gap:16px;row-gap:12px;padding:12px 0}
.v2-ln time{font-size:14px;line-height:20px;padding-top:5px;color:var(--mut);font-variant-numeric:tabular-nums;transition:color .3s var(--ease)}
.v2-ln::before{content:"";position:absolute;inset-inline-start:-16px;top:16px;bottom:16px;width:2px;border-radius:2px;background:var(--accent);opacity:0;transform:scaleY(.4);transition:opacity .3s var(--ease),transform .5s var(--lr-e)}
.v2-ln.cur::before{opacity:1;transform:none}
.v2-ln.cur time{color:var(--accent)}
.v2-who{padding-top:2px}
.v2-av{width:32px;height:32px;border-radius:9999px;background:var(--s2);color:var(--mut);display:grid;place-items:center;font-size:14px;line-height:20px;font-weight:700}
.v2-av .ic{width:16px;height:16px}
.v2-av.on{background:var(--accent);color:var(--accent-ink)}
.v2-tx p{margin:0;color:var(--lr-tx)}
.v2-tag{display:block;font-size:12px;line-height:16px;font-weight:600;color:var(--accent);letter-spacing:.04em;margin-bottom:4px}
.k-topic .v2-tx{padding-top:2px}
.k-q .v2-tx p b{font-weight:600;color:var(--tx)}
.k-item .v2-tx p{color:var(--tx)}
.v2-key{font-weight:600;color:var(--mut);margin-inline-end:8px}
.v2-bub{display:inline-block;padding:8px 12px;border-radius:16px;background:var(--accent);color:var(--accent-ink)!important;font-size:16px;line-height:24px}
.v2-mk{background:rgba(255,122,89,0);color:var(--tx);border-radius:4px;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .9s var(--ease) .4s}
.v2-ln.on .v2-mk{background:rgba(255,122,89,.18)}
.v2-notes{display:flex;flex-direction:column;gap:8px}
.v2-note{padding:12px 16px;border-radius:16px;background:var(--s1);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.v2-note .lr-fn{font-size:24px;line-height:32px}
.v2-note .lr-fn small{font-size:14px;line-height:20px}
.v2-note>span{font-size:14px;line-height:20px;color:var(--mut)}
/* печать заголовка поверх невидимого оригинала */
.lr-ty{position:relative;display:block}
.lr-ty.typing .g{opacity:0}
.lr-ty .o{position:absolute;inset:0}
.lr-ty.tyd .g::after,.lr-ty .o::after{content:"";display:inline-block;width:2px;height:.9em;margin-inline-start:2px;vertical-align:-.1em;background:var(--accent);animation:lr-blink 1s steps(1) infinite}
@keyframes lr-blink{50%{opacity:0}}

/* ===== 3. Сцена ===== */
.lr.v3 .v3-head{position:relative;display:grid;place-items:center;text-align:center;min-height:860px;padding-top:128px;padding-bottom:96px;overflow:hidden}
.v3-orbit{position:absolute;left:50%;top:50%;width:760px;height:760px;margin:-344px 0 0 -380px;border-radius:9999px;border:1px dashed var(--line);animation:lr-spin 80s linear infinite;pointer-events:none}
.v3-orbit span{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:9999px;background:var(--s1);border:1px solid var(--line);color:var(--accent);display:grid;place-items:center;transform:rotate(var(--a)) translateY(-380px) rotate(calc(-1 * var(--a)))}
.v3-orbit span .ic{animation:lr-spin 80s linear infinite reverse}
@keyframes lr-spin{to{transform:rotate(360deg)}}
.v3-hc{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:720px}
.v3-hc .v1-kick{align-self:center}
.v3-hc .lr-title{margin:0 auto}
.v3-hc .lr-sub{margin:0 auto}
.v3-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;align-items:start}
.v3-text{min-width:0}
.v3-ch{padding-top:80px;scroll-margin-top:96px}
.v3-ch:first-child{padding-top:0}
.v3-hd{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.v3-hd .lr-no{font-size:14px;line-height:20px;-webkit-text-stroke:0;color:var(--accent);letter-spacing:.04em}
.v3-m{display:none}
.v3-stage{position:sticky;top:96px;height:calc(100vh - 176px);min-height:480px;max-height:680px}
.v3-frame{position:relative;height:100%;border-radius:24px;background:var(--s1);border:1px solid var(--line);overflow:hidden}
.v3-sc{position:absolute;inset:0;padding:32px;display:flex;flex-direction:column;gap:24px;opacity:0;transform:translateY(40px) scale(.98);transition:opacity .6s var(--ease),transform .9s var(--lr-e);pointer-events:none}
.v3-sc.past{transform:translateY(-40px) scale(.98)}
.v3-sc.on{opacity:1;transform:none}
.v3-big{position:absolute;inset-inline-end:16px;bottom:-24px;font-size:128px;line-height:1;font-weight:700;color:transparent;-webkit-text-stroke:1px var(--accent);opacity:.4;font-variant-numeric:tabular-nums;letter-spacing:-.04em;pointer-events:none}
.v3-top{display:flex;align-items:center;gap:16px}
.v3-orb{position:relative;width:72px;height:72px;flex:none}
.v3-orb .ring{position:absolute;inset:0;border-radius:9999px;border:1px dashed var(--mut);opacity:.6}
.v3-orb .dot{position:absolute;inset:0}
.v3-orb .dot::after{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:9999px;background:var(--accent)}
.v3-orb .ico{position:absolute;inset:12px;border-radius:9999px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}
.v3-orb .ico .ic{width:24px;height:24px}
.v3-lab{font-size:14px;line-height:20px;font-weight:600}
.v3-sh{font-size:24px;line-height:32px;font-weight:700;text-wrap:balance;position:relative}
.v3-fs{display:flex;flex-direction:column;gap:16px;position:relative}
.v3-f{display:flex;flex-direction:column;gap:4px}
.v3-f>span{font-size:14px;line-height:20px;color:var(--mut)}
.v3-qs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;position:relative}
.v3-qs li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;font-size:16px;line-height:24px}
.v3-qs .ic{color:var(--accent);margin-top:2px}
.v3-q{font-size:24px;line-height:32px;position:relative}
.v3-f,.v3-qs li{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .8s var(--lr-e);transition-delay:calc(var(--d) * 90ms + 250ms)}
.v3-sc.on .v3-f,.v3-sc.on .v3-qs li{opacity:1;transform:none}
.v3-cw{margin-top:auto;height:40px;max-width:62%;display:flex;align-items:center;gap:4px;position:relative;overflow:hidden}
.v3-cw i{position:relative;flex:0 0 4px;height:100%;border-radius:9999px;background:var(--line);transform:scaleY(var(--h))}
.v3-cw i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent);opacity:0;transition:opacity .4s var(--ease)}
.v3-cw i.p::after{opacity:1}
.v3-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;position:relative;font-size:14px;line-height:20px;color:var(--mut)}
.v3-ol li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:6px 8px;border-radius:12px;transition:background-color .3s var(--ease),color .3s var(--ease)}
.v3-ol .n{font-weight:600;font-variant-numeric:tabular-nums}
.v3-ol li.cur{background:var(--s2);color:var(--tx)}
.v3-ol li.cur .n{color:var(--accent)}
.v3-q+.v3-ol{margin-top:8px}
.v3-m .v3-ol{display:none}
.v3-m .v3-sh{display:none}
.v3-m.on .v3-cw i::after{opacity:1;transition-delay:calc(var(--j) * 40ms + 300ms)}
.v3-dots{position:absolute;top:32px;inset-inline-end:32px;display:flex;gap:4px}
.v3-dots i{width:6px;height:6px;border-radius:9999px;background:var(--line);transition:background-color .3s var(--ease)}
.v3-dots i.on{background:var(--accent)}

/* ===== 4. Колода ===== */
.v4-deck{position:relative;height:260vh}
.v4-vp{position:sticky;top:0;height:100vh;display:grid;place-items:center;padding:96px 24px 88px}
.lr.v4 .v4-head{position:absolute;left:0;right:0;top:128px;display:flex;flex-direction:column;gap:24px;will-change:transform,opacity}
.v4-cards{z-index:1}
.v4-cards{position:relative;display:grid;grid-template-columns:repeat(4,220px);gap:16px}
.v4-c{position:relative;height:156px;padding:16px;border-radius:16px;background:var(--s1);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;text-decoration:none;
 box-shadow:0 16px 40px rgba(0,0,0,.35);will-change:transform;transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.v4-c:hover{border-color:var(--accent);background:var(--s2)}
.v4-ct{display:flex;align-items:center;justify-content:space-between}
.v4-ct b{font-size:24px;line-height:32px;color:var(--accent);font-variant-numeric:tabular-nums}
.v4-ct .ic{color:var(--mut)}
.v4-cn{font-size:14px;line-height:20px;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v4-cm{margin-top:auto;font-size:12px;line-height:16px;color:var(--mut)}
.v4-list{max-width:868px;display:flex;flex-direction:column;gap:64px;padding-top:32px}
.v4-card{position:relative;padding:48px;border-radius:24px;background:var(--s1);border:1px solid var(--line);scroll-margin-top:112px;display:flex;flex-direction:column;gap:24px}
.lr .v4-card.lr-r{transform:translateY(64px) rotate(calc(var(--tilt) * 4));transform-origin:50% 0}
.lr .v4-card.lr-r.on{transform:none}
.v4-tab{position:absolute;top:-16px;inset-inline-start:32px;display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:9999px;background:var(--accent);color:var(--accent-ink);font-size:14px;line-height:20px}
.v4-tab b{font-variant-numeric:tabular-nums}
.v4-tab .ic{width:16px;height:16px}
.v4-tab span{opacity:.75}
.v4-card .lr-h{margin-top:8px}
.v4-card .lr-p,.v4-card .lr-txt p{max-width:none}
.v4-stk{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0}
.v4-st{flex:1 1 200px;padding:16px 24px;border-radius:16px;background:var(--accent);color:var(--accent-ink);display:flex;flex-direction:column;gap:8px}
.lr .v4-st.lr-r{transform:translateY(16px) rotate(-4deg) scale(.94)}
.lr .v4-st.lr-r:nth-child(even){transform:translateY(16px) rotate(4deg) scale(.94)}
.lr .v4-st.lr-r.on{transform:none}
.v4-st .lr-fn{font-size:36px;line-height:40px;color:var(--accent-ink)}
.v4-st .lr-fn small{color:var(--accent-ink)}
.v4-st p,.lr-txt .v4-st p{font-size:14px;line-height:20px;color:var(--accent-ink)}
.v4-st .lr-n,.v4-st .lr-t{color:inherit}
.v4-st .lr-t{background:rgba(0,0,0,.12);border-color:transparent}
.v4-pq{margin:8px 0;padding:24px 32px;border-radius:16px;background:var(--s2);display:flex;flex-direction:column;gap:12px}
.v4-pq .ic{width:28px;height:28px;color:var(--accent)}
.v4-pq blockquote{font-size:24px;line-height:32px}
.v4-next{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:16px;background:var(--s2);text-decoration:none;font-size:14px;line-height:20px;transition:transform .3s var(--ease),background-color .3s var(--ease)}
.v4-next b{flex:1;min-width:0;font-weight:600}
.v4-next .ic{color:var(--accent);transition:transform .3s var(--ease)}
.v4-next:hover{background:var(--line)}
.v4-next:hover .ic{transform:translateX(calc(4px * var(--lr-sx))) scaleX(var(--lr-sx))}
.v4-next .ic{transform:scaleX(var(--lr-sx))}

/* ===== 5. Субтитры ===== */
.lr.v5 .v5-head{background:#000;padding:144px 0 96px;text-align:center}
.v5-hi{display:flex;flex-direction:column;align-items:center;gap:24px}
.v5-hi .lr-title{margin:0 auto;max-width:18ch}
.v5-hi .lr-sub{margin:0 auto}
.v5-cmd{margin:0;font-size:14px;line-height:20px;color:var(--mut);font-variant-numeric:tabular-nums;display:flex;gap:8px;justify-content:center;max-width:100%}
.v5-cmd .c{color:var(--accent);font-weight:700}
.v5-cmd .lr-ty{display:inline-block;min-width:0;white-space:nowrap}
.v5-rec{display:flex;align-items:center;gap:16px;width:min(720px,100%);margin-top:16px;padding-block:12px;padding-inline:16px 24px;border-radius:9999px;background:var(--s1);border:1px solid var(--line)}
.v5-led{position:relative;width:10px;height:10px;border-radius:9999px;background:var(--accent);flex:none}
.v5-led::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent);animation:lr-ring 2s var(--ease) infinite}
.v5-clk{font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums;min-width:96px;text-align:start}
.v5-rec .lr-wave{flex:1;height:32px;min-width:0}
.v5-wrap{position:relative;padding-inline-start:96px;padding-top:32px}
.v5-film{position:absolute;inset-inline-start:24px;top:0;bottom:0;width:40px;background:#000;border-radius:8px;overflow:hidden}
.v5-film i{position:absolute;left:0;right:0;top:-48px;bottom:-48px;will-change:transform;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48'%3E%3Crect x='6' y='12' width='8' height='24' rx='2' fill='%23272727'/%3E%3Crect x='26' y='12' width='8' height='24' rx='2' fill='%23272727'/%3E%3C/svg%3E") repeat-y 0 0/40px 48px}
.v5-hud{position:sticky;top:84px;z-index:5;margin-inline-start:auto;width:max-content;margin-bottom:-40px;display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:9999px;background:#000;border:1px solid var(--line);font-size:14px;line-height:24px;font-variant-numeric:tabular-nums}
.v5-hud b{color:var(--accent)}
.v5-doc{min-width:0}
.v5-ch{padding-top:64px;scroll-margin-top:96px}
.v5-card{position:relative;margin-bottom:32px;padding:64px 32px;border-radius:24px;background:#000;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;overflow:hidden}
.lr .v5-card.lr-r{transform:scale(.98)}
.lr .v5-card.lr-r.on{transform:none}
.v5-lb{position:absolute;left:32px;right:32px;top:24px;height:1px;background:var(--accent);opacity:.5;transform:scaleX(0);transition:transform 1.2s var(--lr-e) .2s}
.v5-lb.b{top:auto;bottom:24px}
.v5-card.on .v5-lb{transform:scaleX(1)}
.v5-cn{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums;text-transform:uppercase}
.v5-card .lr-h{font-size:36px;line-height:40px;max-width:22ch}
.v5-cue{display:grid;grid-template-columns:184px minmax(0,68ch);gap:32px;padding:12px 0}
.v5-ix{display:flex;flex-direction:column;gap:4px;padding-top:5px;font-variant-numeric:tabular-nums}
.v5-ix b{font-size:14px;line-height:20px;color:var(--mut);transition:color .3s var(--ease)}
.v5-ix span{font-size:12px;line-height:16px;color:var(--mut);white-space:nowrap;transition:color .3s var(--ease)}
.v5-cue.cur .v5-ix b{color:var(--accent)}
.v5-cue.cur .v5-ix span{color:var(--tx)}
.v5-tx p{margin:0;color:var(--lr-tx)}
.v5-qq{font-weight:600;color:var(--tx)}
.v5-sub{margin:32px 0;text-align:center;padding:0 16px}
.v5-sub blockquote{display:inline;font-size:24px;line-height:44px;padding:6px 12px;background:#000;border-radius:8px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.v5-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-block:16px;margin-inline:216px 0}
.v5-fr{position:relative;padding:24px;border-radius:16px;background:#000;display:flex;flex-direction:column;gap:12px}
.v5-fr::before,.v5-fr::after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--accent);opacity:.8}
.v5-fr::before{inset-inline-start:10px;top:10px;border-inline-end:0;border-bottom:0;border-start-start-radius:4px}
.v5-fr::after{inset-inline-end:10px;bottom:10px;border-inline-start:0;border-top:0;border-end-end-radius:4px}
.v5-fr .lr-fn{color:var(--tx)}
.v5-fr p,.v5-tx .v5-fr p{font-size:14px;line-height:20px;color:var(--mut)}
.v5-term{margin-block:16px;margin-inline:216px 0;border-radius:16px;background:#000;border:1px solid var(--line);overflow:hidden}
.v5-th{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--s1)}
.v5-th i{width:10px;height:10px;border-radius:9999px;background:var(--s2)}
.v5-th span{margin-inline-start:8px;font-size:12px;line-height:16px;color:var(--mut)}
.v5-term ol{list-style:none;margin:0;padding:16px;display:flex;flex-direction:column;gap:8px}
.v5-term li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;font-size:16px;line-height:24px;opacity:0;transform:translateX(calc(-8px * var(--lr-sx)));transition:opacity .4s var(--ease),transform .6s var(--lr-e);transition-delay:calc(var(--d) * 160ms + 200ms)}
.v5-term.on li{opacity:1;transform:none}
.v5-term .p{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}

/* ===== планшет и телефон ===== */
@media (max-width:1100px){
 .v2-ln{grid-template-columns:56px 32px minmax(0,1fr)}
 .v2-notes{grid-column:3;flex-direction:row;flex-wrap:wrap}
 .v2-note{flex:1 1 200px}
 .v3-grid{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:48px}
}
@media (max-width:1023px){
 .v1-grid{grid-template-columns:minmax(0,1fr)}
 .v1-side{display:none}
 .lr-pill{position:sticky;top:80px;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:32px;padding:8px 16px;border-radius:9999px;overflow:hidden;
  background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);font-size:14px;line-height:20px}
 .lr-pill .n{color:var(--mut);font-variant-numeric:tabular-nums}
 .lr-pill .n b{color:var(--accent)}
 .lr-pill .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
 .lr-pill .m{color:var(--mut);font-variant-numeric:tabular-nums}
 .lr-pill .f{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:var(--lr-x0) 50%}
 .v3-grid{grid-template-columns:minmax(0,1fr)}
 .v3-stage{display:none}
 .v3-m{display:block;margin-bottom:24px}
 .v3-m .v3-sc{position:relative;inset:auto;opacity:1;transform:none;min-height:0;border-radius:24px;background:var(--s1);border:1px solid var(--line);overflow:hidden;padding:24px}
 .v3-m .v3-big{font-size:96px}
 .v3-m .v3-cw{margin-top:8px}
 .v3-m .v3-q .w{opacity:1}
 .v4-cards{grid-template-columns:repeat(3,200px)}
}
@media (max-width:767px){
 .lr{font-size:18px;line-height:30px}
 .lr-wrap{padding:0 16px}
 .lr-title{font-size:36px;line-height:40px}
 .lr-sub{font-size:16px;line-height:24px}
 .lr-h{font-size:24px;line-height:32px}
 .lr-no{font-size:36px}
 .lr-pq blockquote{font-size:24px;line-height:32px}
 .lr-facts.grid{grid-template-columns:minmax(0,1fr)}
 .lr-fn{font-size:36px}
 .lr-qa{grid-template-columns:minmax(0,1fr)}
 .lr-spec>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:16px}
 .lr-dc{font-size:60px;line-height:52px;margin-inline-end:8px}
 .lr.v1 .v1-hero{padding-top:112px;padding-bottom:48px}
 .lr-wave.big{height:72px}
 .lr-wave.big .lr-wb{gap:1px}
 .lr-wave.big i.g{margin-inline-start:3px}
 .lr-pill{top:76px}
 .v1-sec{padding-top:64px}
 .lr.v2 .v2-head{padding-top:104px;padding-bottom:32px}
 .v2-file{flex-direction:column;padding:24px;gap:16px}
 .v2-fi{width:48px;height:48px;border-radius:12px}
 .v2-fi .ic{width:24px;height:24px}
 .v2-player{top:76px;grid-template-columns:40px auto minmax(0,1fr);gap:12px;padding-block:6px;padding-inline:6px 16px}
 .v2-play{width:40px;height:40px}
 .v2-now{display:none}
 .v2-ln{grid-template-columns:44px minmax(0,1fr);column-gap:12px}
 .v2-ln::before{inset-inline-start:-10px}
 .v2-who{display:none}
 .v2-ln time{font-size:12px;line-height:16px;padding-top:7px}
 .v2-notes{grid-column:2}
 .lr.v3 .v3-head{min-height:560px;padding-top:112px;padding-bottom:64px}
 .v3-orbit{width:440px;height:440px;margin:-196px 0 0 -220px}
 .v3-orbit span{width:40px;height:40px;margin:-20px 0 0 -20px;transform:rotate(var(--a)) translateY(-220px)}
 .v3-orbit .ic{width:16px;height:16px}
 .v3-ch{padding-top:64px}
 .v3-sh{font-size:20px;line-height:28px}
 .lr.v4 .v4-head{top:96px;gap:16px}
 .v4-deck{height:230vh}
 .v4-vp{padding:88px 16px 80px}
 .v4-cards{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .v4-c{height:88px;padding:12px;gap:4px;border-radius:12px}
 .v4-ct b{font-size:16px;line-height:24px}
 .v4-ct .ic{width:16px;height:16px}
 .v4-cn{font-size:12px;line-height:16px;-webkit-line-clamp:2}
 .v4-cm{display:none}
 .v4-card{padding:40px 16px 24px;gap:16px}
 .v4-tab{inset-inline-start:16px}
 .v4-pq{padding:16px}
 .v4-pq blockquote{font-size:20px;line-height:28px}
 .v4-next{padding:12px 16px}
 .lr.v5 .v5-head{padding:112px 0 64px}
 .v5-cmd{font-size:12px;line-height:16px}
 .v5-rec{padding-block:8px;padding-inline:12px 16px;gap:12px}
 .v5-wrap{padding-inline-start:16px;padding-top:0}
 .v5-film,.v5-hud{display:none}
 .v5-card{padding:48px 16px}
 .v5-card .lr-h{font-size:24px;line-height:32px}
 .v5-cue{grid-template-columns:minmax(0,1fr);gap:4px}
 .v5-ix{flex-direction:row;gap:12px;align-items:baseline}
 .v5-frames,.v5-term{margin-inline-start:0}
 .v5-sub blockquote{font-size:20px;line-height:36px}
}
@media (prefers-reduced-motion:reduce){
 .lr .lr-r,.lr .lr-r.on,.lr [data-words] .w,.lr-chat>*,.v3-f,.v3-qs li,.v5-term li{opacity:1!important;transform:none!important}
 .lr-wave.big i,.v3-orbit,.lr-dots i,.v5-led::after{animation:none!important}
 .lr-rule,.v5-lb{transform:none!important}
 .lr-dc,.lr-chr .lr-ico,.lr-check .k,.lr-qai .a .k{opacity:1!important;transform:none!important}
 .v2-mk{background:rgba(255,122,89,.18)}
 .v4-deck{height:auto}
 .v4-vp{position:static;height:auto;display:flex;flex-direction:column;gap:48px;padding-top:128px}
 .lr.v4 .v4-head{position:static;padding:0}
}

/* ===== языки: направление, шрифты письменностей, межстрочные для ar/hi/ja ===== */
.lr[dir="rtl"]{--lr-x0:100%;--lr-sx:-1}
.lr[dir="rtl"] :is(.lr-pq,.v4-pq)>.ic{transform:scaleX(-1)}
.lr:lang(ar){font-family:Manrope,"Noto Sans Arabic",system-ui,sans-serif}
.lr:lang(ja){font-family:Manrope,"Noto Sans JP",system-ui,sans-serif}
.lr:lang(hi){font-family:Manrope,"Noto Sans Devanagari",system-ui,sans-serif}
/* разрядка ломает арабскую вязь и черту деванагари; высокие и низкие знаки не должны обрезаться */
.lr:is(:lang(ar),:lang(hi),:lang(ja)) *{letter-spacing:0!important}
.lr:is(:lang(ar),:lang(hi),:lang(ja)) .lr-title{line-height:1.3;padding-block:.06em .14em}
.lr:is(:lang(ar),:lang(hi),:lang(ja)) .lr-h{line-height:1.4}
.lr:is(:lang(ar),:lang(hi),:lang(ja)) .lr-sub{line-height:1.7}
.lr:is(:lang(ar),:lang(hi),:lang(ja)) :is(.lr-p,.lr-txt p,.v2-tx p,.v5-tx p,.lr-spec dd){line-height:1.8}
.lr:is(:lang(ar),:lang(hi),:lang(ja)) :is(.lr-pq blockquote,.v3-q,.v4-pq blockquote,.v1-st,.v3-sh){line-height:1.45}
.lr:is(:lang(ar),:lang(hi),:lang(ja)) .v5-sub blockquote{line-height:2}
.lr:is(:lang(ar),:lang(hi),:lang(ja)) :is(.lr-meta,.lr-map,.lr-pill,.v2-now,.v3-lab,.v3-ol,.v3-f>span,.v3-qs li,.lr-fact p,.v2-note>span,.v4-next,.v4-tab,.v4-cn,.v5-th span,.v5-term li,.lr-qai .q,.lr-qai .a,.lr-spec dt,.v1-kick,.v2-pills .pill){line-height:1.6}
.lr:is(:lang(ar),:lang(hi),:lang(ja)) .v4-cn{font-size:13px}
.lr:lang(ja) :is(.lr-title,.lr-h,.v3-sh,.v1-st,.lr-pq blockquote,.v3-q,.v4-pq blockquote,.v5-sub blockquote){word-break:auto-phrase}
.lr:lang(ja) .lr-title{max-width:14em}
.lr:lang(ja) .lr-h{max-width:20em}
.lr:lang(ja) .v5-cn{text-transform:none}

/* переключатель языка на страницах long-N: лежит поверх верхнего отступа статьи */
.lr-langbar{position:relative;z-index:6;display:flex;justify-content:flex-end;padding-top:84px;margin-bottom:-118px;pointer-events:none}
.lr-langs{pointer-events:auto;display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:9999px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);direction:ltr}
.lr-langs a{padding:4px 10px;border-radius:9999px;font-size:12px;line-height:16px;font-weight:600;color:var(--mut);text-decoration:none;transition:background-color .3s var(--ease),color .3s var(--ease)}
.lr-langs a:hover{color:var(--tx)}
.lr-langs a[aria-current="true"]{background:var(--accent);color:var(--accent-ink)}
@media (max-width:767px){
 .lr-langbar{padding-top:80px;margin-bottom:-80px;justify-content:center}
 .lr:is(:lang(ar),:lang(hi),:lang(ja)) .v4-cn{font-size:12px;line-height:18px}
}