.calls{position:fixed;z-index:1000;right:16px;bottom:16px;width:min(320px,calc(100vw - 32px))}.calls__card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-text);box-shadow:0 12px 32px color-mix(in srgb,var(--ui-text) 22%,transparent)}.calls__name{margin:6px 0 0;font-size:16px;font-weight:700;text-align:center;overflow-wrap:anywhere}.calls__status{margin:0;color:var(--ui-text-muted);font-size:13px;font-variant-numeric:tabular-nums}.calls__actions{display:flex;gap:12px;margin-top:12px}.calls__btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;cursor:pointer;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-2);color:var(--ui-text)}.calls__btn:hover{background:var(--ui-surface-3,var(--ui-surface-2))}.calls__btn.is-on{background:var(--ui-text);color:var(--ui-surface);border-color:var(--ui-text)}.calls__btn--ok{background:var(--ui-ok);border-color:var(--ui-ok);color:var(--ui-on-brand)}.calls__btn--end{background:var(--ui-danger);border-color:var(--ui-danger);color:var(--ui-on-brand)}.calls__btn--end:hover,.calls__btn--ok:hover{filter:brightness(1.08);background-color:inherit}.calls--video{inset:0;width:auto;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:var(--ui-text)}.calls__stage{position:absolute;inset:0}.calls__tile{display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;border:0;color:inherit;font:inherit;background:color-mix(in srgb,var(--ui-text) 92%,var(--ui-surface))}.calls__tile.is-big{position:absolute;inset:0}.calls__stage:not(.calls__stage--split) .calls__tile:not(.is-big){position:absolute;z-index:1;top:16px;right:16px;width:min(28vw,180px);aspect-ratio:3/4;cursor:pointer;border:2px solid var(--ui-surface);border-radius:var(--ui-radius)}.calls__stage--split{display:flex;gap:4px}.calls__stage--split .calls__tile{position:relative;flex:1 1 0;min-width:0}@media (orientation:portrait){.calls__stage--split{flex-direction:column}}.calls__video{width:100%;height:100%;object-fit:cover}.calls__tile.is-big .calls__video{object-fit:contain}.calls__video.is-mirror{transform:scaleX(-1)}.calls--video .calls__card{position:relative;z-index:2;width:min(420px,100%);padding:12px 16px;background:color-mix(in srgb,var(--ui-surface) 88%,transparent)}.calls--video .calls__actions{flex-wrap:wrap;justify-content:center;margin-top:8px}