/* NK-редизайн · пиксельные стикеры для выделенных тем (omni-topic-stickers).
   Только оверлеи: .nk-chip / .nk-hl / .topic-card.nk-hl / .hl-style-grid. */
.nk-chip{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:99px;background:#18181B;color:#F4F4F5;font:500 14px/1 inherit;white-space:nowrap;max-width:100%;box-sizing:border-box}
html[data-nk-theme="mono"] .nk-chip{background:#fff;color:#111;box-shadow:0 1px 0 rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.06)}
.nk-chip .t{overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2}
.nk-hl{padding:0 30px!important;background:var(--c1)!important;color:var(--cf)!important;font-weight:600;overflow:visible!important;isolation:isolate}
.nk-chip.nk-hl{box-shadow:0 4px 14px -6px var(--cf)}
.nk-hl::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%) no-repeat;background-size:250% 100%;animation:nkHlSheen 3.6s ease-in-out infinite;transform:none!important;height:auto!important}
.nk-hl .nk-sl,.nk-hl .nk-sr,.nk-hl .nk-pt{position:absolute;image-rendering:pixelated;pointer-events:none;z-index:3;height:auto}
.nk-hl .nk-sl{left:-12px;bottom:-8px;width:var(--w,30px);animation:nkHlBob 2.4s ease-in-out infinite}
.nk-hl .nk-sr{right:-12px;top:-10px;width:var(--w,30px);animation:nkHlBob 2.4s ease-in-out -1.2s infinite}
.nk-hl .nk-sr.flip{transform:scaleX(-1);animation-name:nkHlBobF}
.nk-hl .nk-pt{width:var(--pw,8px);animation:nkHlRise 3.2s ease-in infinite;opacity:0}
.nk-hl .nk-pt.tw{animation:nkHlTw 2.4s ease-in-out infinite}
@keyframes nkHlSheen{0%,60%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes nkHlBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@keyframes nkHlBobF{0%,100%{transform:scaleX(-1) translateY(0) rotate(-4deg)}50%{transform:scaleX(-1) translateY(-3px) rotate(4deg)}}
@keyframes nkHlRise{0%{opacity:0;transform:translateY(4px) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-16px) scale(1)}}
@keyframes nkHlTw{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}

/* аудит Б2.7 (02.10) → вариант А (06.10, владелец): на мобилках заморожен ТОЛЬКО блеск
   (background-position = перерисовка пилюли каждый кадр — единственная дорогая часть);
   стикеры/частицы анимируются как на десктопе (transform/opacity = GPU-композитор, дёшево).
   Полная заморозка как в Б2.7 = вернуть строку: .nk-hl .nk-sl,.nk-hl .nk-sr,.nk-hl .nk-pt{animation:none!important} */
@media (max-width:768px){
  .nk-hl::before{animation:none!important;background-position:120% 0}
}

/* карточки тем в ленте / группах */
.topic-card.nk-hl{position:relative;justify-content:center;min-height:36px;border:0!important;border-radius:99px!important;padding-top:8px!important;padding-bottom:8px!important;text-shadow:none!important;margin:8px 10px}
.topic-card.nk-hl .topic-text,.topic-card.nk-hl .topic-meta,.topic-card.nk-hl .topic-meta span{color:var(--cf)!important;text-shadow:none!important;background:none!important;-webkit-text-fill-color:var(--cf)!important}
.topic-card.nk-hl .topic-text{position:relative;z-index:2}
.topic-card.nk-hl .topic-meta{position:relative;z-index:2;opacity:.75}
.topic-card.nk-hl .topic-meta span{border-color:color-mix(in srgb,var(--cf) 30%,transparent)!important}

/* выбор стиля в модалках */
.hl-style-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important}
.hl-style-btn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:66px;padding:8px 2px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.04)!important;color:inherit;font-size:11px;line-height:1.1;cursor:pointer;transition:transform .15s,background .2s}
.hl-style-btn:active{transform:scale(.95)}
.hl-style-btn img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}
.hl-style-btn.active{background:var(--c1,#fff)!important;color:var(--cf,#111)!important;border-color:transparent!important;box-shadow:0 4px 14px -6px var(--cf,#000)}
.nk-pk-no{width:22px;height:22px;border-radius:50%;border:1.5px dashed currentColor;opacity:.6}
html[data-nk-theme="mono"] .hl-style-btn{border-color:rgba(0,0,0,.08)!important;background:#F4F4F5!important}
html[data-nk-theme="mono"] .hl-style-btn.active{background:var(--c1,#111)!important;color:var(--cf,#fff)!important}
.nk-hl-prev{margin:14px 0 6px;padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.12)}
html[data-nk-theme="mono"] .nk-hl-prev{background:#F4F4F5;border-color:rgba(0,0,0,.12)}
.nk-hl-prev-k{font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin-bottom:12px}
.nk-hl-prev-box{display:flex;justify-content:center;padding:10px 14px}