/* IRAKUSA: переключатель темы, пункт меню «Нейросети без VPN» и светлая бело-голубая
   тема витрины (с 02.11.2026).
   Подключается сразу ПОСЛЕ irakusa.css. Тему ставит /assets/js/theme.js атрибутом
   data-theme на <html>: по умолчанию — как в системе, выбор кнопкой запоминается.
   Светлая тема — только перекрытия под html[data-theme=light]: тёмная (irakusa.css и
   старые стили страниц) не тронута. Те же эффекты, что в тёмной: дуга по кольцу эмблемы,
   блик по надписи, линия с точками, споры, свечение кнопок — в голубом.
   На телефоне и планшете (до 900px) меню — нижняя панель с иконками (с 02.11.2026),
   правила в конце файла: им нужно перекрыть и светлые правила шапки.
   При правке менять ?v= (tools/theme_apply.py пересчитывает сам). */

/* ── шапка: корзина + переключатель справа ─────────────────────────────────── */
.ik-actions{display:flex;align-items:center;gap:10px;justify-self:end;min-width:0}
.ik-theme{position:relative;flex:none;display:grid;place-items:center;width:60px;min-height:44px;margin:0;padding:0;
  border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ik-theme__track{position:relative;display:block;width:58px;height:30px;border-radius:999px;
  border:1px solid rgba(61,255,168,.32);background:rgba(10,36,24,.55);
  box-shadow:inset 0 1px 6px rgba(0,0,0,.45);transition:border-color .25s,background-color .25s,box-shadow .25s}
.ik-theme:hover .ik-theme__track{border-color:var(--neon-soft);box-shadow:inset 0 1px 6px rgba(0,0,0,.45),0 0 16px -6px var(--neon)}
.ik-theme__knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;
  background:linear-gradient(180deg,#8affc9,#1ccb84);box-shadow:0 0 12px -2px rgba(61,255,168,.75),0 2px 4px rgba(0,0,0,.35);
  transition:transform .35s cubic-bezier(.3,1.4,.5,1),background .3s,box-shadow .3s}
.ik-theme svg{position:absolute;top:50%;z-index:1;width:14px;height:14px;margin-top:-7px;
  fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:color .3s,opacity .3s}
.ik-theme__moon{left:7px;color:var(--accent-ink,#02150c);fill:currentColor!important;stroke:none!important}
.ik-theme__sun{right:7px;color:var(--dim,#6a877a)}
.ik-theme:focus-visible{outline:none}
.ik-theme:focus-visible .ik-theme__track{outline:3px solid #c4ffe5;outline-offset:3px}
html[data-theme=light] .ik-theme__knob{transform:translateX(28px)}

/* ── пункт меню «Нейросети без VPN»: неоновая плашка с пульсирующей точкой ────── */
.universe-nav a.ik-nav-ai{gap:8px;color:#dfffee;border:1px solid rgba(61,255,168,.4);
  background:linear-gradient(180deg,rgba(46,229,157,.16),rgba(46,229,157,.04));box-shadow:0 0 18px -8px var(--neon)}
.universe-nav a.ik-nav-ai:hover{border-color:var(--neon);background:rgba(46,229,157,.18);color:#fff}
.ik-nav-ai::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--neon);
  box-shadow:0 0 6px var(--neon);animation:ik-ping 2.4s ease-in-out infinite}
.ik-nav-ai__short{display:none}
/* точка пульсирует размером и яркостью — их считает видеокарта; прежнее расходящееся
   кольцо из box-shadow перерисовывалось на каждом кадре, и прокрутка спотыкалась */
@keyframes ik-ping{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}

/* до 1240px шапка не влезает в симметричную сетку: бренд и кнопки — по своей ширине,
   меню — посередине остатка, у корзины остаются значок и счётчик (подпись — в aria-label) */
@media (min-width:901px) and (max-width:1239px){
  .universe-header__inner{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;width:calc(100% - 32px)}
  .universe-nav{gap:2px}
  .universe-nav a{padding-inline:9px;font-size:13.5px}
  .universe-cart>span:not(.universe-cart__count){display:none}
}
@media (min-width:901px) and (max-width:1000px){
  .universe-nav{gap:0}
  .universe-nav a{padding-inline:7px;font-size:13px}
  .ik-nav-ai__full{display:none}.ik-nav-ai__short{display:inline}
}
@media (max-width:900px){
  .ik-actions{grid-column:2;grid-row:1;gap:6px}
  .ik-theme{width:52px}
  .ik-theme__track{width:50px;height:28px}
  .ik-theme__knob{width:22px;height:22px}
  html[data-theme=light] .ik-theme__knob{transform:translateX(22px)}
  .ik-theme svg{width:12px;height:12px;margin-top:-6px}
  .ik-theme__moon{left:7px}.ik-theme__sun{right:6px}
  .ik-nav-ai__full{display:none}.ik-nav-ai__short{display:inline}
}
@media (max-width:560px){
  .universe-cart>span:not(.universe-cart__count){display:none}
  .universe-cart svg{display:block}
}
/* узкие телефоны: в первой строке бренд, корзина и переключатель должны разойтись */
@media (max-width:420px){
  .ik-word .star{display:none}
  .ik-theme{width:46px}
  .ik-theme__track{width:44px;height:26px}
  .ik-theme__knob{width:20px;height:20px}
  html[data-theme=light] .ik-theme__knob{transform:translateX(18px)}
  .ik-theme svg{width:11px;height:11px;margin-top:-5.5px}
  .ik-theme__moon{left:6px}.ik-theme__sun{right:5px}
}
@media (max-width:340px){
  .universe-header .ik-word i{display:none}
}

/* смена темы кнопкой — одно растворение старой картинки страницы в новой (theme.js,
   document.startViewTransition). Раньше на .35 с перекрашивался каждый элемент по
   отдельности, а градиенты фона менялись сразу — интерфейс дрожал (жалоба 02.11.2026) */
::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:ease}

@media (prefers-reduced-motion:reduce){
  .ik-nav-ai::before{animation:none}
  .ik-theme__knob,.ik-theme__track,.ik-theme svg{transition:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}
}

/* ════════════════════════════════════════════════════════════════════════════
   СВЕТЛАЯ ТЕМА: белый и голубой, акцент — насыщенный синий, неон — голубое свечение
   ════════════════════════════════════════════════════════════════════════════ */
html[data-theme=light]{
  --bg-top:#f7fbff;--bg-bottom:#e4edfb;
  --accent:#1f74f0;--accent-ink:#ffffff;--neon:#2f8cff;--neon-soft:rgba(47,140,255,.45);
  --muted:#4a5f80;--dim:#5b6f90;--line:rgba(31,110,230,.16);
  --void:#eef4fd;
  --star:#1f74f0;--star-hi:#0b5fd6;--star-soft:rgba(31,116,240,.1);
  --blue:#0b5fd6;   /* shop.css: мелкие подписи над заголовками — темнее --star, иначе контраст 3.7 */
  --flare:#3b95ff;--flare-deep:#1463e6;--flare-ink:#ffffff;
  --text:#0c1a31;--text-dim:#2f4566;--text-faint:#4a5f80;
  --card:rgba(255,255,255,.82);--card-solid:#ffffff;
  --border:rgba(31,110,230,.22);--border-soft:rgba(31,110,230,.12);
  --panel:#ffffff;--ink:#0c1a31;--tint-light:#0c1a31;
  scrollbar-color:rgba(31,116,240,.32) transparent;
}
html[data-theme=light] ::selection{background:rgba(47,140,255,.25);color:#06142b}

/* фон — на неподвижном слое body::before, как в тёмной теме (irakusa.css): без
   background-attachment:fixed прокрутка на телефоне не спотыкается */
html[data-theme=light] body{color:var(--text);background:var(--bg-bottom)}
html[data-theme=light] body::before{
  background:
    radial-gradient(1100px 620px at 50% -14%,rgba(56,148,255,.2),transparent 66%),
    radial-gradient(620px 420px at 100% 32%,rgba(56,148,255,.08),transparent 70%),
    radial-gradient(560px 520px at 0% 86%,rgba(120,190,255,.1),transparent 70%),
    linear-gradient(180deg,var(--bg-top),var(--bg-bottom) 58%)}

/* шапка и подвал — матовое белое стекло */
html[data-theme=light] .universe-header{color:var(--text);background:rgba(255,255,255,.84);border-bottom-color:rgba(31,110,230,.14);
  box-shadow:0 10px 30px -24px rgba(20,70,150,.45)}
html[data-theme=light] .universe-nav a{color:#2c4366}
html[data-theme=light] .universe-nav a:hover{color:#0b4fc4;background:rgba(47,140,255,.09);box-shadow:0 0 18px -8px var(--neon)}
html[data-theme=light] .universe-nav a[aria-current]{color:#0b4fc4;background:rgba(47,140,255,.12);box-shadow:inset 0 0 12px rgba(47,140,255,.12)}
html[data-theme=light] .universe-nav a.ik-nav-ai{color:#0b4fc4;border-color:rgba(47,140,255,.42);
  background:linear-gradient(180deg,rgba(47,140,255,.14),rgba(47,140,255,.04));box-shadow:0 0 18px -8px var(--neon)}
html[data-theme=light] .universe-nav a.ik-nav-ai:hover{border-color:var(--neon);background:rgba(47,140,255,.16);color:#0a3f9e}
html[data-theme=light] .universe-cart{color:var(--text);border-color:rgba(47,140,255,.32);background:rgba(255,255,255,.7)}
html[data-theme=light] .universe-cart:hover{border-color:var(--neon-soft);background:#fff;box-shadow:0 0 18px -8px var(--neon)}
html[data-theme=light] .universe-cart__count{color:#0b4fc4;background:rgba(47,140,255,.14)}
html[data-theme=light] .universe-header a:focus-visible,html[data-theme=light] .universe-header button:focus-visible{outline-color:#2f8cff}
html[data-theme=light] .ik-theme:focus-visible .ik-theme__track{outline-color:#2f8cff}
html[data-theme=light] .universe-footer{background:rgba(255,255,255,.88);border-top-color:rgba(31,110,230,.14)}

/* переключатель в светлой: дорожка голубая, бегунок — солнце */
html[data-theme=light] .ik-theme__track{border-color:rgba(47,140,255,.4);background:linear-gradient(180deg,#e6f0ff,#d4e5ff);
  box-shadow:inset 0 1px 4px rgba(20,70,150,.18)}
html[data-theme=light] .ik-theme:hover .ik-theme__track{border-color:var(--neon);box-shadow:inset 0 1px 4px rgba(20,70,150,.18),0 0 16px -6px var(--neon)}
html[data-theme=light] .ik-theme__knob{background:linear-gradient(180deg,#5aaeff,#1f74f0);box-shadow:0 0 12px -2px rgba(47,140,255,.8),0 2px 4px rgba(20,70,150,.3)}
html[data-theme=light] .ik-theme__moon{color:#7f93b3}
html[data-theme=light] .ik-theme__sun{color:#fff}

/* марка: эмблема в тёмном «ночном» кольце — на белом она иначе пропадает (screen) */
html[data-theme=light] .ik-mark::before{background:radial-gradient(circle at 50% 40%,#0d2347,#030a17 72%);border-color:rgba(47,140,255,.35);
  box-shadow:0 4px 14px -4px rgba(20,70,150,.5)}
html[data-theme=light] .ik-mark img{filter:hue-rotate(72deg) saturate(1.2) drop-shadow(0 0 6px rgba(47,140,255,.45))}
html[data-theme=light] .ik-mark::after{background:conic-gradient(from 0deg,transparent 0 62%,rgba(47,140,255,.18) 75%,var(--neon) 92%,transparent 93%)}
html[data-theme=light] .ik-word b{
  background:linear-gradient(105deg,transparent 42%,rgba(120,195,255,.95) 50%,transparent 58%) no-repeat,
             linear-gradient(180deg,#0c1a31 10%,#2f5590 95%);
  background-size:300% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=light] .ik-word i{color:#1463e6;border-color:rgba(47,140,255,.45);background:rgba(47,140,255,.08);text-shadow:0 0 8px rgba(47,140,255,.35)}
html[data-theme=light] .ik-word .star{text-shadow:0 0 6px var(--neon),0 0 12px rgba(47,140,255,.6)}

/* неоновая линия с точками */
html[data-theme=light] .ik-rule{color:#5b6f90}
html[data-theme=light] .ik-rule i{background:linear-gradient(90deg,transparent,rgba(47,140,255,.6))}
html[data-theme=light] .ik-rule i:last-child{background:linear-gradient(270deg,transparent,rgba(47,140,255,.6))}
html[data-theme=light] .ik-rule i::after{background:#fff;box-shadow:0 0 5px 1px var(--neon),0 0 14px 4px rgba(47,140,255,.4)}

/* кикер над заголовком */
html[data-theme=light] .ik-kicker{color:#1463e6;text-shadow:0 0 10px rgba(47,140,255,.3)}

/* живая эмблема: тот же ролик в тёмном круглом «окне», неон — голубой */
html[data-theme=light] .ik-emblem::after{content:"";position:absolute;inset:4%;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,#0b1d3c 0%,#06122a 62%,rgba(6,18,42,0) 100%)}
html[data-theme=light] .ik-emblem{isolation:isolate}
html[data-theme=light] .ik-emblem video,html[data-theme=light] .ik-emblem img{filter:hue-rotate(72deg) saturate(1.15)}
html[data-theme=light] .ik-emblem::before{background:radial-gradient(closest-side,rgba(47,140,255,.4),transparent 72%)}

/* споры — голубые искры */
html[data-theme=light] .ik-spores i{background:#7cc0ff;box-shadow:0 0 6px 1px rgba(47,140,255,.7)}

/* карточки — белое стекло с голубой кромкой */
html[data-theme=light] :is(.product-card,.browse-card,.guide-list-card,.cosmic-faq details,.catalog-page .catalog-section,.catalog-page .notice,
  .catalog-page .catalog-cta,.catalog-region-index,.review-platform,.checkout-layout>form,.auth-grid>section,.order-card,.identity-panel,
  .seo-section,.seo-notice,.seo-cta,.seo-hero){
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(241,247,255,.86));border-color:var(--line);color:var(--text);
  box-shadow:inset 0 1px 0 #fff,0 22px 50px -32px rgba(20,70,150,.4)}
html[data-theme=light] .catalog-page .notice{border-color:rgba(214,150,20,.45)}
html[data-theme=light] :is(.browse-card,.product-card):hover{border-color:rgba(47,140,255,.45);
  box-shadow:0 0 0 1px rgba(47,140,255,.14),0 18px 44px -20px rgba(47,140,255,.4)}
html[data-theme=light] .browse-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(238,245,255,.9));border-color:var(--line)}
html[data-theme=light] .browse-category{background:rgba(240,246,255,.9);color:var(--text)}
html[data-theme=light] .browse-category:hover{background:rgba(220,234,255,.95)}
html[data-theme=light] .browse-category[aria-current=true]{background:rgba(47,140,255,.13);border-color:var(--neon-soft);color:#0b3f9e;
  box-shadow:inset 0 0 12px rgba(47,140,255,.1)}
html[data-theme=light] :is(.browse-search>div,.catalog-search,.browse-toolbar select,.browse-mobile-category select,.region-search input){
  background:#fff;color:var(--text);border-color:rgba(31,110,230,.22)}
html[data-theme=light] .browse-search>div:focus-within{border-color:var(--neon-soft);box-shadow:0 0 0 3px rgba(47,140,255,.14)}
html[data-theme=light] .commerce-dialog{color:var(--text);background:linear-gradient(180deg,#ffffff,#eef5ff);border-color:rgba(31,110,230,.2)}
html[data-theme=light] .commerce-dialog::backdrop{background:rgba(20,45,90,.35)}

html[data-theme=light] :is(.catalog-hero,.catalog-hub .catalog-hero){
  background:radial-gradient(520px 260px at 88% 20%,rgba(56,148,255,.18),transparent 70%),linear-gradient(115deg,rgba(255,255,255,.95),rgba(232,242,255,.9));
  border-color:var(--line)}
html[data-theme=light] .catalog-hero::before{background:linear-gradient(90deg,transparent,rgba(47,140,255,.6),transparent)}

/* кнопки: голубой градиент со свечением, по наведению — ярче */
html[data-theme=light] :is(.btn-primary,.btn-cta,.button){
  background:linear-gradient(180deg,#4ea3ff,#1a6cf0);color:#fff;border-color:transparent;
  box-shadow:0 0 0 1px rgba(47,140,255,.35),0 10px 26px -10px rgba(31,116,240,.65)}
html[data-theme=light] :is(.btn-primary,.btn-cta,.button):hover{
  background:linear-gradient(180deg,#6cb4ff,#2f80ff);color:#fff;box-shadow:0 0 0 1px rgba(47,140,255,.5),0 12px 30px -10px rgba(31,116,240,.8)}
html[data-theme=light] .buy-btn{background:rgba(47,140,255,.08);border-color:rgba(47,140,255,.35);color:#0b4fc4}
html[data-theme=light] .buy-btn:hover{background:linear-gradient(180deg,#4ea3ff,#1a6cf0);border-color:transparent;color:#fff}
html[data-theme=light] :is(.btn-soft,.btn-ghost){background:rgba(255,255,255,.75);border-color:rgba(47,140,255,.32);color:#0b4fc4}

/* промо IRAKUSA API на главной */
html[data-theme=light] .ik-promo{border-color:rgba(47,140,255,.3);
  background:radial-gradient(420px 200px at 0% 50%,rgba(56,148,255,.16),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.95),rgba(232,242,255,.92));
  box-shadow:0 22px 50px -30px rgba(31,116,240,.45)}
html[data-theme=light] .ik-promo::before{background:linear-gradient(90deg,transparent,rgba(47,140,255,.6),transparent)}
html[data-theme=light] .ik-promo__models li{border-color:var(--line);background:linear-gradient(160deg,#ffffff,#eaf2ff)}
html[data-theme=light] .ik-promo__models li::after{border-color:rgba(47,140,255,.55);box-shadow:0 0 18px -6px rgba(47,140,255,.6)}
html[data-theme=light] .ik-promo__models .lg{--tint:#0c1a31}
html[data-theme=light] .ik-price{color:#0b4fc4}

/* «оранжевый» акцент витрины (--orange → --flare): светлый --flare нужен для градиента
   кнопок, а как цвет текста и значков на белом он бледный — здесь темнее */
html[data-theme=light] .steps b{color:#0b4fc4}
html[data-theme=light] :is(.cat--accent,.card--accent) .ic{color:#1463e6}

/* подписи реквизитов (doc.css — в документах, styles.css — в подвале): полупрозрачный
   цвет на белом слишком бледный */
html[data-theme=light] :is(.doc-req,.foot-req) dt{color:#3f5478}

/* кольцо-пульс номера шага (motion.css, @keyframes ring) — голубое */
@media (prefers-reduced-motion:no-preference){
  html[data-theme=light].js .step.is-in::before{animation-name:ring-light}
  @keyframes ring-light{0%{box-shadow:0 0 0 0 rgba(47,140,255,.45)}55%,100%{box-shadow:0 0 0 14px rgba(47,140,255,0)}}
}

/* страница /irakusa-api/ */
html[data-theme=light] .seo-steps li{background:rgba(240,246,255,.9)}
html[data-theme=light] .seo-steps span{background:rgba(47,140,255,.12);color:#1463e6;box-shadow:inset 0 0 0 1px rgba(47,140,255,.35)}
html[data-theme=light] .ik-api__hero{background:radial-gradient(520px 300px at 85% 40%,rgba(56,148,255,.18),transparent 70%),linear-gradient(115deg,rgba(255,255,255,.95),rgba(232,242,255,.9))}
html[data-theme=light] .ik-api__hero::before{background:linear-gradient(90deg,transparent,rgba(47,140,255,.6),transparent)}
html[data-theme=light] .ik-feats li{background:rgba(255,255,255,.85)}
html[data-theme=light] .ik-api .ik-tabs a{border-color:rgba(47,140,255,.3);background:rgba(255,255,255,.8);color:#0c1a31}
html[data-theme=light] .ik-api .ik-tabs a:hover{border-color:rgba(47,140,255,.6)}
html[data-theme=light] .ik-api .ik-tabs a[aria-current]{border-color:#2f8cff;background:#eaf2ff;box-shadow:inset 0 0 0 1px rgba(47,140,255,.3),0 0 20px -8px rgba(47,140,255,.6)}
html[data-theme=light] .ik-ico{border-color:var(--line);background:linear-gradient(160deg,#ffffff,#eaf2ff)}
html[data-theme=light] .ik-ico .lg{--tint:#0c1a31}
/* эмблема IRAKUSA (LongToken) — как в шапке: на тёмно-синем круге, неон в голубой */
html[data-theme=light] .ik-ico--lt{background:radial-gradient(circle at 50% 40%,#0d2347,#030a17 72%);border-color:rgba(47,140,255,.35)}
html[data-theme=light] .ik-ico--lt img{filter:hue-rotate(72deg) saturate(1.2)}
html[data-theme=light] .ik-api .ik-models li{background:rgba(47,140,255,.07);border-color:rgba(47,140,255,.2)}
html[data-theme=light] .ik-plan{background:linear-gradient(180deg,#ffffff,#eef5ff)}
html[data-theme=light] .ik-plan:hover{border-color:rgba(47,140,255,.45)}
html[data-theme=light] .ik-plan__usd{color:#0c1a31}
html[data-theme=light] :is(.ik-plan__rub,.ik-offer__price){color:#0b4fc4}
html[data-theme=light] .ik-plan.is-off .btn{background:rgba(220,232,250,.9);color:var(--muted)}
html[data-theme=light] .ik-api .ik-buy-note{background:rgba(47,140,255,.07);border-color:rgba(47,140,255,.22)}

/* ════════════════════════════════════════════════════════════════════════════
   ТЕЛЕФОН И ПЛАНШЕТ (до 900px): меню — нижняя панель с иконками, всегда на экране.
   В шапке остаются марка, корзина и переключатель темы.
   ════════════════════════════════════════════════════════════════════════════ */
@media (max-width:900px){
  :root{--ik-tabbar:60px}
  /* backdrop-filter делает шапку контейнером для position:fixed — панель уехала бы
     вместе с шапкой. Размытие снято, фон шапки почти непрозрачный. У нижней панели
     размытия тоже нет: под ней на каждом кадре прокрутки едет страница, и браузер
     размывал бы её заново — на телефоне это рывки. Фон панели почти непрозрачный. */
  .universe-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(2,10,6,.97)}
  .universe-header__inner{grid-template-rows:60px;min-height:60px}
  body{padding-bottom:calc(var(--ik-tabbar) + env(safe-area-inset-bottom,0px))}

  .universe-nav{position:fixed;left:0;right:0;bottom:0;z-index:5;width:auto;margin:0;
    justify-content:center;gap:0;padding:0 max(6px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(6px,env(safe-area-inset-left,0px));
    background:linear-gradient(180deg,rgba(6,24,16,.96),rgba(2,10,6,.985));border-top:1px solid rgba(110,255,185,.14);
    box-shadow:0 -14px 32px -14px rgba(0,0,0,.7);transition:transform .25s ease}
  /* неоновая кромка сверху, как у карточек */
  .universe-nav::before{content:"";position:absolute;left:8%;right:8%;top:-1px;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,var(--neon),transparent);opacity:.6}
  /* пока покупатель печатает, панель уходит вниз и не закрывает поле */
  body:has(:is(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=hidden]),textarea):focus) .universe-nav{transform:translateY(110%)}

  .universe-nav a{position:relative;flex:1 1 0;max-width:132px;min-width:0;min-height:var(--ik-tabbar);flex-direction:column;gap:4px;
    padding:8px 2px 6px;border-radius:12px;color:#a6cbb9;font-size:10.5px;line-height:1.15;letter-spacing:.01em}
  .universe-nav a::before{content:"";flex:none;width:22px;height:22px;background:currentColor;
    -webkit-mask:var(--ik-ico) center/contain no-repeat;mask:var(--ik-ico) center/contain no-repeat}
  .universe-nav a[href="/"]{--ik-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.8'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.8'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.8'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.8'/%3E%3C/svg%3E")}
  .universe-nav a[href="/irakusa-api/"]{--ik-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 3.5c.7 4.1 2.9 6.3 7 7-4.1.7-6.3 2.9-7 7-.7-4.1-2.9-6.3-7-7 4.1-.7 6.3-2.9 7-7z'/%3E%3Cpath d='M18.5 14.5v5M16 17h5'/%3E%3C/svg%3E")}
  .universe-nav a[href="/articles/"]{--ik-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5C10.6 5.2 8.4 4.5 4 4.5v13c4.4 0 6.6.7 8 2 1.4-1.3 3.6-2 8-2v-13c-4.4 0-6.6.7-8 2zM12 6.5v13'/%3E%3C/svg%3E")}
  .universe-nav a[href="/#support"]{--ik-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 4.5h13a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H11l-4.5 3.5v-3.5h-1a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z'/%3E%3Cpath d='M8 9.5h8M8 12.5h5'/%3E%3C/svg%3E")}
  .universe-nav a[href="/#reviews"]{--ik-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8l2.5 5.1 5.6.8-4 3.9.9 5.6-5-2.6-5 2.6.9-5.6-4-3.9 5.6-.8z'/%3E%3C/svg%3E")}
  .universe-nav a:hover{color:#eafff4;background:none;box-shadow:none}
  .universe-header .universe-nav a:focus-visible{outline-offset:-3px}

  /* «ИИ без VPN»: вместо плашки — мятный цвет, свечение за иконкой и пульсирующая точка */
  .universe-nav a.ik-nav-ai,.universe-nav a.ik-nav-ai:hover{gap:4px;border:0;color:#8affc9;box-shadow:none;
    background:radial-gradient(30px 24px at 50% 19px,rgba(61,255,168,.14),transparent 72%)}
  .universe-nav a.ik-nav-ai::before{width:22px;height:22px;border-radius:0;box-shadow:none;animation:none}
  .universe-nav a.ik-nav-ai::after{content:"";position:absolute;top:7px;left:calc(50% + 8px);width:7px;height:7px;border-radius:50%;
    background:var(--neon);box-shadow:0 0 6px var(--neon);animation:ik-ping 2.4s ease-out infinite}

  /* текущий раздел: неон, свечение за иконкой и короткая черта у верхнего края */
  .universe-nav a[aria-current],.universe-nav a.ik-nav-ai[aria-current]{color:var(--neon);box-shadow:none;
    background:linear-gradient(var(--neon),var(--neon)) 50% 0/24px 2px no-repeat,
      radial-gradient(34px 26px at 50% 19px,rgba(61,255,168,.2),transparent 72%)}

  html[data-theme=light] .universe-header{background:rgba(255,255,255,.97)}
  html[data-theme=light] .universe-nav{border-top-color:rgba(31,110,230,.16);
    background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(238,245,255,.985));box-shadow:0 -14px 32px -18px rgba(20,70,150,.4)}
  html[data-theme=light] .universe-nav a{color:#4a5f80}
  html[data-theme=light] .universe-nav a:hover{color:#0b4fc4;background:none;box-shadow:none}
  html[data-theme=light] .universe-nav a.ik-nav-ai,html[data-theme=light] .universe-nav a.ik-nav-ai:hover{border:0;color:#1463e6;box-shadow:none;
    background:radial-gradient(30px 24px at 50% 19px,rgba(47,140,255,.14),transparent 72%)}
  html[data-theme=light] .universe-nav a[aria-current],html[data-theme=light] .universe-nav a.ik-nav-ai[aria-current]{color:#0b4fc4;box-shadow:none;
    background:linear-gradient(var(--neon),var(--neon)) 50% 0/24px 2px no-repeat,
      radial-gradient(34px 26px at 50% 19px,rgba(47,140,255,.16),transparent 72%)}
}
@media (max-width:360px){
  .universe-nav a{font-size:10px;letter-spacing:0}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
  .universe-nav{transition:none}
  .universe-nav a.ik-nav-ai::after{animation:none}
}

/* ── плашка «Светлая или тёмная?» при первом входе (с 02.11.2026) ─────────────
   Её строит theme.js один раз на посетителя; тема до ответа — как в системе.
   Тот же блок — в irakusa-theme.css витрины и шлюза. Над нижней панелью меню
   телефона (--ik-tabbar, на витрине) и под окнами и шапкой: z-index 25. */
.ik-ask{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:25;
  box-sizing:border-box;width:min(340px,calc(100vw - 24px));margin:0;padding:16px;
  border:1px solid var(--line);border-radius:18px;color:var(--text);
  background:linear-gradient(180deg,rgba(14,38,27,.97),rgba(4,14,9,.97));
  box-shadow:0 26px 60px -24px rgba(0,0,0,.85);
  animation:ik-ask-in .42s cubic-bezier(.2,.8,.2,1) .6s backwards}
.ik-ask::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--neon),transparent);opacity:.75}
.ik-ask__t{margin:0 34px 6px 0;font:700 15px/1.3 var(--display,Unbounded,Manrope,sans-serif);color:var(--text)}
.ik-ask__d{margin:0 0 14px;font-size:13px;line-height:1.45;color:var(--muted)}
.ik-ask__b{display:flex;gap:8px}
.ik-ask__b button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:0 12px;
  border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--text);
  font:inherit;font-size:14px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:border-color .2s,background-color .2s,box-shadow .2s}
.ik-ask__b button:hover{border-color:var(--neon-soft)}
.ik-ask__b button[aria-pressed=true]{border-color:var(--neon-soft);background:rgba(61,255,168,.1);box-shadow:0 0 18px -8px var(--neon)}
.ik-ask svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ik-ask svg.ik-ask__moon{fill:currentColor;stroke:none}
.ik-ask__x{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;
  border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}
.ik-ask__x:hover{color:var(--text);background:rgba(255,255,255,.06)}
.ik-ask button:focus-visible{outline:3px solid #c4ffe5;outline-offset:2px}
.ik-ask.is-out{opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}
@keyframes ik-ask-in{from{opacity:0;transform:translateY(16px)}}
html[data-theme=light] .ik-ask{background:linear-gradient(180deg,#ffffff,#f1f7ff);box-shadow:0 26px 60px -28px rgba(20,70,150,.5)}
html[data-theme=light] .ik-ask__b button{background:#fff}
html[data-theme=light] .ik-ask__b button[aria-pressed=true]{background:rgba(47,140,255,.1)}
html[data-theme=light] .ik-ask__x:hover{background:rgba(31,110,230,.08)}
html[data-theme=light] .ik-ask button:focus-visible{outline-color:#2f8cff}
@media (max-width:900px){
  .ik-ask{left:12px;right:12px;width:auto;bottom:calc(var(--ik-tabbar,0px) + 12px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){
  .ik-ask{animation:none}
  .ik-ask.is-out,.ik-ask__b button{transition:none}
}