/* Матовое стекло — общий слой для кнопок, иконок и карточек сайта. Подключается после основного <style>. */
:root{
  --gl-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  --gl-bg:linear-gradient(150deg,rgba(255,255,255,.62),rgba(236,232,255,.26) 55%,rgba(255,255,255,.18));
  --gl-bg-h:linear-gradient(150deg,rgba(255,255,255,.8),rgba(240,236,255,.42) 55%,rgba(255,255,255,.3));
  --gl-edge:linear-gradient(140deg,rgba(255,255,255,1),rgba(255,255,255,.35) 40%,rgba(150,130,255,.30) 75%,rgba(255,255,255,.7));
  --gl-dark-edge:linear-gradient(140deg,rgba(255,255,255,.45),rgba(255,255,255,.08) 45%,rgba(190,160,255,.28));
  --gl-sheen:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 55%);
  --gl-line:rgba(255,255,255,.7);
  --gl-blur:blur(18px) saturate(170%);
  --gl-sh:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.3),0 8px 26px rgba(60,40,160,.10);
  --gl-sh-h:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35),0 14px 34px rgba(60,40,160,.16);
  --gl-dark:linear-gradient(145deg,rgba(44,36,88,.94),rgba(20,18,38,.92));
  --gl-dark-line:rgba(255,255,255,.2);
  --gl-dark-sh:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.06),0 14px 34px rgba(24,22,44,.24);
}
/* светлое стекло */
.nav-links > li > a,.nav-links .nav-drop-btn,.nav-user,.nav-menu,.nav-mobile,
.btn-white,.role-c,.kt-ic,.kt-card,.kt-panel,.beta-note{
  background:var(--gl-noise) padding-box,var(--gl-bg) padding-box,var(--gl-edge) border-box;
  border:1px solid transparent;
  box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.nav-links > li > a:hover,.nav-links .nav-drop-btn:hover,.nav-user:hover,.btn-white:hover,.kt-card:hover,.role:hover .role-c{
  background:var(--gl-noise) padding-box,var(--gl-bg-h) padding-box,var(--gl-edge) border-box;box-shadow:var(--gl-sh-h);
}
.nav-menu a:hover,.nav-mobile a:hover,.nav-mobile a:active{background:rgba(255,255,255,.55)}
.kt-card .kt-ic{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(60,40,160,.08)}
.beta-note{color:#4F37D9}
/* тёмное стекло — главные кнопки и выбранная роль */
.btn-primary,.kt.picked .kt-card[aria-selected="true"]{
  background:var(--gl-sheen) padding-box,var(--gl-dark) padding-box,var(--gl-dark-edge) border-box;
  border:1px solid transparent;
  box-shadow:var(--gl-dark-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.btn-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 20px 44px rgba(24,22,44,.30)}
.kt.picked .kt-card[aria-selected="true"] .kt-ic{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.nav-burger{background:var(--gl-noise) padding-box,var(--gl-bg) padding-box,var(--gl-edge) border-box;border:1px solid transparent;box-shadow:var(--gl-sh);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border-radius:14px}
/* «Beta Test» под иконкой приложения */
.oa-mid .beta-note{margin:0;padding:4px 13px;font-size:12.5px}
/* меню шапки — стеклянные «таблетки» на всех страницах */
.nav-links{gap:8px}
.nav-links > li > a,.nav-links .nav-drop-btn{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;color:#2A2640;text-decoration:none;white-space:nowrap}
.nav-links > li > a::after{display:none}
@media (max-width:1100px){.nav-links{gap:6px}.nav-links > li > a,.nav-links .nav-drop-btn{padding:8px 12px;font-size:13.5px}}
/* длинное меню внутренних страниц уходит в бургер раньше, чем перестаёт помещаться */
@media (max-width:1200px){.nav:has(.nav-links > li:nth-child(5)) .nav-links{display:none}.nav:has(.nav-links > li:nth-child(5)) .nav-burger{display:flex}}