/* Реакции к постам (reactions-kit) */
.rx{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;position:relative}
.rx-e{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal;line-height:1}
.rx-c{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px 0 8px;border-radius:99px;background:var(--surface-2);border:1.5px solid transparent;font-size:13px;font-weight:700;color:var(--fg);cursor:pointer;transition:transform .12s}
.rx-c .rx-e{font-size:16px}
.rx-c:hover:not(:disabled){border-color:var(--line)}
.rx-c:active:not(:disabled){transform:scale(.94)}
.rx-c.on{background:var(--red-soft);border-color:var(--red);color:var(--red-ink)}
.rx-c:disabled{cursor:default;opacity:1}
.rx-more{font-size:12.5px;color:var(--faint);padding:0 2px}
.rx-add{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:99px;background:var(--surface-2);color:var(--muted)}
.rx-add svg{width:18px;height:18px}
.rx-add:hover,.rx-add[aria-expanded="true"]{color:var(--fg)}
.rx-pk{position:relative;display:inline-flex}
.rx-pop{position:absolute;bottom:38px;left:0;z-index:30;display:flex;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.rx-pop[hidden]{display:none}
.rx-pop button{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;position:relative;transition:transform .12s}
.rx-pop .rx-e{font-size:24px}
.rx-pop button:hover,.rx-pop button:focus-visible{background:var(--surface-2);transform:scale(1.12)}
.rx-pop button.on{background:var(--red-soft)}
.rx-tip{display:none;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#141416;color:#fff;font-size:12px;font-weight:600;line-height:1;padding:6px 8px;border-radius:6px;pointer-events:none}
@media (hover:hover){.rx-pop button:hover .rx-tip{display:block}}
.rx.busy{opacity:.7;pointer-events:none}
.rx-err{position:absolute;left:0;bottom:38px;z-index:31;background:#141416;color:#fff;font-size:12.5px;padding:7px 10px;border-radius:8px;white-space:nowrap}
.rx-hint{font-size:12.5px;color:var(--faint)}

/* Карточка ленты: реакции слева, «Читать полностью» справа */
.acts.rx-acts{flex-wrap:wrap;row-gap:8px}
.acts.rx-acts .views{margin-left:0}
.acts.rx-acts .showall{order:9;margin-left:auto;align-self:center}

/* Страница поста */
.rx-full{margin:4px 0 2px}
.rx-full .rx-c{height:36px;padding:0 13px 0 10px;font-size:14px}
.rx-full .rx-c .rx-e{font-size:19px}
.rx-full .rx-add{width:36px;height:36px}
.rx-full .rx-pop{bottom:44px}
.rx-who-btn{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--muted);height:30px;padding:0 6px}
.rx-who-btn:hover{color:var(--fg)}
.rx-who{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:270px;max-height:320px;overflow:auto;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.rx-who.at-chip{right:auto}
.rx-who h4{margin:2px 4px 6px;font-size:12px;color:var(--muted);font-weight:600}
.rx-w{display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:8px;font-size:13.5px}
.rx-w:hover{background:var(--surface-2)}
.rx-w .rx-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-w .ava{flex:none}
.rx-w .ava{width:26px;height:26px;font-size:11px}
.rx-w .rx-e{font-size:16px}

/* Комментарии */
.cm-a{align-items:center;flex-wrap:wrap;row-gap:6px;position:relative}
.rx-cm{gap:5px}
.rx-cm .rx-c{height:24px;padding:0 8px 0 6px;font-size:12px;gap:4px;border-width:1px}
.rx-cm .rx-c .rx-e{font-size:13px}
.rx-cm .rx-add{width:24px;height:24px;background:none}
.rx-cm .rx-add svg{width:16px;height:16px}
.rx-cm .rx-add:hover{background:var(--surface-2)}
.rx-cm .rx-pop{bottom:32px}

/* Уведомления и активность */
.nt .rx-e,.act-l .rx-e{font-size:15px}

@media (max-width:640px){
  .rx-pk{position:static}
  .rx-pop{left:0;right:0;justify-content:space-between}
  .rx-pop button{width:auto;min-width:0;flex:1}
  .acts.rx-acts{position:relative}
  .acts.rx-acts .rx{position:static}
  .acts.rx-acts .views:not([href]){display:none}
  .rx-who{left:0;right:0;width:auto}
  .cm-a .rx-cm{position:static}
}