.call-audio{display:none}.call-toast{z-index:120;color:#f8fafc;background:#111827;border-radius:10px;align-items:center;gap:8px;max-width:min(420px,100vw - 32px);padding:10px 12px;font-size:13px;line-height:1.4;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047}.call-toast button{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;align-items:center;padding:2px;display:flex}.call-toast button:hover{opacity:1}.call-ring{z-index:130;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b111ab8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.call-ring-card{color:#f8fafc;text-align:center;background:#111827;border-radius:18px;width:min(340px,100%);padding:28px 22px 22px;box-shadow:0 24px 60px #00000073}.call-ring-avatar,.call-voice-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(140deg,#1877f2,#0f5fd0);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-weight:700;display:flex}.call-ring-avatar{width:76px;height:76px;font-size:30px;animation:1.6s ease-in-out infinite call-pulse}@keyframes call-pulse{0%,to{box-shadow:0 0 #d9770680}60%{box-shadow:0 0 0 16px #d9770600}}@media (prefers-reduced-motion:reduce){.call-ring-avatar{animation:none}}.call-ring-name{margin:14px 0 4px;font-size:19px;font-weight:700}.call-ring-kind{color:#f8fafcb3;justify-content:center;align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.call-ring-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.call-btn{color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-size:13px;font-weight:600;transition:opacity .15s;display:flex}.call-btn:hover{opacity:.9}.call-decline{background:#b91c1c}.call-accept{background:#15803d}.call-stage{z-index:125;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b111ad1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.call-stage-inner{color:#f8fafc;background:#0b111a;border-radius:16px;flex-direction:column;width:min(880px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.call-media{background:#131c28;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative}.call-stage.is-video .call-media{aspect-ratio:16/9;min-height:0}.call-remote{object-fit:cover;background:#131c28;width:100%;height:100%}.call-local{aspect-ratio:3/4;object-fit:cover;background:#000;border:1px solid #f8fafc2e;border-radius:10px;width:132px;position:absolute;bottom:12px;right:12px;transform:scaleX(-1);box-shadow:0 8px 24px #0006}.call-voice{flex-direction:column;align-items:center;gap:6px;padding:34px 20px;display:flex}.call-voice-avatar{width:88px;height:88px;font-size:34px}.call-voice-name{margin:10px 0 0;font-size:18px;font-weight:700}.call-status{color:#f8fafca6;font-variant-numeric:tabular-nums;margin:0;font-size:13px}.call-stage.is-video .call-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.call-bar{background:#111827;border-top:1px solid #f8fafc14;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.call-bar-who{flex-direction:column;min-width:0;display:flex}.call-bar-who strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.call-bar-who span{color:#f8fafc99;font-variant-numeric:tabular-nums;font-size:12px}.call-bar-controls{align-items:center;gap:10px;display:flex}.call-round{color:#f8fafc;cursor:pointer;background:#f8fafc14;border:1px solid #f8fafc29;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,border-color .15s;display:flex}.call-round:hover{background:#f8fafc29}.call-round.is-off{color:#111827;background:#f8fafc;border-color:#0000}.call-hangup{color:#fff;background:#b91c1c;border-color:#0000}.call-hangup:hover{background:#dc2626}.call-error,.call-note{margin:0;padding:8px 14px 12px;font-size:12px;line-height:1.45}.call-error{color:#fca5a5}.call-note{color:#f8fafc8c}@media (max-width:640px){.call-stage{padding:0}.call-stage-inner{border-radius:0;width:100%;height:100%;max-height:none}.call-media{flex:auto}.call-stage.is-video .call-media{aspect-ratio:auto}.call-local{width:96px}.call-round{width:46px;height:46px}}.call-grid{grid-template-columns:repeat(var(--cols,1), minmax(0, 1fr));grid-auto-rows:minmax(0,1fr);gap:6px;width:100%;height:100%;padding:6px;display:grid}.call-tile{background:#131c28;border-radius:10px;min-width:0;min-height:0;position:relative;overflow:hidden}.call-tile video{object-fit:cover;background:#131c28;width:100%;height:100%}.call-tile:not(.is-live):after{content:"";background:repeating-linear-gradient(-45deg,#f8fafc08 0 8px,#0000 8px 16px);position:absolute;inset:0}.call-tile-name{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;background:#0b111a99;border-radius:999px;max-width:calc(100% - 16px);padding:2px 7px;font-size:11.5px;font-weight:600;position:absolute;bottom:8px;left:8px;overflow:hidden}.call-voice-people{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.call-voice-people .call-voice-avatar{width:64px;height:64px;font-size:25px}.call-ringing-still{color:#f8fafcbf;white-space:nowrap;background:#0b111a8c;border-radius:999px;margin:0;padding:4px 12px;font-size:11.5px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.call-stage.is-video .call-media,.call-voice{position:relative}@media (max-width:640px){.call-grid{grid-template-columns:repeat(min(2, var(--cols,1)), minmax(0, 1fr))}.call-voice-people .call-voice-avatar{width:54px;height:54px;font-size:21px}}.call-add{display:inline-flex;position:relative}.call-round.is-on{color:#111827;background:#f8fafc;border-color:#0000}.call-add-menu{z-index:10;background:#111827;border:1px solid #f8fafc24;border-radius:12px;width:250px;max-height:260px;padding:4px;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 16px 40px #00000073}.call-add-item{color:#f8fafc;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:7px 8px;font-size:13px;display:flex}.call-add-item:hover{background:#f8fafc1a}.call-add-face{color:#fff;background:linear-gradient(140deg,#1877f2,#0f5fd0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.call-add-empty{color:#f8fafc99;margin:0;padding:10px;font-size:12px;line-height:1.45}.call-local.is-sharing{object-fit:contain;aspect-ratio:16/9;background:#0b1220;width:176px;transform:none}.call-round.is-sharing{background:var(--primary,#1877f2);color:#fff}.call-sharing-note{color:#cfe3ff;background:#1877f229;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}