:root{font-family:Noto Sans,sans-serif;color:var(--color-ink);background:var(--color-video);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;--font-family: "Noto Sans", sans-serif;--color-ink: #181915;--color-surface: #fffef9;--color-control: #e9e7de;--color-control-active: #d8d6cc;--color-muted: #8b8b84;--color-square: #111111;--color-video: #000000;--color-danger: #d94b3f;--color-danger-hover: #c73e34;--color-danger-ink: #ffffff;--color-positive: #2ea85f;--color-positive-hover: #258c4f;--color-positive-ink: #ffffff;--color-line: rgba(255, 254, 249, .22);--layout-gap: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--control-size: 48px;--radius-square: 16px;--radius-round: 999px}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;background:var(--color-video)}body{min-width:320px;padding:0;margin:0;overflow:hidden}button,input,textarea,select{font:inherit;font-size:16px}button{color:inherit}button:focus-visible{outline:2px solid var(--color-surface);outline-offset:3px}.page-call{position:fixed;top:0;left:0;width:100%;height:100dvh;overflow:hidden;background:var(--color-video);container-type:size}.pair-layout{--outer-top: max(var(--layout-gap), env(safe-area-inset-top));--outer-right: max(var(--layout-gap), env(safe-area-inset-right));--outer-bottom: max(var(--layout-gap), env(safe-area-inset-bottom));--outer-left: max(var(--layout-gap), env(safe-area-inset-left));--available-width: calc(100cqw - var(--outer-left) - var(--outer-right));--available-height: calc(100cqh - var(--outer-top) - var(--outer-bottom));--square-size: min(var(--available-width), calc((var(--available-height) - var(--layout-gap)) / 2));--square-control-size: clamp(34px, calc(var(--square-size) / 7), 48px);position:fixed;top:0;left:0;width:100%;height:100dvh;display:flex;flex-direction:column-reverse;padding:var(--outer-top) var(--outer-right) var(--outer-bottom) var(--outer-left);align-items:center;justify-content:center;gap:var(--layout-gap)}@media(display-mode:standalone){html,body,#root,.page-call,.pair-layout{height:100vh}}@container (min-aspect-ratio: 1 / 1){.pair-layout{--square-size: min(calc((var(--available-width) - var(--layout-gap)) / 2), var(--available-height));flex-direction:row}}.video-square{position:relative;width:var(--square-size);height:var(--square-size);overflow:hidden;border:0;border-radius:var(--radius-square);background:var(--color-square);flex:0 0 auto}.video-square>video{display:block;width:100%;height:100%}.local-square>video{object-fit:cover;transform:scaleX(-1)}.local-square.is-environment-camera>video{transform:none}.camera-switch-target{position:absolute;z-index:1;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.camera-switch-target:disabled{cursor:wait}.remote-square>video{object-fit:contain}.local-square.is-camera-off>video,.remote-square.is-camera-off>video{visibility:hidden}.input-status-label,.audio-visualizer{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.input-status-label{color:var(--color-muted);font-size:13px}.audio-visualizer{width:42%;height:28%;pointer-events:none}.square-controls{position:absolute;z-index:2;bottom:var(--space-2);left:50%;display:flex;width:max-content;padding:0;border:0;border-radius:var(--radius-round);background:transparent;align-items:center;gap:var(--space-2);transform:translate(-50%)}.icon-button{display:inline-flex;width:var(--square-control-size);height:var(--square-control-size);padding:0;border:0;border-radius:50%;background:var(--color-control);align-items:center;justify-content:center;cursor:pointer}.icon-button:hover{background:var(--color-control-active)}.icon-button.is-active,.icon-button.is-danger{background:var(--color-danger);color:var(--color-danger-ink)}.icon-button.is-positive{background:var(--color-positive);color:var(--color-positive-ink)}.icon-button.is-positive:hover:not(:disabled){background:var(--color-positive-hover)}.icon-button:disabled{cursor:wait;opacity:.65}.icon-button.is-active:hover,.icon-button.is-danger:hover{background:var(--color-danger-hover)}.square-action{position:absolute;inset:0;display:flex;width:100%;height:100%;padding:var(--space-3);border:0;background:transparent;color:var(--color-surface);align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;font-size:clamp(16px,calc(var(--square-size) / 18),22px);font-weight:500}.square-action:hover:not(:disabled){color:var(--color-control-active)}.square-action:disabled{cursor:wait;opacity:.65}.square-action:focus-visible{outline-offset:-4px}.square-status,.square-error{position:absolute;z-index:1;left:50%;width:calc(100% - (var(--space-3) * 2));transform:translate(-50%);text-align:center}.square-status{top:50%;color:var(--color-muted);font-size:13px;transform:translate(-50%,-50%)}.square-status.is-error{color:var(--color-danger-ink)}.square-error{top:var(--space-3);color:var(--color-danger-ink);font-size:13px;line-height:1.4}