:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182033;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand: #e635da;--brand-dark: #b91db0;--blue: #1688d8;--green: #17a56b;--amber: #d98b13;--red: #dc3f4f;--ink: #182033;--muted: #667085;--line: #d9e0ea;--surface: #ffffff;--surface-soft: #eef3f8;--shadow: 0 18px 48px rgba(35, 45, 72, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}html:has(.app-frame.is-embed-mode),body:has(.app-frame.is-embed-mode),#root:has(.app-frame.is-embed-mode){background:transparent}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-frame{height:100vh;min-height:100vh;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;background:#f5f7fb}.app-frame.is-embed-mode{background:transparent}.app-frame:has(.desktop-app-banner){grid-template-rows:auto minmax(0,1fr)}.app-frame .preflight{min-height:0;overflow:auto}.app-frame .call-shell{height:100%;min-height:0}.desktop-app-banner{min-height:46px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line);background:#101828;color:#fff;font-size:13px}.desktop-app-banner div{min-width:0;display:flex;align-items:center;gap:10px}.desktop-app-banner strong,.desktop-app-banner span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-app-banner span{color:#cfd6e4}.desktop-app-banner a,.desktop-app-banner button{min-height:32px;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:#ffffff1a;text-decoration:none;font-size:12px;font-weight:760;white-space:nowrap}.desktop-app-banner a{padding:0 12px}.desktop-app-banner button{width:32px;padding:0}.icon-lg{width:42px;height:42px}.icon-sm{width:16px;height:16px}.icon-xs{width:13px;height:13px}.preflight{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(180deg,rgba(230,53,218,.05),transparent 28%),#f7f9fc}.preflight-panel{width:min(1080px,100%)}.brand-row{display:flex;align-items:center;gap:10px;font-weight:760;color:var(--ink);margin-bottom:18px}.brand-row.compact{margin-bottom:0}.brand-mark{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:13px;font-weight:780}.preflight-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.preview-frame,.join-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.preview-frame{min-height:520px;overflow:hidden;display:grid;place-items:center;background:#131927}.preview-frame video{width:100%;height:100%;object-fit:cover}.preview-empty{color:#e9eef7;display:grid;justify-items:center;gap:18px}.join-panel{padding:28px;align-self:stretch}.join-panel h1{margin:0 0 24px;font-size:32px;line-height:1.08;letter-spacing:0}.join-panel label{display:grid;gap:8px;font-size:13px;font-weight:680;color:var(--muted)}.join-panel select,.chat-form input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);min-height:44px;padding:0 12px;outline:none}.device-row{display:grid;gap:10px;margin:20px 0 26px;color:var(--muted);font-size:14px}.device-row label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:680}.device-row span{display:flex;align-items:center;gap:8px}.device-row select,.media-settings-panel select{min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 10px;outline:none}.recording-notice{margin:-8px 0 22px;display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:13px;line-height:1.45}.inline-error{margin:-6px 0 18px;padding:10px 12px;border:1px solid #ffd5db;border-radius:8px;background:#fff4f5;color:#ab2636;font-size:13px;line-height:1.35}.auth-note{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.primary-btn,.secondary-btn,.chat-form button{border:0;border-radius:8px;min-height:44px;padding:0 18px;font-weight:760}.primary-btn{width:100%;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.secondary-btn{background:#fff;color:var(--ink)}.call-shell{height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;overflow:hidden;background:#f5f7fb}.call-main{--status-row: 58px;--stage-min: 220px;--toolbar-row: 96px;min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:var(--status-row) minmax(0,1fr) var(--toolbar-row);gap:12px;padding:14px 14px 0;overflow:hidden}.call-main:has(.caption-bar){grid-template-rows:var(--status-row) minmax(0,1fr) auto var(--toolbar-row)}.call-shell.is-embed-mode{height:100vh;background:transparent;pointer-events:none}.call-shell.is-embed-mode .call-main{position:relative;grid-template-rows:minmax(240px,1fr);gap:0;padding:0;background:transparent}.call-shell.is-embed-mode .statusbar,.call-shell.is-embed-mode .caption-bar,.call-shell.is-embed-mode .host-sidebar,.call-shell.is-embed-mode .chat-drawer,.call-shell.is-embed-mode .toolbar-wrap{display:none}.call-shell.is-embed-mode .video-grid{overflow:visible;border-radius:0;background:transparent!important}.call-shell.is-embed-mode .bubble-cloud .video-tile{box-shadow:0 0 0 2px #e635da6b,0 20px 48px #0f172a3d}.call-shell.is-embed-mode .bubble-cloud.count-2 .video-tile.bubble-pair{width:clamp(190px,min(30vw,42vh),380px);height:clamp(190px,min(30vw,42vh),380px)}.call-shell.is-embed-mode.is-embed-screen-sharing{--embed-host-pip-size: clamp(136px, 18vmin, 220px)}.call-shell.is-embed-mode.is-embed-screen-sharing .video-tile.is-local-user{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.72)}.call-shell.is-embed-mode.is-embed-screen-sharing .video-tile:not(.is-local-user){left:calc(100% - (var(--embed-host-pip-size) / 2) - 24px)!important;top:calc((var(--embed-host-pip-size) / 2) + 24px)!important;width:var(--embed-host-pip-size)!important;height:var(--embed-host-pip-size)!important;z-index:6}.statusbar{grid-row:1;height:58px;display:grid;grid-template-columns:minmax(142px,1fr) auto minmax(220px,1fr);align-items:center;gap:16px;padding:0 14px;background:#ffffffeb;border:1px solid var(--line);border-radius:8px}.status-center{min-width:0;justify-self:center}.status-actions{min-width:0;justify-self:end;display:flex;align-items:center;gap:8px}.room-state,.quality{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:14px}.quality{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.top-action-btn{height:40px;min-width:40px}.room-state strong{color:var(--ink);font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-toggle{height:30px;min-width:58px;border:1px solid #ffd5db;border-radius:8px;background:#fff4f5;color:var(--red);font-size:12px;font-weight:780}.recording-toggle.is-active{background:var(--red);border-color:var(--red);color:#fff}.rec{color:var(--red);fill:currentColor}.video-grid{grid-row:2;min-height:0;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#ffffffa8,#eff4fbeb),#eef3f8}.video-tile{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#1688d82e,#17a56b1f),#172033;border:1px solid #263249;display:grid;place-items:center;box-shadow:0 18px 34px #1018282e}.bubble-cloud .video-tile{position:absolute;z-index:2;left:var(--bubble-x);top:var(--bubble-y);width:var(--bubble-size);height:var(--bubble-size);transform:translate(-50%,-50%);animation:bubble-drift 8.5s ease-in-out infinite;animation-delay:var(--bubble-delay);transition:left .52s ease,top .52s ease,width .52s ease,height .52s ease,box-shadow .26s ease,border-color .26s ease}.bubble-cloud .video-tile.bubble-solo,.bubble-cloud .video-tile.bubble-pair{animation-duration:24s}.bubble-cloud .video-tile.bubble-solo{animation:none}.bubble-cloud .video-tile.bubble-focus{z-index:4}.bubble-cloud .video-tile.bubble-orbit{z-index:3;box-shadow:0 12px 24px #10182824}.video-tile.is-active{border-color:var(--brand);box-shadow:0 0 0 3px #e635da3d,0 20px 42px #10182838}.video-tile.is-offline{filter:grayscale(.8);opacity:.58}.tile-avatar{width:min(58%,220px);min-width:42%;min-height:42%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;padding:0 12px;box-sizing:border-box;color:#fff;font-weight:820;line-height:1;text-align:center;overflow:hidden;text-overflow:clip;white-space:nowrap;background:linear-gradient(135deg,var(--brand),var(--blue))}.bubble-orbit .tile-avatar{width:62%;min-width:52%;min-height:52%;padding:0 7px}.tile-video{width:100%;height:100%;object-fit:cover;background:#0f1726}.video-tile.is-mirrored .tile-video[data-source=camera]{transform:scaleX(-1)}.video-tile.is-screen-share .tile-video{object-fit:contain;background:#111827}.screen-share-badge{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border-radius:8px;color:#fff;background:#111827c7;font-size:12px;font-weight:760}.bubble-orbit .screen-share-badge,.is-load-test-media .tile-video{display:none}.tile-footer{position:absolute;left:50%;right:auto;bottom:clamp(18px,11%,62px);z-index:3;box-sizing:border-box;width:min(260px,56%);min-width:min(128px,44%);max-width:56%;height:clamp(30px,6.2%,38px);display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,2.2%,10px);padding:0 clamp(10px,3%,14px);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;background:linear-gradient(180deg,#090f1cd1,#090f1cad);box-shadow:0 10px 20px #080d1833;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%);font-size:13px;font-weight:680;line-height:1;overflow:hidden}.bubble-orbit .tile-footer{left:50%;right:auto;bottom:14%;min-width:0;width:min(104px,50%);max-width:50%;height:26px;justify-content:center;padding:0 10px;font-size:11px;box-shadow:0 7px 15px #080d1829}.bubble-pair .tile-footer{bottom:clamp(8px,8%,34px)}.tile-footer.is-icon-only{width:auto;min-width:0;max-width:none;padding-inline:11px;justify-content:center}.tile-footer>span{flex:1 1 0;min-width:0;padding-left:1px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tile-icons{display:flex;align-items:center;flex:0 0 auto;gap:7px;min-width:max-content}.bubble-orbit .tile-icons{display:none}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));grid-auto-rows:minmax(178px,1fr);gap:12px;align-items:stretch;justify-items:stretch;padding:12px}.tile-grid.count-1{grid-template-columns:minmax(0,min(720px,100%));align-content:center;justify-content:center}.tile-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-grid .video-tile{width:100%;height:100%;min-height:0;border-radius:8px;animation:none;transform:none;box-shadow:0 14px 28px #10182829}.tile-grid .tile-avatar{width:min(38%,156px);min-width:86px;min-height:86px}.tile-grid .tile-footer{bottom:12px;width:min(280px,calc(100% - 24px));max-width:calc(100% - 24px)}@keyframes bubble-drift{0%,to{transform:translate(-50%,-50%) translate(0)}50%{transform:translate(-50%,-50%) translate(var(--bubble-drift-x),var(--bubble-drift-y))}}.caption-bar{grid-row:3;height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:8px;background:#172033;color:#fff;font-size:15px}.caption-bar.is-error{background:#fff4f5;color:#ab2636;border:1px solid #ffd5db}.toolbar-wrap{grid-row:3;min-width:0;position:relative;align-self:end}.call-main:has(.caption-bar) .toolbar-wrap{grid-row:4}.toolbar{height:96px;display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow-x:auto;overflow-y:hidden}.av-control-pad{width:92px;height:76px;display:grid;grid-template-columns:repeat(2,44px);grid-template-rows:repeat(2,36px);gap:4px;flex:0 0 auto}.mic-level{height:9px;width:30px;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;align-items:end}.mic-level span{height:3px;border-radius:999px;background:currentColor;opacity:.2}.mic-level span:nth-child(2),.mic-level span:nth-child(6){height:6px}.mic-level span:nth-child(3),.mic-level span:nth-child(5){height:8px}.mic-level span:nth-child(4){height:9px}.mic-level.is-active span.is-lit{opacity:.95}.mic-level.is-active span:first-child{opacity:.45}.mic-level.is-active span.is-lit:nth-child(n+6){color:var(--amber)}.media-settings-panel{position:absolute;left:0;bottom:calc(100% + 8px);z-index:15;width:min(520px,calc(100vw - 28px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.media-settings-panel label{min-width:0;display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:760}.background-panel{position:absolute;left:0;bottom:calc(100% + 8px);z-index:16;width:min(420px,calc(100vw - 28px));display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.background-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.background-mode,.background-upload{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:13px;font-weight:780}.background-mode.is-selected{color:#fff;background:var(--ink);border-color:var(--ink)}.background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.background-card{min-width:0;position:relative;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);overflow:hidden}.background-card.is-selected{border-color:var(--brand);box-shadow:0 0 0 2px #e635da2e}.background-select{width:100%;min-width:0;display:grid;gap:6px;border:0;padding:5px;background:transparent;color:inherit;text-align:left}.background-select img{width:100%;aspect-ratio:16 / 9;display:block;object-fit:cover;border-radius:6px;background:#eef3f8}.background-select span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px 1px;font-size:12px;font-weight:760}.background-delete{position:absolute;right:8px;top:8px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:8px;color:#fff;background:#0f172ab3}.background-delete svg{width:14px;height:14px}.background-upload{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.background-upload svg{width:16px;height:16px}.background-upload input{display:none}.background-upload.is-disabled{cursor:not-allowed;color:var(--muted);background:#f8fafc}.background-error{margin:0;color:var(--red);font-size:12px;font-weight:700}.tool-btn,.seg-btn,.request-btn,.leave-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:720;white-space:nowrap}.tool-btn svg,.seg-btn svg,.request-btn svg,.leave-btn svg{width:18px;height:18px}.tool-btn.wide{padding:0 12px}.av-pad-btn{position:relative;width:44px;min-width:44px;height:36px}.mic-toggle{overflow:hidden}.mic-toggle .mic-level{position:absolute;left:50%;bottom:4px;transform:translate(-50%);pointer-events:none}.mic-toggle>svg{transform:translateY(-2px)}.av-toggle{grid-column:1 / -1;width:92px;min-width:92px;height:36px;padding:0}.view-toggle{display:inline-flex;align-items:center;flex:0 0 auto;height:44px}.view-toggle-btn{width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--ink)}.view-toggle-btn:first-child{border-radius:8px 0 0 8px}.view-toggle-btn:last-child{margin-left:-1px;border-radius:0 8px 8px 0}.view-toggle-btn svg{width:18px;height:18px}.view-toggle-btn.is-selected{position:relative;z-index:1;color:#fff;background:var(--ink);border-color:var(--ink)}.av-icons,.av-labels{display:flex;align-items:center;justify-content:center}.av-icons{gap:9px}.av-icons svg{width:16px;height:16px}.av-labels{gap:8px;color:inherit;font-size:10px;font-weight:820;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool-btn.is-off{color:var(--red);background:#fff4f5;border-color:#ffd5db}.tool-btn.is-live,.seg-btn.is-selected{color:#fff;background:var(--ink);border-color:var(--ink)}.screen-share-btn.is-live{color:#fff;background:var(--green);border-color:var(--green)}.tool-btn:disabled{cursor:not-allowed;color:#8b92a1;background:#f3f5f8;border-color:#dfe3ea;opacity:.78}.tooltip-wrap{display:inline-flex}.toolbar-segment{display:inline-flex;gap:4px;padding:4px;background:var(--surface-soft);border-radius:8px}.room-switcher{max-width:min(100%,620px)}.seg-btn{background:transparent;border-color:transparent;padding:0 12px}.study-menu{position:relative;display:inline-flex}.study-trigger{position:relative}.study-badge{min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:850;line-height:1}.study-dropdown{position:absolute;left:0;top:calc(100% + 8px);z-index:30;width:min(320px,calc(100vw - 28px));display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.study-create-btn,.study-room-option>button{min-height:42px;border:0;border-radius:8px;background:transparent;color:var(--ink)}.study-create-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px;font-weight:820}.study-create-btn:not(:disabled):hover,.study-room-option:hover{background:var(--surface-soft)}.study-empty{margin:4px 6px 8px;color:var(--muted);font-size:13px}.study-room-option{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;border-radius:8px}.study-room-option.is-selected{background:#fff1fb}.study-room-option>button:first-child{min-width:0;display:grid;justify-items:start;gap:2px;padding:7px 9px;text-align:left}.study-room-option span,.study-room-option small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-room-option span{font-size:13px;font-weight:820}.study-room-option small{color:var(--muted);font-size:11px;font-weight:680}.study-room-close{width:30px;min-width:30px;height:30px;display:grid;place-items:center;color:var(--muted)}.study-room-close svg{width:15px;height:15px}.study-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:#0f172a47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.study-modal{width:min(440px,100%);max-height:min(620px,calc(100vh - 36px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.study-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.study-modal-head div,.study-name-field{min-width:0;display:grid;gap:5px}.study-modal-head strong{font-size:18px}.study-modal-head span,.study-name-field span{color:var(--muted);font-size:12px;font-weight:760}.study-modal-head button{width:34px;height:34px;min-width:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.study-modal-head svg{width:16px;height:16px}.study-name-field input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 11px;color:var(--ink);outline:none}.study-participant-picker{min-height:0;display:grid;gap:4px;overflow-y:auto}.study-participant-picker p{margin:0;padding:10px 0;color:var(--muted);font-size:13px}.study-pick-row{min-height:40px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;border:0;border-radius:8px;padding:0 8px;background:transparent;color:var(--ink);text-align:left}.study-pick-row.is-selected,.study-pick-row:hover{background:var(--surface-soft)}.study-pick-row>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.study-modal-actions .primary-btn,.study-modal-actions .secondary-btn{width:100%}.sidebar-study-list{display:grid;gap:4px;margin:7px 0 3px 28px}.sidebar-study-row{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:8px;padding:0 8px;background:#f5f8fc;color:var(--ink);text-align:left}.sidebar-study-row.is-selected{background:#fff1fb;color:#8e1686}.sidebar-study-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:780}.sidebar-study-row small{color:var(--muted);font-size:11px;font-weight:720}.request-btn{color:#fff;background:var(--brand);border-color:var(--brand);padding:0 14px}.leave-btn{color:#fff;background:var(--red);border-color:var(--red);margin-left:auto}.host-sidebar,.chat-drawer{width:348px;height:100dvh;max-height:100dvh;min-height:0;background:#fff;border-left:1px solid var(--line);overflow:hidden}.host-sidebar{padding:14px;overflow-y:auto}.sidebar-head,.chat-head{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sidebar-head h2{margin:0;font-size:18px;letter-spacing:0}.sidebar-head span{color:var(--brand-dark);font-size:13px;font-weight:760}.course-group{border-top:1px solid var(--line);padding:8px 0}.course-row,.participant-row{width:100%;border:0;background:transparent;display:grid;align-items:center;text-align:left;color:var(--ink)}.course-row{grid-template-columns:24px minmax(0,1fr) 18px;min-height:42px;gap:8px;font-size:13px;font-weight:780}.participant-list{display:grid;gap:3px;margin-left:4px}.participant-row{grid-template-columns:20px 24px minmax(0,1fr) 12px;min-height:36px;gap:7px;border-radius:8px;padding:0 6px;font-size:13px}.participant-row.has-request{background:#fff1fb;color:#8e1686}.participant-row.is-offline{color:#9aa4b2}.queue-no{color:var(--brand-dark);font-weight:820;text-align:center}.check-box{width:18px;height:18px;border-radius:5px;border:1px solid #b8c2d0;display:grid;place-items:center;color:#fff}.check-box svg{width:13px;height:13px}.check-box.is-checked{background:var(--brand);border-color:var(--brand)}.participant-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-dot,.offline-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.offline-dot{background:#b8c2d0}.chat-drawer{display:grid;grid-template-rows:54px minmax(0,1fr) auto;overflow:hidden}.chat-head{padding:0 14px;margin:0;border-bottom:1px solid var(--line);justify-content:flex-start;font-weight:780}.chat-list{min-height:0;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chat-list p{margin:0;padding:10px 12px;background:#f3f6fa;border-radius:8px;color:var(--ink);font-size:14px;line-height:1.35}.chat-list strong{font-weight:780}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 12px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.chat-form button{background:var(--ink);color:#fff}@media(max-width:980px){.preflight-grid{grid-template-columns:1fr}.preview-frame{min-height:320px}.call-shell{grid-template-columns:minmax(0,1fr)}.host-sidebar,.chat-drawer{position:fixed;top:0;right:0;bottom:0;z-index:20;width:min(360px,100vw);height:100dvh;max-height:100dvh;box-shadow:var(--shadow)}.statusbar{height:auto;min-height:58px;grid-template-columns:minmax(0,1fr) auto;padding-block:10px}.status-center{grid-column:1 / -1;grid-row:2;width:100%;justify-self:stretch;display:flex;justify-content:center}.status-actions{grid-column:2;grid-row:1}.status-actions .quality{display:none}.status-center .toolbar-segment{max-width:100%;overflow-x:auto}.bubble-cloud .video-tile.bubble-orbit .tile-footer{display:none}}@media(prefers-reduced-motion:reduce){.bubble-cloud .video-tile{animation:none}}@media(min-width:721px)and (max-width:980px){.call-shell:has(.host-sidebar) .call-main,.call-shell:has(.chat-drawer) .call-main{margin-right:min(360px,46vw)}.host-sidebar,.chat-drawer{width:min(360px,46vw)}}@media(max-width:720px){.call-main{--status-row: auto;--stage-min: 210px;grid-template-rows:var(--status-row) minmax(0,1fr) var(--toolbar-row);padding:8px 8px 0;gap:8px}.call-main:has(.caption-bar){grid-template-rows:var(--status-row) minmax(0,1fr) auto var(--toolbar-row)}.tile-footer{gap:6px;padding:0 8px}.tile-icons{gap:5px}.brand-row.compact{width:100%}.toolbar{border-radius:8px;height:96px}.desktop-app-banner{grid-template-columns:minmax(0,1fr) auto}.desktop-app-banner div{display:grid;gap:2px}.desktop-app-banner a{grid-column:1 / -1;justify-self:stretch}.desktop-app-banner button{grid-column:2;grid-row:1}.media-settings-panel{grid-template-columns:1fr}.tool-btn.wide span,.seg-btn{font-size:12px}.status-actions .request-btn{padding:0 10px}.status-actions .request-btn span{display:none}}