.onboarding-demo-page{background:var(--surface);color:var(--content);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);width:100%;height:100%;margin:0;position:fixed;inset:0;overflow:hidden}.onboarding-demo-page *{box-sizing:border-box}.onboarding-demo-page .meeting{background:var(--surface);grid-template-rows:70px minmax(0,1fr) 80px;width:100%;height:100%;display:grid;position:relative}.onboarding-demo-page .top-bar{justify-content:space-between;align-items:center;padding:0 16px 0 24px;display:flex}.onboarding-demo-page .meeting-meta{letter-spacing:.01em;align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.onboarding-demo-page .divider{background:var(--content-muted);width:1px;height:20px}.onboarding-demo-page .top-actions{align-items:center;gap:10px;display:flex}.onboarding-demo-page .participant-count{background:var(--surface-tint);height:38px;color:var(--content);border-radius:20px;align-items:center;gap:7px;padding:4px 11px 4px 4px;font-size:13px;display:flex}.onboarding-demo-page .avatar{background:var(--orange);width:30px;height:30px;color:var(--content-on-color);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:relative;overflow:hidden}.onboarding-demo-page .stage{place-items:center;min-height:0;padding:0 28px;display:grid}.onboarding-demo-page .meeting.panel-open .stage{padding-right:394px}.onboarding-demo-page .tile{aspect-ratio:1920/1204;background:var(--surface-raised);border-radius:20px;width:min(100%,159.468vh - 239.203px);max-height:100%;position:relative;overflow:hidden}.onboarding-demo-page .video-frame,.onboarding-demo-page .video-frame iframe{background:var(--surface-raised);border:0;width:100%;height:100%;display:block}.onboarding-demo-page .participant-name{color:var(--content);text-shadow:0 1px 4px color-mix(in oklch,var(--surface-overlay)80%,transparent);font-size:14px;font-weight:500;position:absolute;bottom:18px;left:18px}.onboarding-demo-page .join-layer,.onboarding-demo-page .ended-layer{background:color-mix(in oklch,var(--surface-overlay)72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;display:grid;position:absolute;inset:0}.onboarding-demo-page .dialog{text-align:center;justify-items:center;gap:14px;max-width:400px;padding:32px;display:grid}.onboarding-demo-page .dialog h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:500}.onboarding-demo-page .dialog p{color:var(--content-secondary);margin:0 0 8px;font-size:15px;line-height:1.5}.onboarding-demo-page .bottom-bar{grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;display:grid;position:relative}.onboarding-demo-page .bottom-left,.onboarding-demo-page .bottom-right,.onboarding-demo-page .controls{align-items:center;display:flex}.onboarding-demo-page .bottom-left{justify-self:start}.onboarding-demo-page .bottom-right{justify-self:end;gap:14px}.onboarding-demo-page .controls{justify-self:center;gap:8px}.onboarding-demo-page .media-control{align-items:center;gap:4px;display:flex}.onboarding-demo-page .media-options,.onboarding-demo-page .media-toggle{display:flex}.onboarding-demo-page .end-call-control{display:flex;position:relative}.onboarding-demo-page .side-panel{z-index:10;background:var(--surface-raised);width:350px;box-shadow:var(--elevation-floating);border-radius:16px;flex-direction:column;gap:16px;padding:18px 14px 14px;display:flex;position:absolute;top:78px;bottom:80px;right:16px}.onboarding-demo-page .panel-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.onboarding-demo-page .panel-header h2{margin:0;font-size:18px;font-weight:500}.onboarding-demo-page .details-panel{gap:0;padding-inline:0}.onboarding-demo-page .details-panel .panel-header{padding:0 18px}.onboarding-demo-page .details-content{color:var(--content-secondary);gap:5px;padding:30px 24px 24px;font-size:14px;line-height:1.45;display:grid}.onboarding-demo-page .details-content h3,.onboarding-demo-page .details-content p{margin:0}.onboarding-demo-page .details-content h3{color:var(--content);margin-bottom:4px;font-size:14px;font-weight:500}.onboarding-demo-page .joining-url{overflow-wrap:anywhere}.onboarding-demo-page .details-copy{margin-top:22px}.onboarding-demo-page .details-divider{background:var(--surface-tint);height:1px}.onboarding-demo-page .details-empty{color:var(--content-muted);text-align:center;margin:0;padding:28px 24px;font-size:13px}.onboarding-demo-page .chat-permission{background:var(--surface-tint);min-height:48px;color:var(--content);border-radius:4px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;display:flex}.onboarding-demo-page .chat-toggle{background:var(--surface-tint);border-radius:12px;width:38px;height:22px;position:relative}.onboarding-demo-page .chat-toggle:after{background:var(--assistant-action);content:"";border-radius:50%;width:16px;height:16px;position:absolute;top:3px;right:3px}.onboarding-demo-page .chat-notice{background:var(--surface-tint);color:var(--content-secondary);border-radius:8px;gap:8px;padding:16px;font-size:13px;line-height:1.4;display:flex}.onboarding-demo-page .chat-notice svg{color:var(--assistant-action);flex:none;font-size:18px}.onboarding-demo-page .chat-messages{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:auto}.onboarding-demo-page .chat-message{align-self:flex-end;max-width:82%}.onboarding-demo-page .chat-message-time{color:var(--content-muted);text-align:right;margin-bottom:4px;font-size:11px}.onboarding-demo-page .chat-message-text{background:var(--assistant-action-strong);color:var(--content-on-assistant-action);white-space:pre-wrap;border-radius:16px 16px 4px;padding:10px 12px;font-size:14px;line-height:1.4}.onboarding-demo-page .chat-compose{border:1px solid var(--control-stroke);border-radius:24px;align-items:center;min-height:48px;padding:0 4px 0 14px;display:flex}@media (width<=820px){.onboarding-demo-page .meeting{grid-template-rows:58px minmax(0,1fr) 72px}.onboarding-demo-page .top-bar,.onboarding-demo-page .bottom-bar{padding-inline:14px}.onboarding-demo-page .bottom-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.onboarding-demo-page .bottom-left{display:none}.onboarding-demo-page .bottom-right{justify-self:end}.onboarding-demo-page .stage,.onboarding-demo-page .meeting.panel-open .stage{padding-inline:12px}.onboarding-demo-page .tile{border-radius:14px;width:min(100%,177.778vh - 231.111px)}.onboarding-demo-page .meeting-meta{gap:8px;font-size:14px}.onboarding-demo-page .participant-count,.onboarding-demo-page .top-action,.onboarding-demo-page .control.reaction,.onboarding-demo-page .control.hand{display:none}.onboarding-demo-page .controls{justify-self:start;gap:8px;min-width:0}.onboarding-demo-page .media-options{display:none}.onboarding-demo-page .side-panel{width:calc(100% - 24px);top:66px;bottom:78px;right:12px}}