:root{--video-accent: #662d91}.video-stage{display:flex;flex-direction:column;gap:10px;min-height:0}.video-remote{position:relative;aspect-ratio:16 / 9;width:100%;max-height:62vh;background:#171426;border-radius:14px;overflow:hidden;display:grid;place-items:center}.video-remote>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#171426}.video-placeholder{position:relative;z-index:1;color:#d9d6e6;display:grid;justify-items:center;gap:8px;font-size:15px;padding:16px;text-align:center}.video-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.video-remote.has-still>video{background:transparent;animation:video-fade-in .6s ease-out}@keyframes video-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.video-remote.has-still>video{animation:none}}.video-placeholder.on-still{align-self:end;margin-bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#171426b8;color:#fff;font-size:14px;line-height:1.3;white-space:nowrap}.video-remote:has(.video-self:not([hidden])) .video-placeholder.on-still{margin-bottom:calc(22px + min(22%,100%)*.5625)}.video-name{z-index:1;position:absolute;left:12px;bottom:12px;color:#fff;background:#171426b8;padding:3px 10px;border-radius:999px;font-size:13px}.video-rec-label{z-index:1;position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;color:#fff;background:#171426b8;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.video-ai-label{z-index:1;position:absolute;right:12px;top:12px;color:#fff;background:#171426b8;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.video-rec-label i{width:8px;height:8px;border-radius:50%;background:#ef4444}.video-rec-label button{display:grid;place-items:center;width:24px;height:24px;margin:-3px -7px -3px -1px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.video-rec-label button:hover{background:#ffffff2e}.video-self{z-index:1;position:absolute;right:12px;bottom:12px;width:22%;min-width:96px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#2b2740;color:#d9d6e6;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18)}.video-self video{width:100%;height:100%;object-fit:cover}.video-self video.mirror{transform:scaleX(-1)}.video-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.video-control{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid var(--line, #e6deed);background:#fff;color:inherit;font:inherit;font-size:14px;font-weight:500;cursor:pointer}.video-control.off{background:#f4f2fa}.video-control.end{background:#d1453b;border-color:#d1453b;color:#fff}.video-device-error{color:#b3261e;font-size:14px;margin:0;text-align:center}.conversation-header .video-start{margin-left:auto}.video-call{display:flex;flex-direction:column;min-height:0;height:100%}.video-call-body{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;overflow-y:auto;min-height:0;flex:1}.video-ready{display:grid;justify-items:center;gap:14px;padding:44px 16px;background:#171426;border-radius:14px;color:#d9d6e6}.video-rejoin{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.video-other{text-align:center;padding:28px 0;margin:0}.video-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line, #e6deed);border-radius:10px;font-size:14px}.video-link-text{display:grid;gap:2px;min-width:0}.video-link-url{color:#6b6880;font-size:12px;line-height:1.4;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.video-link .button{flex-shrink:0}.video-recording{width:100%;border-radius:12px;background:#171426}.video-transcript{display:grid;gap:8px;border-top:1px solid var(--line, #e6deed);padding-top:12px;font-size:14px}.video-transcript p{margin:0}.video-transcript strong{font-weight:600;margin-right:4px}.video-transcript .partial{opacity:.65}.video-new{max-width:420px;margin:24px auto;display:grid;gap:12px;padding:0 16px}.video-new h2{margin:0}.video-new .button{justify-self:start}.video-return{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:999px;background:var(--video-accent);color:#fff;font:inherit;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 8px 24px #1b146440}body:has(.video-join){margin:0;background:#f7f6fb;font-family:Poppins,system-ui,sans-serif;color:#26233a}.video-join{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px;box-sizing:border-box}.video-join.in-call{place-items:stretch;height:100vh;height:100dvh;max-width:1200px;margin:0 auto}.video-join .video-stage{height:100%}.video-join .video-remote{flex:1;aspect-ratio:auto;max-height:none;min-height:0}.video-join-card{background:#fff;border-radius:16px;padding:28px 24px;width:100%;max-width:440px;box-sizing:border-box;display:grid;gap:10px;justify-items:center;text-align:center;box-shadow:0 10px 34px #1b146414}.video-join-card h1{font-size:21px;font-weight:600;margin:0}.video-join-card p{margin:0;font-size:15px}.video-join-card small{color:#6b6880;font-size:13px}.video-join-logo{max-height:52px;max-width:200px;object-fit:contain}.video-notice{color:#55526a;font-size:14px!important}.video-join-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;margin-top:6px;border:0;border-radius:10px;background:var(--video-accent);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.video-join-button:disabled{cursor:default}.video-connection{display:grid;gap:8px}.video-connection-row{display:grid;grid-template-columns:18px minmax(0,260px) minmax(0,1fr);gap:8px;align-items:start;font-size:14px}.video-connection-row .ok{color:#2f9e6a;margin-top:3px}.video-connection-row .missing{color:#b7791f;margin-top:3px}.video-connection-row strong{font-weight:500}.section-head h2 svg{vertical-align:-3px;margin-right:4px}.video-settings-preview{background:#fff;border:1px solid var(--line, #e6deed);border-radius:14px;padding:14px 16px;display:grid;gap:10px;font-size:14px}.video-settings-preview p{margin:0}.video-settings-join{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:10px;background:var(--video-accent);color:#fff;font-weight:500}@media(max-width:720px){.video-connection-row{grid-template-columns:18px minmax(0,1fr)}.video-connection-row span{grid-column:2}.video-self{width:26%;min-width:84px;right:8px;bottom:8px}.video-name{left:8px;bottom:8px}.video-rec-label{left:8px;top:8px}.video-ai-label{right:8px;top:8px}.video-placeholder{padding-bottom:44px}}.video-self[hidden]{display:none}.video-expand{z-index:2;position:absolute;right:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#171426b8;color:#fff;cursor:pointer}.video-expand:hover{background:#171426e6}.video-remote:has(.video-expand) .video-ai-label{right:52px}.live-widget.in-video>header{display:none}.widget-video{flex:0 0 auto;padding:8px 12px 0}.widget-video .video-remote{border-radius:12px;max-height:none}.widget-video .video-stage{gap:6px}.widget-video .video-controls{gap:6px;flex-wrap:nowrap}.widget-video .video-control{padding:5px 10px;font-size:12px;white-space:nowrap}.widget-video .video-device-error{margin:0;font-size:12px}.widget-video .video-expand{top:auto;bottom:8px;right:8px}.widget-video .video-remote:has(.video-expand) .video-ai-label{right:auto;left:8px;top:8px}.live-widget.video-expanded>:not(.widget-video){display:none!important}.live-widget.video-expanded>.widget-video{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px}.live-widget.video-expanded .video-stage{flex:1;min-height:0}.live-widget.video-expanded .video-remote{flex:1;min-height:0;aspect-ratio:auto}.live-widget.video-expanded .video-expand{top:12px;bottom:auto;right:12px}.live-widget.video-expanded .video-remote:has(.video-expand) .video-ai-label{left:auto;right:52px;top:12px}.video-sound{z-index:2;position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:6px 14px;border:0;border-radius:999px;background:#fff;color:#1f1a2e;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.video-avatar-pick{display:grid;gap:10px;margin-bottom:18px}.video-voice-row{margin-bottom:18px}.video-avatar-sample{width:180px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#171426}.video-avatar-sample img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
