:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f5;background:#090909;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:20px}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline-offset:5px;outline:3px solid #fff}button:disabled{opacity:.4;cursor:default}.start-screen{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:24px;display:flex}.start-button{color:#111;letter-spacing:-1px;background:#f5f5f5;border-radius:18px;padding:22px 64px;font-size:clamp(32px,5vw,48px);font-weight:500}.start-button:hover{background:#d8d8d8}.error{color:#f99;text-align:center;max-width:560px;line-height:1.5}.call-screen{height:100dvh;position:relative;overflow:hidden}.remote-grid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));grid-auto-rows:minmax(220px,1fr);gap:3px;height:100%;display:grid;overflow-y:auto}.remote-grid.solo{grid-template-rows:1fr;grid-template-columns:1fr}.video-tile{background:#171717;min-height:0;position:relative;overflow:hidden}.video-tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-tile.local video{transform:scaleX(-1)}.hidden-video{opacity:0}.video-placeholder{height:100%;min-height:inherit;color:#888;justify-content:center;align-items:center;display:flex}.video-placeholder>svg{width:32px;height:32px}.muted-indicator{background:#0008;border-radius:50%;padding:8px;display:flex;position:absolute;top:16px;left:16px}.self-preview{right:max(20px, env(safe-area-inset-right));aspect-ratio:4/3;border-radius:12px;width:clamp(140px,20vw,260px);position:absolute;bottom:112px;overflow:hidden;box-shadow:0 4px 24px #0006}.self-preview .video-tile{height:100%}.self-preview .video-placeholder{font-size:16px}.call-status{pointer-events:none;color:#777;letter-spacing:-1px;place-items:center;margin:0;font-size:clamp(24px,4vw,36px);display:grid;position:absolute;inset:0}.bottom-controls{bottom:max(24px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111b;border-radius:24px;gap:10px;padding:8px;display:flex}.controls button{background:#292929;border-radius:16px;place-items:center;width:60px;height:60px;display:grid}.controls button:hover{background:#404040}.controls button[aria-pressed=true]{color:#111;background:#ececec}.controls .leave-button{background:#c53232}.controls .leave-button:hover{background:#e23b3b}.controls svg{width:26px;height:26px}.notice{text-align:center;background:#181818e8;border-radius:12px;width:max-content;max-width:90vw;margin:0;padding:10px 16px;font-size:18px}.play-audio{background:#222;border-radius:10px;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;top:16px;right:16px}@media (max-width:600px){.remote-grid{grid-template-columns:1fr}.self-preview{right:12px;bottom:calc(110px + env(safe-area-inset-bottom))}.controls button{width:54px;height:54px}.bottom-controls{bottom:max(16px, env(safe-area-inset-bottom))}}