#fm-3d-quiz-live{
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(22px,calc(env(safe-area-inset-bottom) + 18px));
  z-index:90;
  display:flex;
  align-items:center;
  gap:10px;
  font-family:Montserrat,sans-serif
}
#fm-3d-quiz-live .fm3d-bubble{
  position:relative;
  background:#fff;
  color:#9e1b20;
  font-size:13px;
  font-weight:800;
  line-height:1.15;
  padding:10px 13px;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
  white-space:nowrap;
  animation:fm3dBubbleIn .3s ease-out both
}
#fm-3d-quiz-live .fm3d-bubble::after{
  content:"";
  position:absolute;
  right:-6px;
  top:50%;
  width:12px;
  height:12px;
  background:#fff;
  transform:translateY(-50%) rotate(45deg)
}
#fm-3d-quiz-live .fm3d-button{
  width:68px;
  height:68px;
  border:0;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
  animation:fm3dFabIn .4s cubic-bezier(.2,.8,.2,1) both
}
#fm-3d-quiz-live .fm3d-button:hover{
  transform:scale(1.05);
  box-shadow:0 14px 34px rgba(0,0,0,.4)
}
#fm-3d-quiz-live .fm3d-button:active{transform:scale(.96)}
#fm-3d-quiz-live .fm3d-button img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block
}
@keyframes fm3dFabIn{
  from{opacity:0;transform:translateY(16px) scale(.8)}
  to{opacity:1;transform:none}
}
@keyframes fm3dBubbleIn{
  from{opacity:0;transform:translateX(8px) scale(.95)}
  to{opacity:1;transform:none}
}
@media(max-width:420px){
  #fm-3d-quiz-live{
    right:14px;
    bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px))
  }
  #fm-3d-quiz-live .fm3d-button{width:62px;height:62px}
  #fm-3d-quiz-live .fm3d-bubble{font-size:12px;padding:9px 11px}
}