.fv-live-meeting{position:absolute;right:16px;bottom:16px;z-index:12;width:244px;padding:8px;border:1px solid rgba(255,255,255,.86);border-radius:13px;background:rgba(31,33,28,.92);box-shadow:0 13px 30px rgba(22,27,15,.25);backdrop-filter:blur(8px);pointer-events:none;animation:fvLiveMeeting 12s ease-in-out infinite}
.fv-live-top{height:19px;display:flex;align-items:center;justify-content:space-between;padding:0 3px 5px;color:rgba(255,255,255,.78);font-size:7px;letter-spacing:.04em}
.fv-live-badge{display:inline-flex;align-items:center;gap:4px;color:#fff;font-weight:700}
.fv-live-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#e56b5f;box-shadow:0 0 0 3px rgba(229,107,95,.15);animation:fvLivePulse 1.6s ease-in-out infinite}
.fv-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fv-live-person{position:relative;height:100px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#d5d5d3}
.fv-live-photo{position:absolute;inset:-2px;background-repeat:no-repeat;background-size:cover;background-position:center;transform:scale(1.018);will-change:transform}
.fv-live-person.sales .fv-live-photo{background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==)}
.fv-live-person.client .fv-live-photo{background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==)}
.fv-live-person.sales .fv-live-photo{background-position:center;animation:fvPersonA 8s ease-in-out infinite}
.fv-live-person.client .fv-live-photo{background-position:center;animation:fvPersonB 8s ease-in-out infinite}
.fv-live-person:after{content:"";position:absolute;inset:0;border-radius:7px;box-shadow:inset 0 0 0 2px transparent;animation:fvSpeakerA 8s steps(1,end) infinite}
.fv-live-person.client:after{animation-name:fvSpeakerB}
.fv-live-name{position:absolute;left:5px;bottom:5px;z-index:2;padding:2px 5px;border-radius:4px;background:rgba(22,24,19,.72);color:#fff;font-size:6px;line-height:1.35}
@keyframes fvLiveMeeting{0%,37%{opacity:1;visibility:visible}
43%,94%{opacity:0;visibility:hidden}
to{opacity:1;visibility:visible}
}
@keyframes fvLivePulse{50%{opacity:.45;transform:scale(.82)}
}
@keyframes fvAudio{to{height:11px}
}
@keyframes fvPersonA{0%,8%,45%,to{transform:scale(1.04) translate(0,0)}
18%{transform:scale(1.065) translate(-1px,-2px)}
28%{transform:scale(1.055) translate(1px,0)}
55%,92%{transform:scale(1.045) translate(0,1px)}
}
@keyframes fvPersonB{0%,45%,to{transform:scale(1.045) translate(0,0)}
58%{transform:scale(1.06) translate(1px,-1px)}
68%{transform:scale(1.07) translate(0,-2px)}
80%{transform:scale(1.055) translate(-1px,0)}
}
@keyframes fvSpeakerA{0%,46%{box-shadow:inset 0 0 0 2px #daeb57}
47%,to{box-shadow:inset 0 0 0 2px transparent}
}
@keyframes fvSpeakerB{0%,49%{box-shadow:inset 0 0 0 2px transparent}
50%,94%{box-shadow:inset 0 0 0 2px #daeb57}
95%,to{box-shadow:inset 0 0 0 2px transparent}
}
.fv-live-meeting{padding:6px;width:244px}
.fv-live-person:after{display:none}
.fv-live-person.sales .fv-live-photo,.fv-live-person.client .fv-live-photo{animation:none}
@keyframes fvAudioA{0%,46%{opacity:1}
47%,to{opacity:.18}
}
@keyframes fvAudioB{0%,49%{opacity:.18}
50%,94%{opacity:1}
95%,to{opacity:.18}
}
@media (max-width:800px){.fv-live-meeting{right:10px;bottom:10px;width:214px;padding:7px}
.fv-live-person{height:90px}
}
@media (prefers-reduced-motion:reduce){.fv-live-meeting{display:none}
.fv-live-meeting *{animation:none!important}
.fv-live-person.sales:after{box-shadow:inset 0 0 0 2px #daeb57}
}