/* Meeting reactions: Lark-style floating bubble, tile badge, picker tray. Loaded after call-ui.css. */
#rxlayer{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}
.rxf{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border-radius:999px;background:rgba(38,40,46,.94);color:#fff;font:600 15px/1.2 var(--f-b);white-space:nowrap;pointer-events:none;box-shadow:0 14px 32px -12px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08);will-change:transform,opacity;backdrop-filter:blur(6px);animation:none}
#rxlayer .rxf>span{text-align:left}
#rxlayer .rxf>.rxa,#rxlayer .rxf>.rxe,#rxlayer .rxf>.rxc{display:flex;align-items:center}
#rxlayer .rxf>span[hidden]{display:none}
#rxlayer .rxf>.rxn{display:block;font:600 16px/1.2 var(--f-b);color:#fff}
#rxlayer .rxf>.rxc{font:700 italic 22px var(--f-d);color:#fff}
.rxf .rxa{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 16px var(--f-d);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.rxf .rxn{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.rxf>.rxe,#rxlayer .rxf>.rxe{font:400 36px/1 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji','Twemoji Mozilla',sans-serif;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.rxf>.rxe.t,#rxlayer .rxf>.rxe.t{font:800 italic 30px/1 var(--f-d);background:linear-gradient(180deg,#FFB547,#E8590C 55%,#D6336C);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.15)) drop-shadow(0 2px 3px rgba(0,0,0,.35));padding-right:2px}
.rxf>.rxe.p,#rxlayer .rxf>.rxe.p{font:700 15px var(--f-b);color:#fff;-webkit-text-fill-color:#fff;background:rgba(255,255,255,.16);padding:5px 12px;border-radius:999px;filter:none}
.rxf .rxc{font:700 italic 22px var(--f-d);color:#fff;letter-spacing:.5px}
.rxf .rxc.pop{animation:rxpop .28s ease-out}
@keyframes rxpop{0%{transform:scale(1.7)}100%{transform:scale(1)}}
.rxf.still{bottom:auto}
/* tile badge */
.tile .rxb{position:absolute;left:10px;top:10px;z-index:4;display:flex;align-items:center;gap:6px;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:rgba(38,40,46,.88);color:#fff;pointer-events:none;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);animation:rxbin .3s cubic-bezier(.2,1.4,.4,1);transition:opacity .35s,transform .35s}
.tile .rxb.out{opacity:0;transform:scale(.8)}
.tile .rxb .rxe{font:400 22px/1 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji','Twemoji Mozilla',sans-serif}
.tile .rxb .rxe.t{font:800 italic 17px var(--f-d);background:linear-gradient(180deg,#FFB547,#E8590C 60%,#D6336C);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tile .rxb .rxe.p{font:700 12px var(--f-b);color:#fff;-webkit-text-fill-color:#fff}
.tile .rxb .rxc{font:700 italic 14px var(--f-d)}
@keyframes rxbin{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
/* toolbar tray */
.cbl .cb.rxbtn{width:40px;font-size:0;background-color:transparent;transition:transform .12s,background .12s}
.cbl .cb.rxbtn:hover{background-color:var(--wash);transform:translateY(-2px) scale(1.12)}
.cbl .cb.rxbtn .rxe{font:400 24px/1 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji','Twemoji Mozilla',sans-serif}
.cbl .cb.ic.txt{font:800 italic 17px var(--f-d);background-color:transparent;background-image:linear-gradient(180deg,#FFB547,#E8590C 60%,#D6336C);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transition:transform .12s}
.cbl .cb.ic.txt:hover{transform:translateY(-2px) scale(1.12)}
.rxg button{width:100%;height:40px;padding:0!important;display:flex;align-items:center;justify-content:center;font-family:'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji','Twemoji Mozilla',sans-serif!important;font-size:24px!important;line-height:1}
.rxg button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@media (prefers-reduced-motion:reduce){.tile .rxb{animation:none}.rxf .rxc.pop{animation:none}.cbl .cb.rxbtn:hover,.cbl .cb.ic.txt:hover,.rxg button:hover{transform:none!important}}
