/* lesson-plan.css — план-конспект и технологическая карта урока (/plan-konspekt-uroka, /tehnologicheskaya-karta-uroka).
   Оболочка — как у ИИ-страниц сайта (подшапка, сцена, тарифы под инструментом). Один акцент — синий сайта,
   градиент ИИ — только на кнопке запуска, значках и полосе ожидания. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
html,body{overflow-x:clip}
:root{
  --ai-grad:linear-gradient(120deg,#818cf8,#4361ee 45%,#06b6d4);
  --ai-grad-soft:linear-gradient(120deg,rgba(129,140,248,.14),rgba(67,97,238,.10),rgba(6,182,212,.12));
  --t:.2s cubic-bezier(.4,0,.2,1);
  --primary:#4f46e5;--primary-l:#6366f1;--primary-d:#4338ca;
  --text2:#4a5568;--lp-r:22px;--lp-ease:cubic-bezier(.22,.8,.26,1);--lp-soft:rgba(79,70,229,.08);
  --lp-cy:rgba(6,182,212,.72);--lp-warn:#b45309;--lp-ph:rgba(245,158,11,.24)
}
[data-theme="dark"]{--primary:#6366f1;--primary-l:#818cf8;--primary-d:#4f46e5;--text2:#b4bccc;--lp-soft:rgba(129,140,248,.13);--lp-warn:#fbbf24}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.5;
  -webkit-font-smoothing:antialiased;padding-top:calc(var(--tk-h,64px) + 52px);min-height:100vh}
.page{max-width:1120px;margin:0 auto;padding:22px 20px 64px;width:100%}
@media(max-width:600px){.page{padding:14px 12px 48px}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
svg{display:block}

/* ── подшапка ИИ-раздела ── */
.subhead{position:fixed;top:var(--tk-h,64px);left:0;right:0;z-index:150;background:var(--surface);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
[data-theme="dark"] .subhead{background:var(--white)}
.subhead-inner{max-width:1120px;margin:0 auto;padding:0 20px;height:52px;display:flex;align-items:center;gap:14px}
.subhead-left{display:flex;align-items:center;gap:9px;font-weight:750;font-size:14px;min-width:0}
.sh-home{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit;transition:opacity .15s;flex-shrink:0}
.sh-home:hover{opacity:.7}
.subhead-left .ic{width:28px;height:28px;border-radius:8px;background:var(--ai-grad);display:grid;place-items:center;color:#fff;flex-shrink:0}
.subhead-left .ic svg{width:16px;height:16px}
.subhead-left .muted{color:var(--text-faint);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.subhead-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}
#ai-account{display:inline-flex;align-items:center;gap:10px}
#ai-account .profile{display:inline-flex;align-items:center;gap:8px}
.subhead .vk-btn.sm{min-height:34px;white-space:nowrap}
.subhead .profile-btn{min-height:0;white-space:nowrap}
@media(max-width:600px){
  .subhead-inner{gap:8px;padding:0 12px}
  .subhead-left .sh-label,.subhead-left .muted{display:none}
  #ai-account{gap:8px!important}
  #ai-account .vk-btn.sm{padding:8px 14px;font-size:13px;box-shadow:none}
  #ai-account .vk-rest,#ai-account .cc-label,#ai-account .pb-name{display:none}
  #ai-account .credits-chip{padding:6px 10px;gap:5px}
  #ai-account .profile-btn{padding:3px 7px 3px 3px;gap:5px}
  #ai-account .ai-bell{width:36px;height:36px}
}
@media(max-width:359px){#ai-account .profile-btn .arr{display:none}#ai-account .profile-btn{padding:3px}}

/* ── окна и всплывашки ── */
.modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(13,17,23,.55);backdrop-filter:blur(4px)}
.modal.show{display:flex;animation:lpFade .2s both}
@keyframes lpFade{from{opacity:0}to{opacity:1}}
.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);max-width:420px;width:100%;padding:28px 24px 24px;text-align:center;position:relative;animation:lpPop .25s both;max-height:calc(100dvh - 40px);overflow:auto}
[data-theme="dark"] .modal-card{background:var(--white)}
@keyframes lpPop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;color:var(--text-muted);display:grid;place-items:center}
.modal-close svg{width:16px;height:16px}
.modal-ic{width:56px;height:56px;border-radius:16px;background:var(--ai-grad);display:grid;place-items:center;color:#fff;margin:0 auto 16px;box-shadow:0 10px 26px rgba(67,97,238,.3)}
.modal-ic svg{width:28px;height:28px}
.modal-card h2{margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.25}
.nc-lead{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0 0 16px}
.nc-next{display:flex;align-items:center;gap:9px;justify-content:center;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:12px 15px;font-size:13.5px;color:var(--text);margin-bottom:16px}
.nc-next svg{width:20px;height:20px;color:var(--primary);flex-shrink:0}
.nc-next b{color:var(--primary)}
.nc-next i{color:var(--text-faint);font-style:normal;font-size:12.5px}
.nc-cta{width:100%;min-height:50px;padding:12px;border:none;border-radius:13px;background:var(--ai-grad);color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer}
.nc-alt{display:block;width:100%;min-height:46px;margin-top:10px;padding:10px;border-radius:13px;border:1.5px solid var(--border-strong);background:none;font:inherit;font-size:14px;font-weight:700;color:var(--text);cursor:pointer}
.nc-alt:hover{border-color:var(--primary);color:var(--primary)}
.nc-note{font-size:12px;color:var(--text-faint);margin-top:12px;line-height:1.5}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;background:#111827;color:#fff;padding:12px 20px;border-radius:12px;font-size:13.5px;font-weight:650;transition:var(--t);z-index:9300;box-shadow:var(--shadow);max-width:calc(100% - 32px);text-align:center;line-height:1.45}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── сцена ── */
.rc-stage{position:relative;isolation:isolate;padding:40px 18px 30px;border-radius:32px;overflow:hidden;background:#eef2ff}
[data-theme="dark"] .rc-stage{background:#121629}
.rc-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;perspective:320px;
  -webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 75%);mask-image:linear-gradient(180deg,transparent 30%,#000 75%)}
.rc-grid i{position:absolute;left:-60%;right:-60%;top:52%;height:160%;transform-origin:50% 0;transform:rotateX(74deg);
  background-image:linear-gradient(rgba(79,70,229,.24) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(79,70,229,.24) 1.5px,transparent 1.5px);
  background-size:48px 48px;animation:rcGridRun 4s linear infinite}
@keyframes rcGridRun{from{background-position:0 0}to{background-position:0 48px}}
[data-theme="dark"] .rc-grid i{background-image:linear-gradient(rgba(129,140,248,.22) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(129,140,248,.18) 1.5px,transparent 1.5px)}
.rc-net{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.rc-hero{max-width:700px;margin:0 auto 22px;text-align:center}
.rc-title{font-size:clamp(28px,4.4vw,40px);font-weight:800;letter-spacing:-.025em;line-height:1.1;color:#1e1b4b}
.rc-sub{margin:10px auto 0;font-size:16px;line-height:1.55;color:#4c4f6b;max-width:600px}
[data-theme="dark"] .rc-title{color:#e8eaf6}
[data-theme="dark"] .rc-sub{color:#a3a8c6}
.rc-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin:14px auto 0;max-width:820px;font-size:12.5px;color:#5b5f7e}
.rc-meta span{display:inline-flex;align-items:center;gap:6px}
.rc-meta svg{width:15px;height:15px;color:var(--primary);flex-shrink:0}
[data-theme="dark"] .rc-meta{color:#a3a8c6}
@media(max-width:760px){.rc-stage{padding:26px 10px 20px;border-radius:24px}.rc-hero{margin-bottom:18px}.rc-sub{font-size:15px}}
.lp-wide .rc-hero{display:none}

/* ── история ── */
.rc-hist{max-width:820px;margin:22px auto 0}
.rc-hist-t{font-size:12.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#6b6f8f;margin:0 4px 10px}
[data-theme="dark"] .rc-hist-t{color:#a3a8c6}
.hist-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.hist-item{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:var(--t);background:var(--surface);text-align:left;font:inherit;color:inherit;width:100%}
[data-theme="dark"] .hist-item{background:var(--surface-2)}
.hist-item:hover{border-color:var(--primary)}
.hist-ic{width:34px;height:34px;border-radius:9px;background:var(--lp-soft);display:grid;place-items:center;color:var(--primary);flex-shrink:0}
.hist-ic svg{width:18px;height:18px}
.hist-info{min-width:0;flex:1}
.hist-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-faint);margin-top:3px;flex-wrap:wrap}
.hist-meta .clk{display:inline-flex;align-items:center;gap:4px}
.hist-meta svg{width:11px;height:11px}
.hist-empty{font-size:12.5px;color:var(--text-faint);padding:8px 2px;text-align:center;grid-column:1/-1;line-height:1.5}
.hist-more{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:11px;border:1px dashed var(--border-strong);border-radius:11px;color:var(--primary);font-weight:700;font-size:13px;text-decoration:none}
.hist-more:hover{border-style:solid;border-color:var(--primary)}
.hist-more svg{width:15px;height:15px}

/* ── мастер ── */
.lp-app{position:relative;max-width:820px;margin:0 auto}
.lp-wide .lp-app{max-width:none}
.lp-card{background:var(--surface);border:1px solid rgba(79,70,229,.10);border-radius:var(--lp-r);box-shadow:0 24px 60px rgba(79,70,229,.12),0 2px 8px rgba(30,27,75,.05);overflow:hidden}
[data-theme="dark"] .lp-card{border-color:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:16px 22px 0;position:relative}
.lp-steps[hidden]{display:none!important}
.lp-step{display:flex;align-items:center;gap:8px;border:none;background:none;padding:6px 2px 12px;font:inherit;color:var(--text-muted);font-size:.84rem;font-weight:700;cursor:default;text-align:left;min-width:0}
.lp-step i{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.78rem;background:var(--surface-2);border:1.5px solid var(--border-strong);transition:.35s var(--lp-ease)}
.lp-step i svg{width:14px;height:14px}
.lp-step span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-step.done{color:var(--text2)}
.lp-step.can{cursor:pointer}
.lp-step.can:hover span{color:var(--primary)}
.lp-step.done i{background:var(--primary);border-color:var(--primary);color:#fff}
.lp-step.on{color:var(--text)}
.lp-step.on i{border-color:var(--primary);color:var(--primary);background:var(--lp-soft);box-shadow:0 0 0 4px var(--lp-soft)}
.lp-steps.locked .lp-step{pointer-events:none}
.lp-bar{position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.lp-bar b{display:block;height:100%;width:25%;border-radius:3px;background:var(--primary);transition:width .6s var(--lp-ease)}
@media(max-width:560px){
  .lp-steps{display:flex;justify-content:space-between;gap:4px;padding:14px 16px 0}
  .lp-step{flex:0 0 auto}
  .lp-step span{display:none}
  .lp-step.on span{display:block}
  .lp-bar{left:16px;right:16px}
}
.lp-stage{position:relative}
.lp-pane{padding:26px 28px;display:none}
.lp-pane.on{display:block;animation:lpIn .45s var(--lp-ease) both}
.lp-pane.on.back{animation-name:lpInBack}
.lp-pane.on.fly-in{animation:lpFly .75s cubic-bezier(.2,.75,.25,1) both}
@keyframes lpIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes lpInBack{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes lpFly{from{opacity:0;transform:translateY(30px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:560px){.lp-pane{padding:20px 16px}}
.lp-q{font-size:clamp(1.3rem,2.6vw,1.6rem);font-weight:800;letter-spacing:-.02em;margin-bottom:6px;line-height:1.25}
.lp-qs{color:var(--text-muted);font-size:.92rem;line-height:1.5;margin-bottom:6px}
.lp-lbl{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:20px 0 9px}
.lp-lbl em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;font-size:.8rem;color:var(--text-faint)}
.lp-lbl .lock{display:inline-flex;align-items:center;gap:4px;color:#047857;text-transform:none;letter-spacing:0;font-weight:700;font-size:.8rem}
[data-theme="dark"] .lp-lbl .lock{color:#34d399}
.lp-lbl .lock svg{width:12px;height:12px}
.lp-in{width:100%;min-width:0;min-height:48px;padding:11px 14px;border-radius:14px;border:1.5px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;font-size:15.5px;line-height:1.4;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
.lp-in:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--lp-soft)}
.lp-in.big{min-height:54px;font-size:16.5px;font-weight:600}
.lp-in.bad{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.14)}
textarea.lp-in{resize:vertical;min-height:92px;line-height:1.55}
.lp-in::placeholder{color:var(--text-faint)}
.lp-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-row2>div{min-width:0}
@media(max-width:620px){.lp-row2{grid-template-columns:1fr;gap:0}}
.lp-count{font-size:12px;color:var(--text-faint);margin-top:6px;text-align:right;min-height:16px}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px}
.lp-chip{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text2);font:inherit;font-size:.86rem;font-weight:650;cursor:pointer;text-align:left;line-height:1.25;
  transition:transform .18s var(--lp-ease),border-color .18s,color .18s,background .18s}
.lp-chip:hover{border-color:var(--primary);color:var(--primary)}
.lp-chip:active{transform:scale(.97)}
.lp-chip.on{background:var(--primary);border-color:var(--primary);color:#fff}
.lp-chip svg{width:15px;height:15px;flex:0 0 auto}
.lp-chip.ex{border-style:dashed;font-weight:550}
.lp-chip.ex svg{color:var(--primary)}
.lp-chip.more{border-style:dashed;color:var(--primary)}
.lp-chips.bad .lp-chip{border-color:rgba(239,68,68,.55)}
.lp-grades{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px}
.lp-grades button{min-height:46px;border-radius:12px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:1rem;font-weight:750;cursor:pointer;font-variant-numeric:tabular-nums;transition:.15s}
.lp-grades button:hover{border-color:var(--primary);color:var(--primary)}
.lp-grades button.on{background:var(--primary);border-color:var(--primary);color:#fff}
.lp-grades.bad button{border-color:rgba(239,68,68,.55)}
@media(max-width:620px){.lp-grades{grid-template-columns:repeat(6,minmax(0,1fr))}}
.lp-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);max-width:460px}
.lp-seg button{min-height:42px;padding:0 10px;border:none;border-radius:10px;background:none;color:var(--text-muted);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s}
.lp-seg button.on{color:var(--primary);background:var(--surface);box-shadow:0 2px 8px rgba(20,30,60,.12)}
[data-theme="dark"] .lp-seg button.on{background:var(--white)}
@media(max-width:560px){.lp-seg{max-width:none}}
.lp-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lp-opts.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:620px){.lp-opts,.lp-opts.c3{grid-template-columns:1fr}}
.lp-opt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:64px;padding:11px 14px;border-radius:14px;text-align:left;
  border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
[data-theme="dark"] .lp-opt{background:rgba(255,255,255,.03)}
.lp-opt b{font-size:14.5px;font-weight:750;line-height:1.25}
.lp-opt small{font-size:12.5px;font-weight:600;color:var(--text-faint);line-height:1.35}
.lp-opt:hover{border-color:var(--primary-l)}
.lp-opt.on{background:var(--lp-soft);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}
.lp-opt.on small{color:var(--primary)}
/* что получить — три карточки с ценой */
.lp-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:720px){.lp-kinds{grid-template-columns:1fr}}
.lp-kind{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 14px 13px;border-radius:16px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
[data-theme="dark"] .lp-kind{background:rgba(255,255,255,.03)}
.lp-kind:hover{border-color:var(--primary-l)}
.lp-kind.on{background:var(--lp-soft);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}
.lp-kind-top{display:flex;align-items:center;gap:10px}
.lp-kind-ic{flex:0 0 36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--primary)}
.lp-kind.on .lp-kind-ic{background:var(--ai-grad);border-color:transparent;color:#fff}
.lp-kind-ic svg{width:19px;height:19px}
.lp-kind b{font-size:14.5px;font-weight:800;line-height:1.25}
.lp-kind small{font-size:12.5px;line-height:1.45;color:var(--text-muted)}
.lp-cost{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;margin-top:2px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;font-weight:750;color:var(--text2);background:var(--surface-2)}
.lp-kind.on .lp-cost{border-color:rgba(79,70,229,.35);color:var(--primary);background:var(--surface)}
[data-theme="dark"] .lp-kind.on .lp-cost{background:var(--white)}
.lp-cost svg{width:12px;height:12px}
@media(max-width:720px){.lp-kind{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:10px}.lp-kind-top{flex:1 1 auto;min-width:0}.lp-kind small{flex:1 1 100%;padding-left:46px}.lp-cost{margin:0;align-self:center}}
/* блок «ИИ и баланс» */
.lp-ai{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}
.lp-ai .ic{flex:0 0 38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--ai-grad)}
.lp-ai .ic svg{width:20px;height:20px}
.lp-ai h3{font-size:.95rem;font-weight:800;margin-bottom:2px}
.lp-ai p{font-size:.86rem;color:var(--text2);line-height:1.5}
.lp-ai .bal{display:block;margin-top:6px;font-size:.86rem;font-weight:650;color:var(--text2)}
.lp-ai .bal b{color:var(--text)}
.lp-ai .lnk{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lp-local{margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--text-muted)}
/* кнопки */
.lp-nav{display:flex;align-items:center;gap:10px;margin-top:26px}
.lp-nav .sp{flex:1}
.lp-go,.lp-ghost,.lp-act{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:15px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);
  font:inherit;font-size:.95rem;font-weight:750;cursor:pointer;white-space:nowrap;text-decoration:none;
  transition:transform .18s var(--lp-ease),box-shadow .2s,background .2s,border-color .2s,color .2s,opacity .2s,filter .2s}
[data-theme="dark"] .lp-act{background:rgba(255,255,255,.04)}
.lp-go svg,.lp-ghost svg,.lp-act svg{width:18px;height:18px;flex:0 0 auto}
.lp-act:hover{border-color:var(--primary-l);color:var(--primary)}
.lp-go:active,.lp-act:active{transform:scale(.97)}
.lp-go{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(79,70,229,.22)}
.lp-go:hover{background:var(--primary-d);border-color:var(--primary-d)}
.lp-go.ai{border-color:transparent;background:var(--ai-grad);box-shadow:0 14px 30px rgba(67,97,238,.28)}
.lp-go.ai:hover{filter:brightness(1.06);transform:translateY(-1px)}
.lp-go[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:none;filter:none}
.lp-go .cost{font-size:.76rem;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.22);white-space:nowrap}
.lp-ghost{border-color:transparent;background:none;color:var(--text-muted)}
.lp-ghost:hover{color:var(--primary)}
.lp-ghost.dashed{border:1.5px dashed var(--border-strong);color:var(--text)}
@media(max-width:720px){
  .lp-nav{flex-wrap:wrap;gap:8px}
  .lp-nav .sp{display:none}
  .lp-nav>*{flex:1 1 100%}
  .lp-nav .lp-go{order:-1;min-height:56px;font-size:1rem;white-space:normal;line-height:1.25;padding:8px 14px}
}

/* ── ожидание: анкета, нейросеть, ход урока ── */
html.lp-wait-on body>div[role="status"]:not([id]):not([class]){display:none!important}
html.lp-wait-on,html.lp-wait-on body{overflow-anchor:none}
.nw{position:relative;isolation:isolate;display:grid;gap:18px 22px;grid-template-columns:250px minmax(100px,1fr) 300px;grid-template-areas:"notes net plan" "prog prog prog";align-items:center;min-height:330px;padding:4px 0 2px;animation:lpFade .35s ease both}
@media(max-width:899px){.nw{grid-template-columns:minmax(0,1fr);grid-template-areas:"prog" "notes" "net" "plan";gap:14px;max-width:560px;margin:0 auto;min-height:0}}
.nw-floor{position:absolute;left:-40px;right:-40px;top:18%;bottom:-40px;z-index:-1;pointer-events:none;overflow:hidden;perspective:340px;opacity:.4;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 70%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 50% 70%,#000 25%,transparent 75%)}
.nw-floor i{position:absolute;left:-60%;right:-60%;top:30%;height:180%;transform-origin:50% 0;transform:rotateX(72deg);
  background-image:linear-gradient(rgba(100,116,139,.26) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(100,116,139,.26) 1.5px,transparent 1.5px);background-size:46px 46px;animation:nwFloor 2.6s linear infinite}
@keyframes nwFloor{from{background-position:0 0}to{background-position:0 46px}}
[data-theme="dark"] .nw-floor i{background-image:linear-gradient(rgba(129,140,248,.26) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(129,140,248,.26) 1.5px,transparent 1.5px)}
.nw-notes{grid-area:notes;position:relative;height:160px;min-width:0}
@media(max-width:899px){.nw-notes{height:96px}}
.nw-note{position:absolute;left:0;right:0;top:0;display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.06);
  box-shadow:0 10px 30px rgba(15,23,42,.10),0 2px 6px rgba(15,23,42,.05);transform-origin:50% 0;transition:transform .55s cubic-bezier(.2,.9,.25,1.05),opacity .45s ease}
.nw-note.p-in{transform:translateY(-110%) scale(.96);opacity:0}
.nw-note.p0{transform:none;opacity:1;z-index:3}
.nw-note.p1{transform:translateY(15px) scale(.94);opacity:.7;z-index:2}
.nw-note.p2{transform:translateY(28px) scale(.88);opacity:.36;z-index:1}
.nw-note.p-out{transform:translateY(38px) scale(.82);opacity:0;z-index:0}
.nw-note .n-ic{flex:0 0 38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(67,97,238,.09);color:#4361ee}
.nw-note .n-ic svg{width:19px;height:19px}
.nw-note.ai .n-ic{background:var(--ai-grad);color:#fff}
.nw-note .n-tx{min-width:0;flex:1}
.nw-note .n-t{display:flex;gap:8px;align-items:baseline;font-size:12.5px;font-weight:800;color:#0f172a}
.nw-note .n-t small{margin-left:auto;font-weight:500;font-size:11px;color:#94a3b8}
.nw-note .n-s{display:block;font-size:13px;line-height:1.38;color:#475569;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:900px){.nw-note .n-s{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
.nw-note .n-s .ch{opacity:0;filter:blur(3px);animation:nwCh .32s ease forwards}
@keyframes nwCh{to{opacity:1;filter:none}}
[data-theme="dark"] .nw-note{background:#1e2536;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .nw-note .n-t{color:#e8eaf0}
[data-theme="dark"] .nw-note .n-s{color:#9da5b8}
.nw-net{grid-area:net;height:160px;position:relative;min-width:0}
@media(max-width:899px){.nw-net{height:70px}}
.nw-net svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nw-net line{stroke:rgba(79,70,229,.14);stroke-width:1;transition:stroke .35s}
.nw-net line.hot{stroke:rgba(67,97,238,.5)}
.nw-net .nd{fill:#c7d2fe;transition:r .3s var(--lp-ease),fill .3s}
.nw-net .nd.hot{fill:url(#lpAiG);r:5.5px;filter:drop-shadow(0 0 5px rgba(67,97,238,.6))}
.nw-net .pl{fill:#4361ee;filter:drop-shadow(0 0 4px rgba(67,97,238,.9))}
[data-theme="dark"] .nw-net line{stroke:rgba(165,180,252,.16)}
[data-theme="dark"] .nw-net .nd{fill:rgba(165,180,252,.35)}
.nw-lab{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-size:11.5px;color:var(--text-faint)}
@media(max-width:899px){.nw-lab{display:none}}
/* справа — ход урока: этапы и время собираются по ходу ответа */
.nw-plan{grid-area:plan;min-width:0}
.nw-plan-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11.5px;color:var(--text-muted);margin-bottom:7px}
.nw-plan-h b{font-size:12.5px;color:var(--text)}
.nw-rows{display:grid;gap:4px}
.nw-row{display:grid;grid-template-columns:18px minmax(0,1fr) 44px;align-items:center;gap:7px;min-height:24px;padding:3px 7px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);font-size:11.5px;line-height:1.2;color:var(--text);opacity:.35;transition:opacity .35s,background .35s}
.nw-row .n{font-weight:800;color:var(--text-faint);font-variant-numeric:tabular-nums}
.nw-row .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-row .m{display:flex;align-items:center;gap:4px;justify-content:flex-end;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}
.nw-row .m i{display:block;height:4px;border-radius:2px;background:var(--border-strong);width:var(--w,10px);max-width:24px;transition:width .5s var(--lp-ease),background .4s}
.nw-row.fill{opacity:1;background:var(--surface)}
.nw-row.fill .m i{background:var(--primary)}
.nw-row.chg{animation:nwFlip .5s var(--lp-ease) both}
@keyframes nwFlip{0%{transform:perspective(200px) rotateX(0)}45%{transform:perspective(200px) rotateX(90deg)}100%{transform:perspective(200px) rotateX(0)}}
@media(max-width:899px){.nw-row{min-height:22px;padding:2px 8px}}
@media(max-width:899px) and (max-height:760px){.nw-rows .nw-row:nth-child(n+8){display:none}}
.nw-prog{grid-area:prog;max-width:440px;width:100%;margin:6px auto 0}
.nw-prog-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:13px;color:var(--text-muted)}
.nw-prog-top span{transition:opacity .22s}
.nw-prog-top b{font-size:15px;color:var(--text);font-variant-numeric:tabular-nums}
.nw-bar{height:6px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}
.nw-bar i{display:block;height:100%;width:0;border-radius:6px;background:var(--ai-grad);transition:width .5s ease;position:relative;overflow:hidden}
.nw-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:nwShine 1.4s linear infinite}
@keyframes nwShine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.nw-long{margin-top:10px;font-size:12.5px;color:var(--text-muted);text-align:center;line-height:1.45}
.nw.fly .nw-notes,.nw.fly .nw-net,.nw.fly .nw-prog,.nw.fly .nw-floor{transition:opacity .45s ease,transform .5s cubic-bezier(.5,0,.75,0),filter .45s;opacity:0;transform:scale(.92);filter:blur(4px)}
.nw.fly .nw-plan{transition:transform .7s cubic-bezier(.2,.75,.25,1),opacity .4s ease .35s;transform:translateY(-10px) scale(1.06);opacity:0}
.nw-burst{position:absolute;left:50%;top:50%;width:240px;height:240px;margin:-120px 0 0 -120px;border-radius:50%;pointer-events:none;z-index:4;
  background:radial-gradient(circle,rgba(67,97,238,.38),rgba(6,182,212,.14) 45%,transparent 70%);transform:scale(0);opacity:0}
.nw.fly .nw-burst{animation:nwBurst .9s cubic-bezier(.2,.7,.3,1) .15s forwards}
@keyframes nwBurst{0%{transform:scale(0);opacity:0}35%{opacity:1}100%{transform:scale(3.2);opacity:0}}
.lp-fail{text-align:center;padding:26px 4px 6px}
.lp-fail .ic{width:52px;height:52px;margin:0 auto 14px;border-radius:15px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--lp-warn)}
.lp-fail .ic svg{width:26px;height:26px}
.lp-fail h3{font-size:1.15rem;font-weight:800;margin-bottom:6px}
.lp-fail p{color:var(--text2);font-size:.92rem;line-height:1.55;max-width:480px;margin:0 auto}
.lp-fail .lp-nav{justify-content:center}

/* ── готовый урок ── */
.lp-done-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.lp-check{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--primary);animation:lpBurst .6s var(--lp-ease) both}
.lp-check svg{width:22px;height:22px;stroke-dasharray:30;stroke-dashoffset:30;animation:lpDraw .5s .25s ease forwards}
@keyframes lpBurst{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1)}100%{transform:none;opacity:1}}
@keyframes lpDraw{to{stroke-dashoffset:0}}
.lp-done-main{min-width:0;flex:1}
.lp-done-head h2{font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.25}
.lp-sum{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:.9rem;color:var(--text2)}
.lp-sum span{display:inline-flex;align-items:center;gap:5px}
.lp-sum svg{width:14px;height:14px;color:var(--text-faint)}
.lp-new{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border-radius:12px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}
.lp-new:hover{border-color:var(--primary);color:var(--primary)}
.lp-new svg{width:16px;height:16px}
@media(max-width:600px){.lp-done-head{flex-wrap:wrap}.lp-new{order:3;width:100%;justify-content:center;min-height:48px;margin-left:0}}
.lp-notice{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:13px;font-size:.88rem;line-height:1.5;border:1px solid rgba(180,83,9,.28);background:rgba(245,158,11,.08);color:var(--text);margin:0 0 14px}
.lp-notice svg{flex:0 0 18px;width:18px;height:18px;color:var(--lp-warn);margin-top:1px}
.lp-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);margin:0 0 12px}
.lp-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 8px;border:none;border-radius:10px;background:none;color:var(--text-muted);font:inherit;font-size:.9rem;font-weight:750;cursor:pointer;min-width:0}
.lp-tabs button svg{width:16px;height:16px;flex:0 0 auto}
.lp-tabs button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-tabs button .s{display:none}
.lp-tabs button.on{color:var(--primary);background:var(--surface);box-shadow:0 2px 8px rgba(20,30,60,.12)}
[data-theme="dark"] .lp-tabs button.on{background:var(--white)}
@media(max-width:600px){.lp-tabs button .l{display:none}.lp-tabs button .s{display:inline}.lp-tabs button svg{display:none}}
.lp-acts{display:grid;grid-template-columns:1.4fr 1fr;gap:9px;margin:0 0 10px}
.lp-acts.three{grid-template-columns:1.3fr 1fr 1fr}
.lp-acts>*{width:100%;padding:0 12px}
.lp-minor{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.lp-minor .lp-chip{font-size:.85rem}
@media(max-width:820px){.lp-acts.three{grid-template-columns:1fr 1fr}.lp-acts.three .lp-go{grid-column:1/-1}}
.lp-new-b{display:none}
@media(max-width:600px){
  .lp-acts,.lp-acts.three{grid-template-columns:1fr}
  .lp-acts>*{min-height:52px}
  .lp-acts.three .lp-go{grid-column:auto}
  .lp-minor{justify-content:center}
  .lp-done-head .lp-new{display:none}
  .lp-new-b{display:flex;width:100%;min-height:54px;margin-top:16px}
}
.lp-hint{display:flex;align-items:flex-start;gap:8px;margin:10px 2px 0;font-size:12.5px;line-height:1.5;color:var(--text-muted)}
.lp-hint svg{width:15px;height:15px;flex:none;margin-top:2px}
/* лист */
.lp-sheet-wrap{padding:18px;border-radius:20px;background:rgba(148,163,184,.14);overflow:hidden}
@media(max-width:600px){.lp-sheet-wrap{padding:6px;border-radius:14px}}
.lp-sheet{max-width:794px;margin:0 auto;padding:48px 52px 54px 64px;background:#fff;color:#000;border-radius:4px;box-shadow:0 10px 34px rgba(15,23,42,.16);
  font-family:"Times New Roman",Times,serif;font-size:16px;line-height:1.4;outline:none;text-align:left;overflow-wrap:break-word}
.lp-sheet.land{max-width:1123px;padding:34px 36px 40px;font-size:13.5px;line-height:1.3}
.lp-sheet:focus-visible{box-shadow:0 10px 34px rgba(15,23,42,.16),0 0 0 3px rgba(99,102,241,.3)}
@media(max-width:700px){.lp-sheet,.lp-sheet.land{padding:22px 16px 26px;font-size:15px;line-height:1.4}}
.lp-sheet p{margin:0 0 4px}
.lp-sheet .d-title{text-align:center;font-weight:700;letter-spacing:.05em;font-size:1.12em;margin:0 0 12px}
.lp-sheet .d-sub{text-align:center;margin:-6px 0 12px}
.lp-sheet .d-h{font-weight:700;margin:12px 0 4px}
.lp-sheet .d-h2{text-align:center;font-weight:700;letter-spacing:.05em;margin:18px 0 8px}
.lp-sheet .d-st{font-weight:700;margin:16px 0 4px;page-break-after:avoid}
.lp-sheet .d-sg{font-style:italic;margin:0 0 6px}
.lp-sheet .d-lb{font-weight:700;font-style:italic;margin:8px 0 2px}
.lp-sheet .d-say{margin:0 0 3px;padding-left:12px}
.lp-sheet ul,.lp-sheet ol{margin:0 0 6px;padding-left:26px}
.lp-sheet li{margin:0 0 2px}
.lp-sheet .d-ans{display:block;color:#333;font-style:italic}
.lp-sheet .d-ph{background:var(--lp-ph);border-radius:3px}
.lp-sheet table{border-collapse:collapse;width:100%}
.lp-sheet table.d-meta{margin:0 0 10px}
.lp-sheet table.d-meta td{padding:2px 0;vertical-align:top;border:none}
.lp-sheet table.d-meta td.k{width:34%;font-weight:700;padding-right:12px}
.lp-sheet table.d-head td,.lp-sheet table.d-grid td,.lp-sheet table.d-grid th{border:1px solid #000;padding:5px 7px;vertical-align:top}
.lp-sheet table.d-head{margin:0 0 12px}
.lp-sheet table.d-head td.k{width:24%;font-weight:700}
.lp-sheet table.d-grid th{font-weight:700;text-align:center;background:#f2f2f2}
.lp-sheet table.d-grid td.c{text-align:center;white-space:nowrap}
.lp-sheet table.d-grid .d-gl{display:block;font-style:italic;font-size:.92em;margin-top:3px}
.lp-sheet .d-card{border:1.5px dashed #555;border-radius:6px;padding:12px 14px 10px;margin:0 0 14px;page-break-inside:avoid;break-inside:avoid}
.lp-sheet .d-ct{font-weight:700;margin:0 0 2px}
.lp-sheet .d-cs{font-size:.9em;color:#444;margin:0 0 6px}
.lp-sheet .d-name{margin:0 0 8px}
.lp-sheet .d-ci{font-style:italic;margin:0 0 6px}
.lp-sheet .d-q{margin:0 0 6px}
.lp-sheet .d-opt{margin:0 0 2px;padding-left:22px}
.lp-sheet .d-line{border-bottom:1px solid #777;height:1.5em;margin:0 0 2px}
.lp-sheet .d-key{margin:0 0 4px}
.lp-sheet .d-break{border-top:1px dashed #999;margin:22px 0 14px}
/* техкарта на телефоне: таблица этапов — карточками, без прокрутки вбок */
@media(max-width:700px){
  .lp-sheet table.d-grid,.lp-sheet table.d-grid tbody,.lp-sheet table.d-grid tr,.lp-sheet table.d-grid td{display:block;width:100%}
  .lp-sheet table.d-grid thead{display:none}
  .lp-sheet table.d-grid tr{border:1px solid #000;border-radius:4px;margin:0 0 10px;overflow:hidden}
  .lp-sheet table.d-grid td{border:none;border-top:1px solid #ddd;padding:6px 9px}
  .lp-sheet table.d-grid td:first-child{border-top:none;background:#f2f2f2}
  .lp-sheet table.d-grid td.c{text-align:left}
  .lp-sheet table.d-grid td[data-l]::before{content:attr(data-l);display:block;font-weight:700;font-size:.82em;letter-spacing:.02em;color:#444;margin-bottom:1px}
  .lp-sheet table.d-head,.lp-sheet table.d-head tbody,.lp-sheet table.d-head tr,.lp-sheet table.d-head td{display:block;width:100%!important}
  .lp-sheet table.d-head tr{border:1px solid #000;border-bottom:none}
  .lp-sheet table.d-head tr:last-child{border-bottom:1px solid #000}
  .lp-sheet table.d-head td{border:none;padding:4px 8px}
  .lp-sheet table.d-head td.k{padding-bottom:0}
  .lp-sheet table.d-meta td.k{width:40%}
}
/* под листом */
.anz-fb{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0 4px;font-size:14px;color:var(--text-muted)}
.anz-fb button{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:650;cursor:pointer}
.anz-fb button:hover{border-color:var(--primary);color:var(--primary)}
.anz-fb button svg{width:17px;height:17px}
@media(max-width:560px){.anz-fb>span{flex-basis:100%;text-align:center}.anz-fb button{flex:1 1 0;justify-content:center}}
.lp-up{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:16px;padding:16px 18px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}
.lp-up b{display:block;font-size:15px;margin-bottom:3px}
.lp-up span{font-size:13.5px;line-height:1.5;color:var(--text-muted)}
.lp-up>div{flex:1 1 300px;min-width:0}
.lp-up .lp-act{flex:0 0 auto}
@media(max-width:600px){.lp-up .lp-act{flex:1 1 100%}}
.rcfb-bg{position:fixed;inset:0;background:rgba(15,20,40,.55);backdrop-filter:blur(3px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .2s}
.rcfb-bg.on{opacity:1}
.rcfb{background:var(--surface);border-radius:20px;padding:24px;width:100%;max-width:460px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
[data-theme="dark"] .rcfb{background:var(--white)}
.rcfb h4{margin:0 0 6px;font-size:18px;font-weight:800}
.rcfb p{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--text-muted)}
.rcfb textarea{width:100%;min-height:104px;padding:12px 14px;border-radius:13px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:14.5px;resize:vertical;outline:none}
.rcfb textarea:focus{border-color:var(--primary)}
.rcfb-row{display:flex;gap:10px;margin-top:14px}
.rcfb-row button{flex:1;min-height:46px;border-radius:13px;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer}
.rcfb-send{border:none;background:var(--primary);color:#fff}
.rcfb-skip{border:1.5px solid var(--border);background:none;color:var(--text-muted)}

/* ── как это работает ── */
.lp-how{margin:26px 0 0;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px}
[data-theme="dark"] .lp-how{background:var(--white)}
.hw-t{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.05rem;line-height:1.3}
.hw-t svg{width:18px;height:18px;color:var(--primary);flex:0 0 auto}
.hw-s{color:var(--text-muted);font-size:.9rem;margin:4px 0 16px;line-height:1.5}
.hw-flow{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:stretch}
.hw-join{display:grid;place-items:center;color:var(--text-faint)}
.hw-join svg{width:22px;height:22px}
.hw-st{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface-2);display:flex;flex-direction:column;gap:9px;min-width:0}
.hw-st.ai{background:var(--surface);border-color:rgba(67,97,238,.32);box-shadow:0 10px 26px rgba(67,97,238,.08)}
[data-theme="dark"] .hw-st.ai{background:rgba(255,255,255,.03)}
.hw-sh{display:flex;align-items:center;gap:10px}
.hw-num{flex:0 0 26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12.5px;font-weight:800;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}
.hw-st.ai .hw-num{background:var(--ai-grad);border:0;color:#fff}
.hw-sh b{font-size:.9rem;line-height:1.25;display:block}
.hw-sh small{display:block;font-size:.76rem;color:var(--text-muted);font-weight:500;margin-top:1px;line-height:1.35}
.hw-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;font-size:12.5px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 11px}
[data-theme="dark"] .hw-kv{background:rgba(255,255,255,.03)}
.hw-kv span{color:var(--text-muted)}
.hw-kv b{font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hw-rows{display:grid;gap:4px}
.hw-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px;padding:5px 9px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}
.hw-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-row em{font-style:normal;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}
.hw-doc{display:grid;grid-template-columns:1fr;gap:6px}
.hw-doc div{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;padding:8px 9px;border-radius:9px;background:var(--surface);border:1px solid var(--border);min-width:0}
[data-theme="dark"] .hw-doc div{background:rgba(255,255,255,.03)}
.hw-doc svg{width:15px;height:15px;color:var(--primary);flex:0 0 auto}
.hw-doc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-size:.84rem;color:var(--text-muted);line-height:1.45}
.hw-note svg{width:16px;height:16px;color:#059669;flex:0 0 auto;margin-top:1px}
@media(max-width:1000px){.hw-flow{grid-template-columns:minmax(0,1fr)}.hw-join{height:26px}.hw-join svg{transform:rotate(90deg)}}
@media(max-width:760px){.lp-how{padding:16px}}

/* ── тарифы, SEO, FAQ ── */
#tariffs{scroll-margin-top:calc(var(--top-offset,116px) + 12px)}
.sec{width:100%;margin:44px 0 0}
.sec h2{font-size:1.45rem;font-weight:800;margin-bottom:16px;letter-spacing:-.01em;line-height:1.25}
.sec h2.mt{margin-top:36px}
.sec h3{font-size:1rem;font-weight:700;margin:0 0 6px}
.sec p{color:var(--text2);line-height:1.7;margin-bottom:12px}
.sec a{color:var(--primary);text-decoration:none;border-bottom:1px solid rgba(79,70,229,.35)}
.sec a:hover{border-bottom-color:var(--primary)}
.cols2{column-count:2;column-gap:34px}
.cols2 p{break-inside:avoid}
@media(max-width:820px){.cols2{column-count:1}}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.grid3{grid-template-columns:1fr}}
.tile{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:18px}
[data-theme="dark"] .tile,[data-theme="dark"] .faq-item{background:var(--white)}
.tile p{font-size:.9rem;margin:0}
.lp-list{columns:2;column-gap:34px;color:var(--text2);line-height:1.7;padding-left:20px;margin:0 0 12px}
.lp-list li{break-inside:avoid;margin-bottom:4px}
@media(max-width:820px){.lp-list{columns:1}}
.sz-wrap{border-radius:13px;border:1px solid var(--border);overflow:hidden;background:var(--surface)}
[data-theme="dark"] .sz-wrap{background:var(--white)}
.sz-tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.sz-tbl th,.sz-tbl td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5}
.sz-tbl th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-2)}
.sz-tbl tr:last-child td{border-bottom:none}
.sz-tbl td:first-child{font-weight:700;color:var(--text)}
.sz-tbl td{color:var(--text2)}
/* таблицы SEO на телефоне — строками, без прокрутки вбок */
@media(max-width:640px){
  .sz-tbl thead{display:none}
  .sz-tbl,.sz-tbl tbody,.sz-tbl tr,.sz-tbl td{display:block;width:100%}
  .sz-tbl tr{border-bottom:1px solid var(--border);padding:8px 0}
  .sz-tbl tr:last-child{border-bottom:none}
  .sz-tbl td{border:none;padding:3px 14px}
  .sz-tbl td[data-l]::before{content:attr(data-l);display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}
}
.lp-sample{margin:6px 0 14px;padding:16px 18px;border-left:4px solid var(--primary);border-radius:0 14px 14px 0;background:var(--lp-soft)}
.lp-sample p{margin:0 0 8px;font-family:"Times New Roman",Times,serif;font-size:16.5px;line-height:1.55;color:var(--text)}
.lp-sample p:last-child{margin-bottom:0}
.lp-sample .say{padding-left:14px}
.lp-cross{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px 0 4px;padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}
[data-theme="dark"] .lp-cross{background:var(--white)}
.lp-cross>div{flex:1 1 300px;min-width:0}
.lp-cross b{display:block;font-size:15.5px;margin-bottom:4px;color:var(--text)}
.lp-cross span{font-size:13.5px;line-height:1.55;color:var(--text-muted)}
.sec a.lp-cross-go{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:46px;padding:0 18px;border-radius:13px;background:var(--primary);color:#fff;font-weight:700;font-size:14.5px;border:none}
.sec a.lp-cross-go:hover{background:var(--primary-d)}
.lp-cross-go svg{width:16px;height:16px}
@media(max-width:600px){.sec a.lp-cross-go{flex:1 1 100%;justify-content:center}}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 16px;margin-bottom:9px}
.faq-item summary{list-style:none;cursor:pointer;padding:14px 0;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:0 0 18px;height:18px;background:var(--primary);transition:transform .2s;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center/contain no-repeat}
.faq-item[open] summary::after{transform:rotate(180deg)}
.faq-item p{margin:0 0 14px;color:var(--text2);font-size:.9rem;line-height:1.65}
body .st-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:15px 17px!important;margin:22px 0 0!important;max-width:none!important;width:auto!important}
[data-theme="dark"] body .st-box{background:var(--white)}
.site-footer .ft-heart{display:inline-block;width:13px;height:13px;vertical-align:-2px;color:#e11d48}
#ai-tariffs .ait-sub{max-width:720px}

@media(prefers-reduced-motion:reduce){
  .rc-grid i,.nw-floor i,.nw-bar i::after{animation:none!important}
  .lp-app *,.lp-app,.modal *{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}
  .lp-app *{transition-duration:.2s!important}
  .nw-note .n-s .ch{opacity:1;filter:none}
  .lp-check svg{stroke-dashoffset:0}
}
/* просмотр из админки: только результат */
html.adm-view body{padding-top:0!important;background:#fff}
html.adm-view body>*:not(main){display:none!important}
html.adm-view main>*:not(.rc-stage){display:none!important}
html.adm-view .rc-stage>*:not(#app){display:none!important}
html.adm-view .rc-stage{padding:0!important;background:none!important}
html.adm-view main.page{padding:8px 2px 20px!important}
html.adm-view .lp-new,html.adm-view .lp-steps,html.adm-view .lp-acts,html.adm-view .lp-minor,html.adm-view .anz-fb,html.adm-view .lp-up{display:none!important}
/* ожидание и ошибка — в одной панели */
.lp-wait .lp-fail{display:none}
.lp-wait.fail .nw{display:none}
.lp-wait.fail .lp-fail{display:block;animation:lpFade .3s ease both}
.lp-done-topic{margin:6px 0 0;font-size:1rem;font-weight:700;color:var(--text);line-height:1.35}
.lp-sheet table.d-self td,.lp-sheet table.d-self th{border:1px solid #000;padding:4px 6px;vertical-align:top}
.lp-sheet table.d-self th{background:#f2f2f2;font-weight:700;text-align:center}
@media(max-width:700px){.lp-sheet table.d-self th,.lp-sheet table.d-self td{padding:3px 4px;font-size:.88em}}
@media(max-width:560px){.lp-chip{min-height:36px;padding:6px 12px;font-size:.84rem}.lp-chip.ex{font-size:.82rem}}
/* правки проверки: контраст подписей (≥ 4.5:1), акцентный текст в тёмной теме, шапка конспекта на узком телефоне */
.hist-empty,.hist-meta,.lp-opt small,.lp-lbl em,.lp-count,.nc-note,.nc-next i{color:var(--text-muted)}
.hist-empty{color:var(--text2)}
[data-theme="dark"] .lp-step.on i,[data-theme="dark"] .lp-chip.more,[data-theme="dark"] .lp-chip:hover,[data-theme="dark"] .lp-grades button:hover,
[data-theme="dark"] .lp-seg button.on,[data-theme="dark"] .lp-opt.on small,[data-theme="dark"] .lp-kind.on .lp-cost,[data-theme="dark"] .lp-ai .lnk,
[data-theme="dark"] .lp-act:hover,[data-theme="dark"] .lp-ghost:hover,[data-theme="dark"] .lp-new:hover,[data-theme="dark"] .lp-tabs button.on,
[data-theme="dark"] .hw-row em,[data-theme="dark"] .sec a:not(.lp-cross-go),[data-theme="dark"] .hist-more,[data-theme="dark"] .nc-next b,
[data-theme="dark"] .nc-alt:hover,[data-theme="dark"] .anz-fb button:hover,[data-theme="dark"] .lp-step.can:hover span{color:#a5b4fc}
.lp-sheet .d-ph{overflow-wrap:anywhere;word-break:break-all}
@media(max-width:480px){
  .lp-sheet table.d-meta,.lp-sheet table.d-meta tbody,.lp-sheet table.d-meta tr,.lp-sheet table.d-meta td{display:block;width:100%!important}
  .lp-sheet table.d-meta tr{margin:0 0 5px}
  .lp-sheet table.d-meta td{padding:0}
  .lp-sheet table.d-meta td.k{font-size:.86em;color:#444;padding:0}
}