.live-call{position:fixed;inset:0;z-index:100;background:#122039;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column}.live-call header{position:absolute;top:30px;left:30px;right:30px;display:flex;justify-content:space-between}.live-call #remote-call-video{width:100%;height:100%;object-fit:contain}.live-call #local-call-video{position:absolute;right:24px;top:80px;width:160px;height:210px;border-radius:14px;background:#243047}.live-call footer{position:absolute;bottom:40px;display:flex;gap:20px}.live-call footer button{padding:15px 30px;border-radius:30px;background:#397cf5;color:#fff}.live-call footer .danger{background:#e45567}.call-name{position:absolute;top:30%;font-size:24px;pointer-events:none}.live-call video:playing+.call-name{display:none}@media(max-width:760px){.live-call #local-call-video{width:100px;height:140px;right:14px}.live-call header{top:calc(25px + env(safe-area-inset-top));font-size:13px}.live-call footer{bottom:calc(25px + env(safe-area-inset-bottom))}}