/* MedCore · дизайн v6 («меньше стекла»). Макеты: docs/дизайн/v6/*.dc.html, сводка – docs/дизайн/v6/СВОДКА.md, описание основы – docs/дизайн/v6-основа.md.
   Подключён в index.html ПОСЛЕДНИМ из основы: после styles.css, board.css и всех v5-файлов. Экранные стили v6 – app/v6-<группа>.css, после этого файла.
   Как устроено:
   – карточки белые: токены стекла v5 (--v-glass-a/b/edge, --v-shadow) переопределены на белый и тень v6 – так ВСЕ .lg/.v5card/старые .card на всех экранах
     стали белыми, а экранные правила v5 (свои фоны, рамки «верно/ошибка») продолжают работать: их специфичность не тронута;
   – стекло осталось только на «рамке»: нижняя панель, кнопка «назад» в шапке, круглые кнопки .sqb, .gl / .gl2 – литеральные значения ниже, не токены;
   – фон: ровный #F4F6FA; на витрине (html[data-scene=show]: главная, старт экзамена, онбординг, заставка, загрузка) – градиент и пятна. */

/* ============ 1. токены ============ */
:root:not([data-theme=dark]){
  /* фон: внутренние экраны ровные – пятна прозрачные */
  --v-bg1:#F4F6FA; --v-bg2:#F4F6FA; --v-bg:#F4F6FA;
  --v-blob1:rgba(91,140,255,0); --v-blob2:rgba(0,194,255,0); --v-blob3:rgba(142,155,255,0);
  /* «стекло» карточек v5 → белая плотная карточка v6 */
  --v-glass-a:#fff; --v-glass-b:#fff; --v-glass-edge:rgba(6,19,49,.05); --v-glass-solid:#fff;
  --v-shadow:0 1px 2px rgba(6,19,49,.04),0 10px 28px rgba(20,40,120,.07);
  --v-shadow-sm:0 4px 12px rgba(20,40,120,.08);
  /* старые токены styles.css (frost, card) – тоже белые */
  --glass-1:#fff; --glass-2:#fff; --glass-edge:rgba(6,19,49,.05); --glass-shadow:rgba(20,40,120,.07);
  --v-faint:#8892A6;
  /* новые v6 */
  --v6-bg:#F4F6FA; --v6-text:#1B2436; --v6-grey:#F1F3F8; --v6-ice2:#E6EFFF; --v6-trap:#FFF4F5;
  --v6-sub:rgba(6,19,49,.05); /* подложка переключателей */
  --v6-edge:rgba(6,19,49,.05);
  --v6-card-shadow:0 1px 2px rgba(6,19,49,.04),0 10px 28px rgba(20,40,120,.07);
  --v6-card-shadow2:0 1px 2px rgba(6,19,49,.04),0 14px 32px rgba(20,40,120,.08); /* главная карточка предмета */
  --v6-tile-shadow:0 10px 26px rgba(20,40,120,.08);
  --v6-btn-grad:linear-gradient(160deg,#3F7BFF,#0050E0);
  --v6-btn-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 14px 30px rgba(0,98,254,.32);
  /* стекло рамки (литерально: токены --v-glass-* теперь белые) */
  --v6-glass1:linear-gradient(160deg,rgba(255,255,255,.66),rgba(255,255,255,.34));
  --v6-glass1-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.35),0 12px 32px rgba(20,40,120,.14);
  --v6-glass2:linear-gradient(160deg,rgba(255,255,255,.7),rgba(255,255,255,.4));
  --v6-glass2-shadow:inset 0 1px 1px #fff,0 10px 28px rgba(20,40,120,.14);
  /* нижняя панель */
  --v-tab-h:72px; --v-tab-bottom:max(24px,calc(var(--sab) + 12px));
}
/* витрина: градиент + пятна (главная, старт экзамена, онбординг, заставка, загрузка) */
:root[data-scene=show]:not([data-theme=dark]){
  --v-bg1:#F1F4FB; --v-bg2:#E6ECF9; --v-bg:#E9EEF9;
  --v-blob1:rgba(91,140,255,.34); --v-blob2:rgba(0,194,255,.30); --v-blob3:rgba(142,155,255,.30);
}
html.mc-app body{background:transparent}

/* ============ 2. поверхности ============ */
/* .lg больше не стекло: белая карточка. размытие на карточках выключено (на белом его не видно, а видеокарте тяжело) */
.lg{-webkit-backdrop-filter:none;backdrop-filter:none}
:root:not([data-theme=dark]) .card,:root:not([data-theme=dark]) .navcard,:root:not([data-theme=dark]) .hero,:root:not([data-theme=dark]) .side{background:#fff;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow)}
:root:not([data-theme=dark]) .navcard .panel{background:var(--v6-bg)}
.frost{-webkit-backdrop-filter:none;backdrop-filter:none}
/* список вопросов в карточке (.list.card) – белая плотная карточка, стекла нет (styles.css давал blur 26) */
.list.card{-webkit-backdrop-filter:none;backdrop-filter:none}
/* кружок «сейчас» (колоды карточек, текущий вопрос раздела) – без синего свечения: в v6 свечений нет */
.dot.now{box-shadow:none}
/* белая карточка явно (новые экраны v6): радиус и отступы задаёт блок, как у .lg */
.w6{background:#fff;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow);color:var(--v-ink)}
.v6card{background:#fff;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow);border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;color:var(--v-ink)}

/* стекло-1: кнопки-иконки (назад, поиск, настройки, поделиться) */
.lg.sqb,.sqb.gl,.lg.m5-back,.gl1,
.head > .iconbtn{background:var(--v6-glass1);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(255,255,255,.85);box-shadow:var(--v6-glass1-shadow);color:var(--v-ink)}
/* стекло-2: нижняя панель, плавающие строки (репетитор на вопросе), .gl2 */
.gl2,.tabbar{background:var(--v6-glass2);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.9);box-shadow:var(--v6-glass2-shadow)}
/* слабые устройства / «уменьшить прозрачность»: стекло без размытия, плотнее */
html.lite .lg.sqb,html.lite .sqb.gl,html.lite .lg.m5-back,html.lite .gl1,html.lite .head > .iconbtn,html.lite .gl2,html.lite .tabbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.94)}
@media (prefers-reduced-transparency:reduce){.lg.sqb,.sqb.gl,.gl1,.gl2,.tabbar,.head > .iconbtn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.96)!important}}

/* ============ 3. текст ============ */
/* Literata italic 500 – только на целую фразу: заголовок экрана «твоё обучение», «что делаем сегодня?» */
.ttl{font-family:var(--serif);font-style:italic;font-weight:500;font-size:36px;line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--v-ink);font-variation-settings:"opsz" 72}
.ttl.md{font-size:30px}
.ttl.sm{font-size:28px}
.ttl.t34{font-size:34px}
.h1{font-size:32px}
.v6sub{font-size:14px;color:var(--v-mut);line-height:1.3}
.v6desc{font-size:15px;line-height:1.45;color:var(--v-mut)}

/* ============ 4. кнопки ============ */
/* .btnp основная 56 r20 · .btnp.tall 58 r22 (внизу экрана) · .btnw белая · .btnn ночная · .btno вторичная белая с рамкой · .btnl лёд · .btng призрачная */
.btnp{background:var(--v6-btn-grad);box-shadow:var(--v6-btn-shadow);border-radius:20px}
.btnp.tall{height:58px;border-radius:22px;font-size:17px}
.btno,.btnl{height:52px;padding:0 20px;border-radius:18px;font:600 15px/1.15 var(--sans);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.btno{background:#fff;color:var(--v-ink);border:1px solid rgba(6,19,49,.1);box-shadow:0 1px 2px rgba(6,19,49,.04)}
.btnl{background:var(--v-ice);color:var(--v-blue);border:0}
.btno:active,.btnl:active{transform:scale(.98)}
.btno.sm,.btnl.sm{height:46px;border-radius:16px;padding:0 18px}
.btng{color:var(--v-ink)}
.btng.lg,.lg.btng{background:#fff;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow)}
.blue .btng,.night .btng{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);color:#fff;box-shadow:none}
/* старые .btn: в тон v6 */
.btn{background:var(--v6-btn-grad);box-shadow:var(--v6-btn-shadow);border-radius:20px}
:root:not([data-theme=dark]) .btn.outline{background:#fff;color:var(--v-ink);box-shadow:0 1px 2px rgba(6,19,49,.04);border:1px solid rgba(6,19,49,.1)}

/* ============ 5. переключатели и чипы ============ */
/* сегмент: серая подложка без рамки, тени и размытия; активный – белый с синим текстом */
.seg,.seg.lg,.lg.seg{background:var(--v6-sub);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.seg button,.seg a,.seg span{color:var(--v-ink2)}
.seg button.on,.seg a.on,.seg .on{background:#fff;color:var(--v-blue);box-shadow:0 4px 12px rgba(20,40,120,.14)}
.seg.t40 button,.seg.t40 a{height:40px;font-size:14.5px}
/* метки */
.pill{background:#fff;color:var(--v-blue)}
.pill.soon{height:24px;background:var(--v-ice);color:var(--v-blue)}
.pill.ice{background:var(--v-ice);color:var(--v-blue)}
.chip6{height:30px;padding:0 12px;border-radius:999px;background:var(--v6-ice2);color:var(--v-blue);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
/* «скоро» на плитке */
.soon6{position:absolute;right:10px;top:10px;z-index:2;height:22px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--v-blue);font-size:11px;font-weight:600;display:inline-flex;align-items:center}

/* ============ 6. строки и иконки ============ */
.ic{box-shadow:0 4px 12px rgba(20,40,120,.08)}
.ic.ice{background:var(--v-ice);box-shadow:none}
.sqb.w{background:#fff;box-shadow:var(--v6-card-shadow)}
.sqb.s44{width:44px;height:44px;border-radius:15px}

/* ============ 7. шапка экрана head() ============ */
.head{min-height:46px}
.head > .iconbtn{width:46px;height:46px;border-radius:16px}
.head .t small{font-size:13px;color:var(--v-mut)}
.head .t b{font-size:19px;font-weight:600;letter-spacing:-.02em}
/* шапка экрана инструмента: кнопка 44 и только подпись, крупный Literata-заголовок ниже (.ttl.t34) */
.head.h6tool > .iconbtn{width:44px;height:44px;border-radius:15px}
.head.h6tool .t small{font-size:13px}

/* ============ 8. нижняя панель ============ */
/* 72px, r30, left/right 12, bottom 24 (+ safe area); активный пункт – белая плашка, текст #061331 */
.tabbar{left:12px;right:12px;bottom:var(--v-tab-bottom);height:var(--v-tab-h);border-radius:30px;padding:0 5px;gap:0;justify-content:space-between;z-index:20}
.tabbar .tab{flex:1 1 0;width:auto;height:60px;border-radius:24px;gap:4px;font-size:11px;font-weight:600;letter-spacing:-.01em;color:var(--v-mut)}
.tabbar .tab.on{color:var(--v-ink)}
.tabbar .tab.on::before{inset:2px;border-radius:22px;background:rgba(255,255,255,.95);box-shadow:inset 0 1px 1px #fff,0 4px 12px rgba(20,40,120,.13)}
.tabbar .tab svg{width:24px;height:24px}
.tabbar .tabfs{flex:0 0 52px;border:0;background:none;padding:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tabbar .tabfs[aria-pressed=true]{color:var(--v-ink)}
@media (max-width:359px){.tabbar{left:8px;right:8px}.tabbar .tab{width:auto;font-size:10px}}
@media (min-width:1024px){.tabbar{display:none}}
.app{padding-bottom:calc(var(--v-tab-h) + 52px + var(--sab))}
body.focus .app{padding-bottom:calc(28px + var(--sab))}

/* ============ 9. витринный фон: пятна посильнее, как в макете (blur 90 → радиальные градиенты) ============ */
:root[data-scene=show]:not([data-theme=dark]) body::before{
  background:
    radial-gradient(300px 300px at 70px 270px,var(--v-blob1) 0%,rgba(91,140,255,0) 100%),
    radial-gradient(280px 280px at calc(100% - 50px) 780px,var(--v-blob2) 0%,rgba(0,194,255,0) 100%),
    radial-gradient(280px 260px at 70px 1310px,var(--v-blob3) 0%,rgba(142,155,255,0) 100%),
    linear-gradient(180deg,var(--v-bg1) 0%,var(--v-bg2) 100%)}
:root:not([data-scene=show]):not([data-theme=dark]) body::before{background:#F4F6FA}
/* загрузка до первого экрана – на витринном фоне (index.html ставит data-scene=show сразу) */
.boot{color:var(--v-mut)}

/* ============ 10. поля ввода (16px+, иначе iOS увеличивает экран) ============ */
:root:not([data-theme=dark]) .field input,:root:not([data-theme=dark]) .searchq{background:#fff;border:1px solid var(--v6-edge);box-shadow:0 1px 2px rgba(6,19,49,.04)}
:root:not([data-theme=dark]) .searchq input{border:0;box-shadow:none;background:transparent}
.inp6{height:56px;border-radius:18px;background:#fff;border:1px solid rgba(6,19,49,.08);padding:0 16px;font:16px var(--sans);color:var(--v-ink);width:100%;outline:0}
.inp6:focus{border-color:var(--v-blue)}