.conference #conference-reaction-menu {
  position: absolute;
  bottom: 86px;
  left: 12px;
  z-index: 3;
  display: flex;
  gap: 4px;
  padding: 8px;
  border-radius: 20px;
  background: #263238;
}
.conference #conference-reaction-menu.hidden { display: none; }
.conference #conference-reaction-menu button { min-width: 44px; min-height: 44px; background: transparent; font-size: 25px; }
.conference #conference-reaction-burst { padding: 8px; color: white; text-align: center; }
.conference #conference-mobile-leave { display: none; }
.conference #conference-members { max-height: 40vh; overflow-y: auto; }
.conference #conference-members p { margin: 0; padding: 12px 0; border-bottom: 1px solid #34434a; }
.conference #conference-hide-people { min-height: 44px; color: white; background: #263238; border-radius: 12px; }
#conference-return-card { position: fixed; top: 6px; left: 50%; transform: translateX(-50%); z-index: 140; min-height: 44px; padding: 8px 16px; border-radius: 24px; color: white; background: #283845; box-shadow: 0 2px 12px #0004; }
@media (max-width: 600px) {
  .conference { height: 100dvh; }
  .conference .conference-stage { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
  .conference .conference-window-bar { flex: none; min-height: 48px; padding-top: env(safe-area-inset-top); }
  .conference .conference-window-bar button { width: 44px; height: 44px; }
  .conference .conference-waiting { flex: none; min-height: 48px; }
  .conference .conference-grid { flex: 1; min-height: 0; overflow-y: auto; }
  .conference .conference-controls { flex: none; flex-wrap: wrap; gap: 4px; padding: 12px 8px calc(12px + env(safe-area-inset-bottom)); }
  .conference .conference-controls button { width: 44px; height: 44px; }
  .conference #conference-mobile-leave { display: grid; background: #dc3630; }
  .conference.show-people .conference-info { display: flex; position: absolute; inset: 18% 12px 100px; z-index: 4; border: 1px solid #34434a; border-radius: 24px; overflow-y: auto; }
  .conference.minimized { height: calc(48px + env(safe-area-inset-top)); }
  .conference.minimized .conference-info { display: none; }
}
.agora-group-call .call-stage { position:relative; min-height:240px; }
.agora-group-call #remote-call-media, html.native-mobile body #active-call.agora-group-call #remote-call-media { display:none; }
#agora-group-participants { position:absolute; z-index:1; inset:12px 12px 110px; display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:8px; overflow:auto; }
#agora-group-participants article { min-height:140px; position:relative; background:#202b3b; border-radius:14px; overflow:hidden; }
#agora-group-participants video { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
#agora-group-participants span { position:absolute; bottom:0; left:0; right:0; padding:8px; color:white; background:#0009; }
#agora-group-participants .audio-only span { top:0; display:grid; place-items:center; background:transparent; }
.active-call.agora-group-call .call-stage #local-call-media { position:absolute; inset:auto 12px 12px auto; width:110px; height:82px; z-index:2; border:2px solid white; border-radius:10px; }
html.native-mobile body #active-call.agora-group-call.voice-call .call-stage::before { display:none; }
.agora-group-call.voice-call #agora-group-participants { bottom:12px; }