/* Смесь цвета для «Кинотеатра» (палитра «Сирень и лайм»).
   Уровень ставится на <html data-mix="N">. Каждый следующий включает всё из предыдущего.
   1 — как было
   2 — чуть больше: цифра урока ярче, лайм на шкале плеера и счётчиках, сиреневая вторая кнопка контуром
   3 — сирень заметна: на экран падает сиреневый свет, зал и карточки с сиреневым оттенком, вторая кнопка сиреневая
   4 — сирень и лайм смело: экран — сиреневый зал, кнопка плеера лаймовая, отметки задания лаймом
   5 — максимум: нижняя полоса «задание · созвон · дальше» светло-сиреневая, лайм на всех цифрах прогресса
   Лайм не заливает больших площадей: только действие, «сейчас» и прогресс. */

/* ═════════ 2. Чуть больше ═════════ */
html[data-mix="2"],html[data-mix="3"],html[data-mix="4"],html[data-mix="5"]{--kadr-pust:rgba(185,167,255,.24)}
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .kadr-n{font-weight:300}
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .kadr{background:radial-gradient(70% 80% at 82% 105%,rgba(185,167,255,.2),rgba(0,0,0,0) 64%),var(--zal-gl)}
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .kapsula a[aria-current],
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .tab-kapsula a[aria-current]{background:var(--svet-20);color:#E6DEFF}
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .otsvet{opacity:1}
/* шкала плеера: досмотренное — лайм */
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .shkala span.vse,
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .shkala span.chast::before,
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .shkala .golova{background:var(--akt)}
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .shkala{height:6px}
/* вторая кнопка — сиреневый контур */
:is([data-mix="2"]) .kn-vt{box-shadow:inset 0 0 0 1.5px var(--svet);color:#E6DEFF}
/* цифры прогресса — лайм */
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .yach .glavnoe .cifra,
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .zadanie .schet .cifra,
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .mini-zad .verhstr b{color:var(--akt)}
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .etapy i.sey{background:var(--akt)}
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .galki i.razbor{box-shadow:inset 0 -4px 0 var(--akt)}
/* текущая часть урока — лаймовая черта */
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .chasti li.sey a{box-shadow:inset 3px 0 0 var(--akt)}
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .chasti li.sey .eq i{background:var(--akt)}
:is([data-mix="2"],[data-mix="3"],[data-mix="4"],[data-mix="5"]) .poster.sey .n{color:var(--akt)}

/* ═════════ 3. Сирень заметна ═════════ */
html[data-mix="3"],html[data-mix="4"],html[data-mix="5"]{
  --zal:#0F0B1C; --zal-gl:#0A0714;
  --s1:#1A1430; --s2:#241C42; --s3:#302658;
  --ln:rgba(185,167,255,.15); --ln2:rgba(185,167,255,.28);
  --kadr-pust:rgba(185,167,255,.3);
}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .kadr{background:
  radial-gradient(60% 95% at 84% 100%,rgba(185,167,255,.42),rgba(0,0,0,0) 62%),
  radial-gradient(45% 60% at 60% 0%,rgba(110,90,216,.25),rgba(0,0,0,0) 70%),var(--zal-gl)}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .ekran::after{background:linear-gradient(90deg,var(--zal-gl) 0%,rgba(10,7,20,.55) 30%,rgba(0,0,0,0) 50%),linear-gradient(0deg,rgba(10,7,20,.8) 0%,rgba(0,0,0,0) 24%)}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .ekran{box-shadow:inset 0 0 0 1px rgba(185,167,255,.35)}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .kn-vt{background:var(--svet);color:var(--mot-ink);box-shadow:none}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .kn-vt:hover{background:#CBBDFF}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .pult .kn-vt{background:rgba(255,255,255,.12);color:var(--t);box-shadow:inset 0 0 0 1px var(--ln2)}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .poster .m{opacity:1}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .poster.proiden .m{opacity:.8}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .materialy .ik{background:var(--svet-20)}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .chtenie h2,
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .razdel-sh .h2{color:#D6CCFF}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .formula-3>div:last-child{background:var(--svet-20)}
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .okup .cifra{color:var(--akt)}

/* ═════════ 4. Сирень и лайм смело ═════════ */
html[data-mix="4"],html[data-mix="5"]{
  --zal:#140E28; --zal-gl:#0E0A1E;
  --s1:#1F1739; --s2:#2A2050; --s3:#372B66;
}
:is([data-mix="4"],[data-mix="5"]) .kadr{background:
  radial-gradient(70% 110% at 86% 100%,rgba(185,167,255,.6),rgba(0,0,0,0) 60%),
  linear-gradient(160deg,#2B1F5E 0%,#171030 45%,#0E0A1E 80%)}
:is([data-mix="4"],[data-mix="5"]) .ekran::after{background:linear-gradient(90deg,rgba(14,10,30,.85) 0%,rgba(14,10,30,.4) 30%,rgba(0,0,0,0) 50%),linear-gradient(0deg,rgba(14,10,30,.75) 0%,rgba(0,0,0,0) 24%)}
:is([data-mix="4"],[data-mix="5"]) .gl .pult .kn-krug,
:is([data-mix="4"],[data-mix="5"]) .urok .pult .kn-krug{background:var(--akt);color:var(--akt-ink);box-shadow:none}
:is([data-mix="4"],[data-mix="5"]) .galki i.razbor{background:var(--akt);box-shadow:none}
:is([data-mix="4"],[data-mix="5"]) .shtorka{background:linear-gradient(180deg,#261C4C,var(--s1) 360px)}
:is([data-mix="4"],[data-mix="5"]) .poster.proiden{background:linear-gradient(180deg,#3A2E70,#231C45 75%)}
:is([data-mix="4"],[data-mix="5"]) .shagi li::before{color:var(--akt)}
:is([data-mix="4"],[data-mix="5"]) .etap.sey{background:var(--svet-10);border-radius:14px;padding-left:14px}
:is([data-mix="4"],[data-mix="5"]) .chasti li.da .i{color:var(--akt)}
:is([data-mix="4"],[data-mix="5"]) .kapsula{background:rgba(185,167,255,.1)}

/* ═════════ 5. Максимум ═════════ */
/* нижняя полоса главной — светло-сиреневая */
[data-mix="5"] .gl .shtorka{background:linear-gradient(180deg,var(--svet) 0,var(--svet) 164px,var(--s1) 164px)}
[data-mix="5"] .gl .podsmotr{color:var(--mot-ink)}
[data-mix="5"] .gl .podsmotr .yach .metka,[data-mix="5"] .gl .podsmotr .yach .pod{color:rgba(20,15,38,.72)}
[data-mix="5"] .gl .podsmotr .yach .metka .i{color:var(--mot-ink)}
[data-mix="5"] .gl .podsmotr .yach .glavnoe{color:var(--mot-ink)}
[data-mix="5"] .gl .podsmotr .yach .glavnoe .cifra{color:var(--mot-ink)}
[data-mix="5"] .gl .podsmotr .yach+.yach::before{background:rgba(20,15,38,.18)}
[data-mix="5"] .gl .podsmotr .galki i{background:rgba(20,15,38,.18)}
[data-mix="5"] .gl .podsmotr .galki i.da{background:var(--mot-ink)}
[data-mix="5"] .gl .podsmotr .galki i.razbor{background:var(--akt);box-shadow:inset 0 0 0 1px rgba(20,15,38,.5)}
[data-mix="5"] .gl .podsmotr .etapy i{background:rgba(20,15,38,.18)}
[data-mix="5"] .gl .podsmotr .etapy i.da{background:rgba(20,15,38,.55)}
[data-mix="5"] .gl .podsmotr .etapy i.sey{background:var(--mot-ink)}
[data-mix="5"] .gl .podsmotr .etapy-pod,[data-mix="5"] .gl .podsmotr .etapy-pod b{color:rgba(20,15,38,.75)}
[data-mix="5"] .gl .ruchka{background:rgba(20,15,38,.3)}
/* телефон: нижняя шторка — светло-сиреневая */
[data-mix="5"] .tel .shtorka{background:var(--svet)}
[data-mix="5"] .tel .yach .metka,[data-mix="5"] .tel .yach .pod,[data-mix="5"] .tel .okup-t{color:rgba(20,15,38,.72)}
[data-mix="5"] .tel .yach .glavnoe,[data-mix="5"] .tel .yach .glavnoe .cifra,[data-mix="5"] .tel .okup-t b{color:var(--mot-ink)}
[data-mix="5"] .tel .yach .metka .i{color:var(--mot-ink)}
[data-mix="5"] .tel .yach:nth-child(n+3),[data-mix="5"] .tel .okup-t{border-top-color:rgba(20,15,38,.16)}
[data-mix="5"] .tel .yach:nth-child(2n)::after{background:rgba(20,15,38,.16)}
[data-mix="5"] .tel .galki i{background:rgba(20,15,38,.18)}
[data-mix="5"] .tel .galki i.da{background:var(--mot-ink)}
[data-mix="5"] .tel .galki i.razbor{background:var(--akt);box-shadow:inset 0 0 0 1px rgba(20,15,38,.5)}
[data-mix="5"] .tel .ruchka{background:rgba(20,15,38,.3)}
/* урок: карточка задания справа и вопрос — сиреневые */
[data-mix="5"] .mini-zad,[data-mix="5"] .vopros{background:var(--svet);color:var(--mot-ink);box-shadow:none}
[data-mix="5"] .mini-zad .verhstr,[data-mix="5"] .mini-zad p,[data-mix="5"] .vopros .niz{color:rgba(20,15,38,.72)}
[data-mix="5"] .mini-zad .verhstr b{color:var(--mot-ink)}
[data-mix="5"] .mini-zad .galki i{background:rgba(20,15,38,.18)}
[data-mix="5"] .mini-zad .galki i.da{background:var(--mot-ink)}
[data-mix="5"] .mini-zad .galki i.razbor{background:var(--akt);box-shadow:inset 0 0 0 1px rgba(20,15,38,.5)}
[data-mix="5"] .mini-zad .kn-vt,[data-mix="5"] .vopros .kn-vt{background:var(--mot-ink);color:var(--svet)}
[data-mix="5"] .vopros textarea{color:var(--mot-ink)}
[data-mix="5"] .vopros textarea::placeholder{color:rgba(20,15,38,.6)}
/* главная ниже: созвон — сиреневая карточка */
[data-mix="5"] .sozvon{background:var(--svet);color:var(--mot-ink)}
[data-mix="5"] .sozvon .metka,[data-mix="5"] .sozvon .spisok{color:rgba(20,15,38,.75)}
[data-mix="5"] .sozvon .spisok li{border-top-color:rgba(20,15,38,.16)}
[data-mix="5"] .sozvon .spisok .i,[data-mix="5"] .sozvon .metka .i{color:var(--mot-ink)}
[data-mix="5"] .sozvon .kn-vt{background:var(--mot-ink);color:var(--svet)}

/* ═════════ добавка лайма по уровням ═════════ */
/* 3+: подпись текущей части на шкале — лаймовая плашка */
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .gl .pult .glava,
:is([data-mix="3"],[data-mix="4"],[data-mix="5"]) .glava-sey{background:var(--akt);color:var(--akt-ink);font-weight:500}
/* 4+: главная кнопка крупнее и со свечением */
:is([data-mix="4"],[data-mix="5"]) .gl .titr .kn-akt{height:56px;padding:0 28px;font-size:17px;box-shadow:0 12px 40px -10px var(--akt)}
:is([data-mix="4"],[data-mix="5"]) .kn-krug svg.i{fill:currentColor;stroke:none}
/* 5: досмотренная часть номера урока — лайм */
[data-mix="5"] .kadr-n{background:linear-gradient(0deg,var(--akt) var(--f),var(--kadr-pust) var(--f));-webkit-background-clip:text;background-clip:text}
/* 4+: на уроке кнопка паузы — лаймовый круг */
:is([data-mix="4"],[data-mix="5"]) .urok .ekran .pult>span:first-child{width:40px;height:40px;margin:-9px 0;border-radius:50%;display:grid;place-items:center;background:var(--akt);color:var(--akt-ink)!important}
:is([data-mix="4"],[data-mix="5"]) .urok .ekran .pult>span:first-child .i{width:18px;height:18px;color:var(--akt-ink);fill:currentColor;stroke:none}
/* значки на лаймовых кнопках плеера — тёмные */
:is([data-mix="4"],[data-mix="5"]) .pult .kn-krug .i{color:var(--akt-ink)}
:is([data-mix="4"],[data-mix="5"]) .urok .ekran .pult>span:first-child .i{stroke:currentColor;fill:none}
:is([data-mix="4"],[data-mix="5"]) .urok .ekran .pult>span:first-child{color:var(--akt-ink)!important}