/* VibeAgent · пошаговый режим урока — v1 */
.rn{position:fixed;inset:0;z-index:120;display:none;background:rgba(8,8,10,.93);
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:26px}
.rn.on{display:grid;place-items:center;animation:rn-bg .3s ease}
@keyframes rn-bg{from{opacity:0}to{opacity:1}}
.rn__w{width:100%;max-width:1080px;min-height:min(660px,calc(100dvh - 44px));max-height:calc(100dvh - 44px);background:#fff;border-radius:30px;
 display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.55);
 animation:rn-up .42s cubic-bezier(.22,1,.36,1)}
@keyframes rn-up{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}

.rn__top{flex:none;padding:20px 26px 0;display:flex;align-items:center;gap:14px}
.rn__k{flex:1;min-width:0;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.13em;
 text-transform:uppercase;color:var(--muted,#71717A);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rn__k b{color:var(--indigo,#6200FF)}
.rn__n{flex:none;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#A1A1AA;font-variant-numeric:tabular-nums}
.rn__x{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:#F1F1F4;color:#71717A;
 cursor:pointer;display:grid;place-items:center;transition:.15s}
.rn__x:hover{background:#E4E4EA;color:#111114}
.rn__bar{flex:none;height:3px;margin:14px 26px 0;background:#ECECF1;border-radius:99px;overflow:hidden}
.rn__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8B3DFF,#6200FF);
 transition:width .4s cubic-bezier(.22,1,.36,1)}

.rn__b{flex:1;overflow-y:auto;padding:36px 48px 30px;min-height:340px}
.rn__b::-webkit-scrollbar{width:6px}.rn__b::-webkit-scrollbar-thumb{background:#E4E4EA;border-radius:99px}
.rn__s{animation:rn-sl .38s cubic-bezier(.22,1,.36,1)}
@keyframes rn-sl{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
.rn__s.back{animation-name:rn-slb}
@keyframes rn-slb{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}

.rn h2{font-family:'Unbounded',sans-serif;font-size:25px;font-weight:600;letter-spacing:-.035em;
 line-height:1.26;margin-bottom:14px}
.rn p{font-size:16.5px;line-height:1.62;color:#3F3F46;margin-bottom:14px}
.rn p:last-child{margin-bottom:0}

/* вводный слайд */
.rn-intro{text-align:center;padding:18px 0 8px}
.rn-intro .o{width:56px;height:56px;margin:0 auto 22px;animation:rn-fl 5s ease-in-out infinite}
@keyframes rn-fl{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(7deg)}}
.rn-intro h2{font-size:29px}
.rn-intro p{font-size:17px;max-width:520px;margin-left:auto;margin-right:auto}

/* номер шага */
.rn-num{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.rn-num b{width:44px;height:44px;flex:none;border-radius:14px;background:linear-gradient(140deg,#8B3DFF,#6200FF);
 color:#fff;font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;display:grid;place-items:center;
 box-shadow:0 7px 20px rgba(98,0,255,.26)}
.rn-num span{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.13em;
 text-transform:uppercase;color:#A1A1AA}

/* код / промпт */
.rn-code{background:#0B0B0D;border-radius:16px;overflow:hidden;margin:18px 0 6px;border:1px solid rgba(255,255,255,.07)}
.rn-code__h{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 16px;border-bottom:1px solid rgba(255,255,255,.09)}
.rn-code__t{flex:1;min-width:0;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;
 text-transform:uppercase;color:rgba(255,255,255,.46);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rn-cp{flex:none;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border:0;border-radius:10px;
 background:linear-gradient(140deg,#7C1FFF,#6200FF);color:#fff;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:.16s}
.rn-cp:hover{filter:brightness(1.12)}
.rn-cp.done{background:rgba(15,153,96,.9)}
.rn-code pre{margin:0;padding:17px;overflow-x:auto;color:#E8E8EC;font-family:'JetBrains Mono',monospace;
 font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:340px}

.rn-shot{border-radius:16px;overflow:hidden;border:1px solid #ECECF1;margin:18px 0 6px;cursor:zoom-in}
.rn-shot img{width:100%;display:block}

.rn-note{display:flex;gap:14px;padding:18px 20px;border-radius:16px;border:1px solid;font-size:16px;line-height:1.6;margin:6px 0}
.rn-note svg{flex:none;margin-top:2px}
.rn-note b{display:block;font-weight:700;margin-bottom:5px;font-size:16.5px}
.rn-note.tip{background:#F8F4FF;border-color:#E7DCFC;color:#3D2073}
.rn-note.warn{background:#FFFBEB;border-color:#FCE7A2;color:#7A4C05}
.rn-note.danger{background:#FEF2F2;border-color:#FBD5D5;color:#991B1B}
.rn-note.ok{background:#EDF9F3;border-color:#CDE9DB;color:#0A6B44}

.rn-go{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:15px;
 background:linear-gradient(140deg,#7C1FFF,#6200FF);color:#fff;font-size:16px;font-weight:600;
 box-shadow:0 10px 26px rgba(98,0,255,.28);transition:.18s;margin-top:8px}
.rn-go:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(98,0,255,.34)}

.rn-ck label{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #ECECF1;
 cursor:pointer;font-size:16px;line-height:1.5}
.rn-ck label:last-child{border-bottom:0}
.rn-ck input{margin-top:2px;width:19px;height:19px;accent-color:#6200FF;flex:none;cursor:pointer}
.rn-ck input:checked+span{color:#A1A1AA;text-decoration:line-through}

.rn-fin{text-align:center;padding:26px 0 10px}
.rn-fin .o{width:64px;height:64px;margin:0 auto 22px;animation:rn-pop .7s cubic-bezier(.34,1.56,.64,1)}
@keyframes rn-pop{0%{transform:scale(.3) rotate(-90deg);opacity:0}100%{transform:none;opacity:1}}
.rn-fin h2{font-size:27px}

.rn__f{flex:none;display:flex;align-items:center;gap:12px;padding:18px 26px 22px;border-top:1px solid #ECECF1}
.rn__f .gap{flex:1}
.rn-b{height:46px;padding:0 20px;border:1px solid #E4E4EA;background:#fff;border-radius:13px;font:inherit;
 font-size:15px;font-weight:600;color:#3F3F46;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:9px}
.rn-b:hover{background:#F7F7F9;border-color:#C9A7FF;color:#4C00CC}
.rn-b[disabled]{opacity:.35;cursor:not-allowed}
.rn-b.pri{background:linear-gradient(140deg,#7C1FFF,#6200FF);border-color:transparent;color:#fff;
 padding:0 26px;box-shadow:0 8px 22px rgba(98,0,255,.26)}
.rn-b.pri:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(98,0,255,.32);color:#fff}
.rn__hint{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#C4C4CC}

/* кнопка запуска в уроке */
.rn-start{display:flex;align-items:center;gap:16px;width:100%;padding:20px 22px;margin-bottom:22px;
 border:1px solid #E7DCFC;border-radius:20px;cursor:pointer;text-align:left;
 background:linear-gradient(120deg,#FCFAFF,#F5F0FE);transition:.2s;font:inherit}
.rn-start:hover{transform:translateY(-2px);border-color:#C9A7FF;box-shadow:0 12px 30px rgba(98,0,255,.10)}
.rn-start__i{width:46px;height:46px;flex:none;border-radius:15px;background:linear-gradient(140deg,#8B3DFF,#6200FF);
 display:grid;place-items:center;color:#fff;box-shadow:0 7px 20px rgba(98,0,255,.26)}
.rn-start__t{flex:1;min-width:0}
.rn-start__t b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em;margin-bottom:3px}
.rn-start__t span{display:block;font-size:13.5px;color:#71717A}
.rn-start__a{flex:none;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#6200FF;font-weight:600}

@media(max-width:700px){
 .rn{padding:0}.rn__w{max-width:none;height:100dvh;max-height:none;border-radius:0}
 .rn__b{padding:22px 20px}.rn h2{font-size:21px}.rn-intro h2{font-size:23px}
 .rn p{font-size:15.5px}.rn__f{padding:13px 16px 16px}.rn__hint{display:none}
}

/* ── видео внутри пошагового режима ── */
.rn__vb{flex:none;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;
 border:1px solid var(--line-2,#E4E4EA);background:#fff;border-radius:999px;font:inherit;
 font-size:12.5px;font-weight:600;color:#71717A;cursor:pointer;transition:.15s}
.rn__vb:hover{border-color:#C9A7FF;color:#4C00CC}
.rn__vb.on{background:var(--tint,#F4EEFF);border-color:#DDD6F3;color:#4C00CC}

.rn__main{flex:1;display:flex;min-height:0;overflow:hidden}
.rn__v{display:none;flex:none;width:0;padding:26px 0 26px 26px;min-width:0}
.rn__w.vid{max-width:1320px}
.rn__w.vid .rn__v{display:block;width:46%}
.rn__w.vid .rn__b{width:54%}
.rn__b{flex:1;min-width:0}

.player.rn-player{width:100%!important;height:auto!important;aspect-ratio:16/9;margin:0!important;
 border-radius:16px;position:sticky;top:0;box-shadow:0 10px 30px rgba(17,17,20,.18)}
.player.rn-player video{border-radius:16px}

@media(max-width:980px){
 .rn__main{flex-direction:column;overflow-y:auto}
 .rn__w.vid .rn__v{width:100%;padding:16px 20px 0}
 .rn__w.vid .rn__b{width:100%}
 .rn__b{overflow:visible}
}

/* ── кнопка «перейти к практике» ── */
.lp-next{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 22px;margin-top:20px;
 border:1px solid #DDD6F3;background:var(--tint,#F4EEFF);color:var(--indigo-dark,#4C00CC);
 border-radius:14px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:.17s}
.lp-next:hover{background:#EBE1FF;transform:translateY(-2px);box-shadow:0 8px 22px rgba(98,0,255,.14)}

/* ---- два прогресса: практика и просмотр видео ---- */
.rn__bars{display:flex;flex-direction:column;gap:3px}
.rn__bar--v i{background:linear-gradient(90deg,#34D399,#6EE7B7)}
.rn__bar--v{opacity:.85}
.rn__pv{font:500 11.5px 'JetBrains Mono',monospace;letter-spacing:.06em;color:#8B879A;margin-right:10px;white-space:nowrap}

/* ---------- шкала шагов, фраза дня и мягкое закрытие ---------- */
.rn__rail{flex:none;display:flex;align-items:center;gap:7px;padding:16px 26px 0;overflow-x:auto;scrollbar-width:none}
.rn__rail::-webkit-scrollbar{display:none}
.rn__d{flex:none;position:relative;width:26px;height:26px;border:0;padding:0;border-radius:50%;cursor:pointer;background:none;
  display:grid;place-items:center;font:600 11px 'JetBrains Mono',monospace;color:#A1A1AA;transition:color .25s}
.rn__d::before{content:"";position:absolute;inset:0;border-radius:50%;background:#F1F1F4;transform:scale(.42);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .25s}
.rn__d span{position:relative;opacity:0;transition:opacity .25s}
.rn__d:hover::before{transform:scale(.62);background:#E4E4EA}
.rn__d.done::before{background:linear-gradient(145deg,#A56CFF,#6200FF);transform:scale(.52)}
.rn__d.done{color:#fff}
.rn__d.on::before{transform:scale(1);background:linear-gradient(145deg,#8B3DFF,#6200FF);
  box-shadow:0 6px 16px -6px rgba(98,0,255,.8)}
.rn__d.on{color:#fff}
.rn__d.on span{opacity:1}
/* соединительная нить между точками */
.rn__d+.rn__d::after{content:"";position:absolute;left:-9px;top:50%;width:6px;height:2px;border-radius:2px;background:#ECECF1;transform:translateY(-50%)}
.rn__d.done+.rn__d::after,.rn__d.on::after{background:#C9A7FF}

.rn__mot{flex:none;padding:10px 26px 0;font:500 12.5px 'Onest',system-ui,sans-serif;color:var(--muted,#71717A);min-height:18px}
.rn__mot.in{animation:rn-mot .5s cubic-bezier(.22,1,.36,1)}
@keyframes rn-mot{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.rn.out{animation:rn-bgo .26s ease forwards}
@keyframes rn-bgo{to{opacity:0}}
.rn.out .rn__w{animation:rn-dn .26s cubic-bezier(.4,0,1,1) forwards}
@keyframes rn-dn{to{opacity:0;transform:translateY(18px) scale(.97)}}

@media(prefers-reduced-motion:reduce){
  .rn__d::before,.rn__mot.in,.rn.out,.rn.out .rn__w{animation:none;transition:none}
}
@media(max-width:900px){
  .rn__rail{padding:10px 16px 0}
  .rn__mot{padding:6px 16px 0;font-size:12px}
}

/* ---------- сдача работы прямо в практике ---------- */
.rn-hw{margin-top:26px;padding-top:22px;border-top:1px solid #ECECF1;text-align:left}
.rn-hw__k{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo,#6200FF);margin-bottom:8px}
.rn-hw h2{margin-bottom:10px}
.rn-hw__t{font-size:15px;line-height:1.6;color:var(--ink,#111114);margin-bottom:16px}
.rn-hw__w{background:#F7F5FF;border:1px solid #EAE4FA;border-radius:16px;padding:14px 18px;margin-bottom:18px}
.rn-hw__w b{display:block;font-family:'Jura',system-ui;font-size:14px;margin-bottom:8px}
.rn-hw__w ul{margin:0;padding-left:18px}
.rn-hw__w li{font-size:14px;line-height:1.55;color:var(--muted,#71717A);margin-bottom:4px}
.rn-hw__f{display:flex;flex-direction:column;gap:10px}
.rn-hw__drop{display:grid;place-items:center;min-height:96px;padding:16px;border:1.6px dashed #D9D4EC;border-radius:16px;
  background:#FBFAFF;color:var(--muted,#71717A);font-size:13.5px;text-align:center;cursor:pointer;transition:.18s}
.rn-hw__drop:hover,.rn-hw__drop.over{border-color:#6200FF;background:#F4EEFF;color:var(--ink,#111114)}
.rn-hw__drop.has{border-style:solid;border-color:#34D399;background:#F1FCF7;color:#0F9960}
.rn-hw__i{width:100%;padding:12px 14px;border:1px solid var(--line-2,#E4E4EA);border-radius:13px;font:14px 'Onest',system-ui;color:var(--ink,#111114);background:#fff}
.rn-hw__i:focus{outline:none;border-color:#6200FF;box-shadow:0 0 0 3px rgba(98,0,255,.12)}
.rn-hw__ta{resize:vertical;min-height:80px;line-height:1.5}
.rn-hw__err{min-height:16px;font-size:13px;color:#D92D20}
.rn-hw__send{align-self:flex-start}
.rn-hw__ok{display:flex;align-items:flex-start;gap:8px;background:#F1FCF7;border:1px solid #BFF0DA;border-radius:14px;
  padding:12px 14px;margin-bottom:14px;font-size:14px;line-height:1.5;color:#0F6B48}
.rn-hw__ok svg{flex:none;margin-top:2px}
@media(max-width:900px){.rn-hw__w{padding:12px 14px}}

/* ---- чистый экран сдачи: одна кнопка, без нижней панели ---- */
.rn__w.fin .rn__f{display:none}
.rn__s--hw .rn-hw{margin-top:0;padding-top:0;border-top:0}
.rn__s--hw .rn-hw h2{font-size:28px;margin-bottom:12px}
.rn-hw__dropt{display:block;max-width:420px}
.rn-hw__list{display:flex;flex-wrap:wrap;gap:8px}
.rn-hw__list:empty{display:none}
.rn-hw__file{display:inline-flex;align-items:center;gap:7px;padding:7px 8px 7px 12px;border:1px solid #BFF0DA;background:#F1FCF7;
  border-radius:999px;font-size:13px;color:#0F6B48;max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rn-hw__file svg{flex:none}
.rn-hw__file button{flex:none;width:20px;height:20px;border:0;border-radius:50%;background:rgba(15,107,72,.12);color:#0F6B48;
  font:600 14px/1 system-ui;cursor:pointer}
.rn-hw__file button:hover{background:rgba(15,107,72,.25)}
.rn-hw__send{height:48px;padding:0 26px;font-size:15.5px}

/* ---------- типографика шага: читается быстро, глаз не бегает ---------- */
.rn__b .rn__s{max-width:64ch}                      /* строка не растягивается на всю ширину окна */
.rn h2{font-size:23px;letter-spacing:-.02em;line-height:1.22}
.rn p{font-family:'Onest',system-ui,sans-serif;font-size:16px;line-height:1.72;color:#3A3A44;margin-bottom:12px}
.rn li{font-family:'Onest',system-ui,sans-serif;font-size:15.5px;line-height:1.65}
/* номер шага компактнее: он подсказка, а не заголовок */
.rn-num{gap:10px;margin-bottom:12px}
.rn-num b{width:34px;height:34px;border-radius:11px;font-size:13px}
.rn-num span{font-size:10.5px;letter-spacing:.16em}
/* короткий шаг не болтается вверху пустого окна */
.rn__w.vid .rn__b,.rn__b{display:flex;flex-direction:column;justify-content:center}
.rn__w.fin .rn__b{justify-content:flex-start}
.rn__s--hw{max-width:none!important}
@media(max-width:900px){
  .rn h2{font-size:20px}
  .rn p{font-size:15.5px;line-height:1.66}
  .rn__b{justify-content:flex-start}
}
.rn__b .rn__s{margin-left:auto;margin-right:auto}
.rn__w:not(.vid){max-width:900px}

/* промпт в окне практики: «Открыть в Claude» + «Скачать .md» (prompt-actions.js) */
.rn-pa{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.rn-pa__b{height:40px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:inherit;
  font:600 14px 'Onest',system-ui,sans-serif;cursor:pointer}
.rn-pa__b:hover{background:rgba(255,255,255,.12)}
.rn-pa__b--claude{background:#6200FF;border-color:#6200FF;color:#fff}
.rn-pa__b--claude:hover{background:#5200d6}

.rn-shot figcaption{padding:8px 12px;font-size:12.5px;color:#71717A;background:#FAFAFC;border-top:1px solid #ECECF1}
html[data-theme="dark"] .rn-shot figcaption{background:#15151B;border-top-color:#23232C;color:#9E9EAB}

/* шаг: нумерованные действия (2026-10-20) */
.rn-txt p{margin:0 0 12px}
.rn-ol{list-style:none;margin:6px 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}
.rn-ol li{display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-radius:14px;background:#F7F3FF;border:1px solid #E9DEFF;line-height:1.5}
.rn-ol__n{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#8B3DFF,#6200FF);color:#fff;font:700 15px/1 'Onest',system-ui,sans-serif;margin-top:-1px;box-shadow:0 4px 12px rgba(98,0,255,.25)}
.rn-ol li span{padding-top:3px}
.rn-ui{color:#6200FF;font-weight:700}
html[data-theme="dark"] .rn-ol li{background:#1A1330;border-color:#2D2148}
html[data-theme="dark"] .rn-ui{color:#B594FF}
@media (max-width:560px){.rn-ol li{padding:10px 12px;gap:11px}.rn-ol__n{width:26px;height:26px;font-size:13.5px;border-radius:8px}}

/* ---------- телефон: окно практики строго по ширине экрана (2026-10-24) ---------- */
.rn__w,.rn__main,.rn__b,.rn__s{min-width:0}
@media(max-width:700px){
  .rn.on{place-items:stretch;overflow:hidden}
  .rn__w{width:100vw;max-width:100vw!important;min-height:0;height:100dvh;overflow:hidden}
  .rn__b .rn__s{max-width:100%}
  /* шапка: только иконки и счётчик, ничего не вылезает */
  .rn__top{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 0;gap:8px}
  .rn__k{display:none}
  .rn__top::before{content:"";flex:1}
  .rn__vb{width:38px;height:38px;padding:0;justify-content:center;border-radius:12px}
  .rn__vb span{display:none}
  .rn__vb svg{width:17px;height:17px}
  .rn__pv{display:none}
  .rn__n{font-size:12px;margin-left:4px}
  .rn__x{width:38px;height:38px}
  .rn__bar{margin:10px 16px 0}
  /* шкала шагов: точки меньше, текущая всегда видна */
  .rn__rail{gap:5px;padding:10px 16px 0;scroll-snap-type:x proximity}
  .rn__d{width:24px;height:24px;scroll-snap-align:center}
  /* контент */
  .rn__b{padding:18px 18px 20px;min-height:0}
  .rn h2{font-size:20px}
  .rn p,.rn-note{font-size:15.5px}
  .rn-note{padding:14px 15px;gap:11px}
  .rn-code__h{flex-wrap:wrap}
  .rn-code pre{font-size:13px;padding:14px;max-height:46dvh}
  .rn-pa__b{flex:1;min-width:0}
  /* низ: «Дальше» на всю ширину, большой палец достаёт */
  .rn__f{gap:10px;padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px))!important}
  .rn__f .gap{display:none}
  .rn-b{height:50px;padding:0 16px}
  #rn-jump{font-size:13px;line-height:1.2;white-space:normal;text-align:left;padding:0 12px}
  .rn-b.pri{flex:1;justify-content:center;padding:0 18px}
  /* видео в практике на телефоне — сверху, компактно */
  .rn__w.vid .rn__v{padding:12px 14px 0}
}

/* ---------- телефон: практика с видео (2026-10-24, v2) ---------- */
@media(max-width:700px){
  /* видео прилипает сверху целиком, текст уходит под него чисто, без наложения */
  .rn__w.vid .rn__v{position:sticky;top:0;z-index:5;padding:10px 18px 12px;background:#fff;
    box-shadow:0 10px 14px -12px rgba(17,17,20,.25)}
  html[data-theme="dark"] .rn__w.vid .rn__v{background:#131317;box-shadow:0 10px 14px -12px rgba(0,0,0,.7)}
  .player.rn-player{position:relative!important;top:auto;border-radius:14px;box-shadow:none}
  .player.rn-player video{border-radius:14px}
  .rn__w.vid .rn__b{padding-top:14px}
  /* панель плеера влезает в ширину: убираем ±10 сек (есть полоса перемотки), мини-плеер и громкость */
  .rn-player .vp__ov{padding:34px 8px 6px}
  .rn-player .vp__row{gap:0;flex-wrap:nowrap;min-width:0}
  .rn-player .vp__b{width:34px!important;height:34px!important}
  .rn-player .vp__b.w{min-width:34px;padding:0 6px!important}
  .rn-player .vp__b[data-b10],.rn-player .vp__b[data-f10],.rn-player .vp__b[data-pip],.rn-player .vp__vol,.rn-player .vp__ch{display:none!important}
  .rn-player .vp__t{font-size:11px;margin-left:2px}
  .rn-player .vp__b svg{width:18px;height:18px}
  /* название главы сверху не перекрывает картинку на маленьком экране */
  .rn-player .vp__mn{display:none}
  .rn-player .vp__big{width:52px;height:52px}
  /* субтитры компактнее, чтобы не закрывали полэкрана */
  .player.rn-player video::cue{font-size:.62em;line-height:1.3}
}
/* «Скачать .md» на светлой теме была невидимой кнопкой */
html:not([data-theme="dark"]) .rn-pa__b:not(.rn-pa__b--claude){border-color:#E4E4EA;background:#fff;color:#3F3F46}
html:not([data-theme="dark"]) .rn-pa__b:not(.rn-pa__b--claude):hover{border-color:#C9A7FF;color:#4C00CC}

/* ---------- телефон: видео в практике не съедает экран (2026-10-24, v3) ---------- */
@media(max-width:700px){
  /* видео — первым блоком и уезжает вместе с текстом: экран целиком под шаг */
  .rn__w.vid .rn__v{position:static;box-shadow:none;padding:4px 16px 0;background:transparent}
  html[data-theme="dark"] .rn__w.vid .rn__v{background:transparent;box-shadow:none}
  .rn__main{overflow-y:auto;-webkit-overflow-scrolling:touch}
  /* шапка тоньше: прогресс уже виден по точкам, фраза дня — только на компьютере */
  .rn__bar,.rn__bars,.rn__mot{display:none}
  .rn__rail{padding:8px 16px 4px}
  .rn__w.vid .rn__b{padding-top:16px}
  /* скриншоты в шаге: целиком, по ширине экрана */
  .rn-shot{margin:14px 0 4px;border-radius:12px}
  .rn-shot img{max-height:none;height:auto}
}
@media(max-width:700px){.rn__w.vid .rn__b,.rn__b{justify-content:flex-start}}