/* nalepke */
.st-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;position:relative;margin:10px 0}
.st-btn{aspect-ratio:1;min-height:48px;padding:6px;border-radius:16px;border:3px solid #ffffff55;background:#ffffff22;display:flex;align-items:center;justify-content:center}.st-btn.picked{border-color:#ffd54a;background:#ffffff44}.st-btn .st-img{width:100%;height:100%}
.st-pop{position:absolute;left:50%;top:-10px;width:72px;height:72px;margin-left:-36px;pointer-events:none;animation:st-up 1.2s ease-out forwards}
.st-img{display:block}.st-inline{width:26px;height:26px;vertical-align:middle;margin-left:6px}
@keyframes st-up{0%{opacity:0;transform:translateY(20px) scale(.6)}25%{opacity:1;transform:translateY(-20px) scale(1.2)}100%{opacity:0;transform:translateY(-90px) scale(1)}}
@media (prefers-reduced-motion:reduce){.st-pop{animation:none;opacity:1}}
/* reakcije (živa arena) */
.rx-wrap{position:relative;display:flex;justify-content:flex-end;margin:8px 0}
.rx-fab{width:52px;height:52px;min-width:48px;min-height:48px;padding:6px;border-radius:50%;border:3px solid #ffffff66;background:#ffffff33;display:flex;align-items:center;justify-content:center}
.rx-fab .st-img{width:100%;height:100%}.rx-wrap.cooling .rx-fab{opacity:.6}
.rx-picker{position:absolute;right:0;bottom:60px;z-index:20;width:min(320px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;border-radius:20px;background:#1d2a44;border:3px solid #ffffff55;box-shadow:0 8px 24px #0006}
.rx-picker[hidden]{display:none}
.rx-btn{aspect-ratio:1;min-height:56px;padding:6px;border-radius:16px;border:3px solid #ffffff44;background:#ffffff22;display:flex;align-items:center;justify-content:center}
.rx-btn:disabled{opacity:.4}.rx-btn .st-img{width:100%;height:100%}
.rx-mute{grid-column:1/-1;min-height:44px;border-radius:14px;border:2px solid #ffffff55;background:transparent;color:inherit;font:inherit}
.rx-mute[aria-pressed="true"]{background:#ffffff22}
.live-list .lq-row{position:relative}
.rx-bubble{position:absolute;right:40px;top:-14px;width:52px;height:52px;padding:6px;border-radius:50% 50% 50% 8px;background:#fff;box-shadow:0 4px 12px #0005;pointer-events:none;animation:rx-in .25s ease-out,rx-out .3s ease-in 1.7s forwards;z-index:15}
.rx-bubble .st-img{width:100%;height:100%}
@keyframes rx-in{from{opacity:0;transform:translateY(10px) scale(.5)}to{opacity:1;transform:none}}
@keyframes rx-out{to{opacity:0;transform:translateY(-8px) scale(.9)}}
@media (prefers-reduced-motion:reduce){.rx-bubble{animation:none}}