.oon-call-panel{z-index:900;right:max(1rem,env(safe-area-inset-right));bottom:calc(6.7rem + env(safe-area-inset-bottom));color:#194b3b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9f1ee;border:1px solid #edc99e;border-radius:1.4rem;width:min(23rem,100vw - 2rem);padding:1.15rem;position:fixed;box-shadow:0 12px 44px #35220c38}.oon-call-panel.incoming{border:2px solid #f38b2b}.oon-call-peer{align-items:center;gap:.65rem;display:flex}.oon-call-avatar{object-fit:cover;background:#f4e7cb;border-radius:50%;flex:none;place-items:center;width:2.7rem;height:2.7rem;display:grid;overflow:hidden}.oon-call-avatar img{object-fit:cover;width:100%;height:100%}.oon-call-panel p{margin:.6rem 0;line-height:1.5}.oon-call-panel small{opacity:.75;margin-top:.6rem;font-size:.75rem;display:block}.oon-call-actions{gap:.5rem;display:flex}.oon-call-panel button{min-height:2.75rem;font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #d5dccf;border-radius:2rem;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .9rem;display:inline-flex}.oon-call-panel .oon-call-accept{color:#fff;background:#216b4e;border-color:#216b4e}.oon-call-panel .oon-call-end{color:#fff;background:#bd3e35;border-color:#bd3e35}.oon-call-panel button:disabled{opacity:.5;cursor:wait}.oon-call-panel .oon-call-dismiss{background:0 0;border:0;min-height:2rem;padding:.5rem;position:absolute;top:.3rem;right:.3rem}.oon-call-panel:has(.oon-call-dismiss){padding-right:2.4rem}@media (max-width:480px){.oon-call-panel{bottom:calc(6rem + env(safe-area-inset-bottom))}}