.friend-call-host{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:900;max-width:calc(100vw - 32px);width:620px}
.friend-call-host:empty{display:none}
.friend-call-bar{background:#253a2d;color:#fffdf5;border:1px solid #a9b68b;border-radius:22px;box-shadow:0 16px 50px #17271944;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.friend-call-bar strong{font-size:17px;line-height:1.4}.friend-call-note{margin:5px 0 0;font-size:12px;color:#d9dfd2}
.friend-call-controls{display:flex;flex-wrap:wrap;gap:8px}.friend-call-controls .btn{background:#fffdf4;color:#253a2d;min-height:44px}.friend-call-controls .friend-call-end{background:#f7e1d8;color:#793624}
.friend-call-button:disabled{opacity:.58;cursor:default}
.friend-call-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.friend-call-availability{max-width:260px;font-size:12px;line-height:1.45;color:#62705d}.friend-call-retry{padding:6px 8px;border:0;background:none;color:#36513c;text-decoration:underline;font:inherit;cursor:pointer}.friend-call-control [hidden]{display:none}
@media(max-width:600px){.friend-call-host{bottom:calc(84px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px)}.friend-call-bar{display:block;padding:18px}.friend-call-controls{margin-top:14px}.friend-call-controls .btn{flex:1}}