.call-badges{display:flex;align-items:center;gap:5px}.call-badges em:first-child{color:#9de7ba;background:rgba(55,192,126,.14);border-color:rgba(89,216,153,.24)}
.call-video-tile{min-height:150px}.call-video-tile.speaking{border-color:#53dd9e;box-shadow:0 0 0 2px rgba(83,221,158,.24)}.call-video-tile .call-video-element{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.call-video-tile .call-audio-element{display:none}.call-video-tile .call-audio-avatar{display:grid}.call-video-tile.has-video .call-audio-avatar{display:none}.call-video-tile.has-video.camera-off .call-audio-avatar{display:grid}.call-video-tile.has-video.camera-off .call-video-element{opacity:0}.call-video-tile .call-role{left:auto;right:9px;color:#8ee8ff}.call-video-tile .call-tile-name{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meeting-chat-panel{position:absolute;inset:84px 10px 100px;z-index:4;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(6,18,31,.94);backdrop-filter:blur(24px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.32)}.meeting-chat-panel>header{height:62px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between}.meeting-chat-panel>header>div{display:flex;flex-direction:column;gap:3px}.meeting-chat-panel>header b{font-size:13px}.meeting-chat-panel>header small{font-size:8px;color:#8da8bd}.meeting-chat-panel>header button{width:34px;height:34px;border:0;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}.meeting-chat-panel>header img{width:18px;height:18px;filter:brightness(0) invert(1)}
.meeting-chat-list{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.meeting-chat-empty{margin:auto;color:#8da8bd;font-size:10px;text-align:center}.meeting-chat-message{max-width:82%;padding:9px 11px;border-radius:15px;background:rgba(255,255,255,.09);align-self:flex-start}.meeting-chat-message.own{align-self:flex-end;background:#087bea}.meeting-chat-message b{display:block;font-size:8px;color:#8ee8ff;margin-bottom:4px}.meeting-chat-message.own b{color:#dff7ff}.meeting-chat-message p{font-size:11px;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}.meeting-chat-message small{display:block;font-size:7px;color:#9eb2c6;margin-top:4px;text-align:right}
.meeting-chat-composer{height:62px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.09);display:flex;gap:8px}.meeting-chat-composer input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;padding:0 12px;outline:0;font-size:11px}.meeting-chat-composer input::placeholder{color:#829aaf}.meeting-chat-composer button{width:42px;border:0;border-radius:14px;background:#087bea;display:grid;place-items:center}.meeting-chat-composer button img{width:21px;height:21px}
.call-controls{gap:7px;left:10px;right:10px}.call-controls button{width:56px}.call-stage.audience-mode #callMicButton,.call-stage.audience-mode #callCameraButton{opacity:.35}.call-stage.chat-open .call-video-grid{filter:blur(2px);opacity:.35}
@media(max-width:360px){.call-controls{gap:3px}.call-controls button{width:52px}.call-controls button img{width:34px;height:34px}}

/* Meeting launcher */
.meeting-launch-shell{display:flex;flex-direction:column;gap:12px;padding-bottom:4px}.meeting-launch-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;padding:17px;border-radius:22px;background:linear-gradient(135deg,#071d3b 0%,#075ca8 68%,#0aaee2 135%);color:#fff;box-shadow:0 16px 35px rgba(7,75,139,.22)}.meeting-launch-hero:after{content:"";position:absolute;width:150px;height:150px;border:26px solid rgba(255,255,255,.08);border-radius:50%;right:-82px;top:-88px}.meeting-hero-mark{position:relative;z-index:1;width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;backdrop-filter:blur(12px)}.meeting-hero-mark img{width:29px;height:29px;filter:brightness(0) invert(1)}.meeting-launch-hero>div{position:relative;z-index:1}.meeting-launch-hero small{font-size:8px;letter-spacing:.18em;font-weight:900;color:#8fe9ff}.meeting-launch-hero h3{margin:4px 0 3px;font-size:20px;color:#fff!important}.meeting-launch-hero p{margin:0;font-size:9px;color:#d8efff}.meeting-launch-context{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d9eaf7;border-radius:16px;background:#f6fbff}.meeting-launch-context>span{width:34px;height:34px;border-radius:11px;background:#e5f6ff;display:grid;place-items:center}.meeting-launch-context>span img{width:20px;height:20px}.meeting-launch-context p{margin:0;display:flex;flex-direction:column;gap:2px}.meeting-launch-context small{font-size:8px;color:var(--muted)}.meeting-launch-context b{font-size:11px}.meeting-launch-context em{margin-left:auto;font-size:8px;font-style:normal;font-weight:850;color:var(--blue);background:#e9f7ff;padding:5px 7px;border-radius:999px}.meeting-mode-list{display:grid;gap:9px}.meeting-mode-card{width:100%;min-height:92px;display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:11px;padding:13px;border:1px solid #dceaf5;border-radius:20px;background:#fff;text-align:left;box-shadow:0 8px 22px rgba(8,55,104,.045)}.meeting-mode-card.audio{background:linear-gradient(135deg,#f7fbff,#edf8ff)}.meeting-mode-card.video{background:linear-gradient(135deg,#fff,#f4faff)}.meeting-mode-card:active{transform:scale(.985)}.meeting-mode-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#e6f7ff,#d6f1ff);border:1px solid #c7e8f8}.meeting-mode-card.audio .meeting-mode-icon{background:linear-gradient(145deg,#e9f3ff,#ddeaff)}.meeting-mode-icon img{width:27px;height:27px}.meeting-mode-card>div{min-width:0}.meeting-mode-card>div small{display:inline-block;font-size:7px;font-weight:900;color:#087bea;background:#e7f5ff;border-radius:999px;padding:4px 7px;margin-bottom:4px}.meeting-mode-card>div b{display:block;font-size:14px}.meeting-mode-card>div p{margin:4px 0 0;font-size:9px;line-height:1.45;color:var(--muted)}.meeting-mode-card>i{display:grid;place-items:center}.meeting-mode-card>i img{width:19px;height:19px}.meeting-join-existing{width:100%;height:58px;display:flex;align-items:center;gap:10px;border:1px solid #dce8f3;border-radius:17px;background:#fff;padding:9px 12px;text-align:left}.meeting-join-existing>span{width:38px;height:38px;border-radius:13px;background:#f0f7fd;display:grid;place-items:center}.meeting-join-existing>span img{width:22px;height:22px}.meeting-join-existing p{margin:0;display:flex;flex-direction:column;gap:3px}.meeting-join-existing b{font-size:11px}.meeting-join-existing small{font-size:8px;color:var(--muted)}.meeting-join-existing>.ui-glyph{width:18px;height:18px;margin-left:auto}.meeting-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.meeting-feature-row span{padding:9px 5px;border-radius:14px;background:#f5f9fc;text-align:center;display:flex;flex-direction:column;gap:2px}.meeting-feature-row b{font-size:11px;color:#075da9}.meeting-feature-row small{font-size:7px;color:var(--muted)}.meeting-launch-note{margin:0;padding:0 8px;text-align:center;font-size:8px;line-height:1.5;color:var(--muted)}

/* In-call meeting stage */
.call-stage{background:radial-gradient(circle at 50% -10%,#164a75 0%,#071a2e 43%,#040c16 100%)}.call-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(27,177,235,.06),transparent 38%,rgba(83,221,158,.035));z-index:0}.call-stage>header{position:relative;z-index:3;height:96px;padding:18px 14px 12px;background:linear-gradient(180deg,rgba(3,12,22,.8),rgba(3,12,22,0));align-items:flex-start}.call-stage>header .call-heading{min-width:0;align-items:center}.call-stage>header .call-heading p{min-width:0}.call-stage>header .call-heading b{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-head-actions{margin-left:auto!important;display:flex!important;flex-direction:column;align-items:flex-end!important;gap:6px!important}.call-badges{gap:4px;justify-content:flex-end}.call-badges em{font-size:7px!important;padding:4px 6px!important}.call-badges em:nth-child(2){color:#8ee8ff;background:rgba(43,153,208,.14)}#callHostVideoButton{height:30px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;display:flex;align-items:center;gap:5px;padding:0 8px;font-size:7px;font-weight:850;backdrop-filter:blur(14px)}#callHostVideoButton img{width:15px;height:15px;filter:brightness(0) invert(1)}#callHostVideoButton.off{background:rgba(216,75,89,.2);border-color:rgba(255,111,124,.28)}.call-policy-strip{position:absolute;z-index:3;left:50%;top:88px;transform:translateX(-50%);height:30px;white-space:nowrap;display:flex;align-items:center;gap:6px;padding:0 11px;border-radius:999px;background:rgba(216,75,89,.2);border:1px solid rgba(255,121,133,.28);color:#ffd9dc;font-size:8px;font-weight:800;backdrop-filter:blur(16px)}.call-policy-strip img{width:15px;height:15px;filter:brightness(0) invert(1)}.call-video-grid{position:relative;z-index:1;padding-top:16px}.call-video-tile{background:linear-gradient(145deg,#123450,#071827);box-shadow:0 12px 30px rgba(0,0,0,.2)}.call-stage.video-policy-off .call-video-tile .call-video-element{opacity:0}.call-stage.video-policy-off .call-video-tile .call-audio-avatar{display:grid}.call-stage.audio-conference .call-video-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:175px;align-content:center}.call-stage.audio-conference .call-video-tile{border-radius:28px;background:linear-gradient(145deg,rgba(20,55,84,.92),rgba(7,25,41,.92))}.call-stage.audio-conference .call-audio-avatar img{width:84px;height:84px;border-radius:29px;box-shadow:0 13px 32px rgba(0,0,0,.28)}.call-controls{z-index:5;height:72px;border-radius:25px;background:rgba(4,15,27,.82);box-shadow:0 16px 38px rgba(0,0,0,.3)}.call-controls button img{transition:.18s ease}.call-controls button:active img{transform:scale(.9)}

html[data-theme="dark"] .meeting-launch-context,html[data-theme="dark"] .meeting-mode-card,html[data-theme="dark"] .meeting-join-existing{background:#17252e;border-color:#2a3d48}html[data-theme="dark"] .meeting-mode-card.audio,html[data-theme="dark"] .meeting-mode-card.video{background:linear-gradient(135deg,#17252e,#14232c)}html[data-theme="dark"] .meeting-mode-icon,html[data-theme="dark"] .meeting-launch-context>span{background:#203744;border-color:#2f4c5c}html[data-theme="dark"] .meeting-feature-row span{background:#17252e}html[data-theme="dark"] .meeting-mode-card>div p,html[data-theme="dark"] .meeting-launch-note{color:#91a4af}

@media(max-width:360px){.meeting-launch-hero{padding:14px}.meeting-mode-card{min-height:86px;padding:11px}.call-stage>header .call-heading b{max-width:120px}#callHostVideoButton span{display:none}#callHostVideoButton{width:30px;padding:0;justify-content:center}.call-badges em:last-child{display:none}}

/* MIOIM Host Space — count-free, host-centred meeting experience */
.meeting-access-loading{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.meeting-access-loading>span{width:36px;height:36px;border:3px solid #d8eaf7;border-top-color:#087bea;border-radius:50%;animation:mioimSpin .8s linear infinite}.meeting-access-loading b{font-size:14px}.meeting-access-loading small{font-size:9px;color:var(--muted)}@keyframes mioimSpin{to{transform:rotate(360deg)}}
.host-space-hero{min-height:116px;background:radial-gradient(circle at 86% 10%,rgba(143,233,255,.42),transparent 32%),linear-gradient(135deg,#061b38 0%,#075da9 60%,#08a7db 125%)}
.meeting-host-pass{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cfeadd;border-radius:17px;background:linear-gradient(135deg,#f2fcf7,#edf9ff)}.meeting-host-pass>span{width:38px;height:38px;border-radius:13px;background:#fff;display:grid;place-items:center}.meeting-host-pass>span img{width:23px;height:23px}.meeting-host-pass p{margin:0;display:flex;flex-direction:column;gap:3px}.meeting-host-pass p b{font-size:11px}.meeting-host-pass p small{font-size:8px;color:var(--muted)}.meeting-host-pass em{margin-left:auto;font-size:7px;font-style:normal;font-weight:900;color:#117b50;background:#dcf6e9;padding:5px 7px;border-radius:999px}
.meeting-access-card{position:relative;overflow:hidden;min-height:214px;padding:20px;border-radius:24px;background:radial-gradient(circle at 95% 0,rgba(83,211,255,.23),transparent 37%),linear-gradient(145deg,#071a32,#0a3158);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}.meeting-access-card>span{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center}.meeting-access-card>span img{width:30px;height:30px;filter:brightness(0) invert(1)}.meeting-access-card>small{margin-top:10px;color:#83dcff;font-size:7px;font-weight:900;letter-spacing:.2em}.meeting-access-card h3{margin:5px 0;color:#fff!important;font-size:18px}.meeting-access-card p{max-width:260px;margin:0;color:#bdd2e4;font-size:9px;line-height:1.55}.meeting-access-card button{height:43px;margin-top:15px;padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#fff;color:#07386b;font-size:10px;font-weight:850}.meeting-access-card button b{color:#087bea}
#callHostControlButton{height:31px;border:1px solid rgba(126,222,255,.22);border-radius:11px;background:linear-gradient(135deg,rgba(30,119,184,.34),rgba(255,255,255,.08));color:#fff;display:flex;align-items:center;gap:6px;padding:0 9px;font-size:7px;font-weight:850;backdrop-filter:blur(16px)}#callHostControlButton img{width:15px;height:15px;filter:brightness(0) invert(1)}
.call-stage{background:radial-gradient(circle at 50% 31%,#123b63 0%,#06182b 48%,#02070d 100%)}.call-stage:after{content:"";position:absolute;inset:96px 0 84px;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(54,192,255,.12),transparent 32%),radial-gradient(circle at 12% 76%,rgba(84,255,205,.06),transparent 26%);z-index:0}.call-video-grid{grid-auto-rows:132px;align-content:start;gap:9px;padding:18px 12px 110px}.call-video-tile{min-height:132px;border-radius:24px;background:linear-gradient(145deg,rgba(18,54,83,.96),rgba(4,17,30,.96));transition:.25s ease}.call-video-tile.host-tile{grid-column:1/-1;min-height:278px;border-radius:34px;border-color:rgba(109,213,255,.3);box-shadow:0 24px 62px rgba(0,0,0,.34),0 0 0 1px rgba(112,216,255,.06) inset}.call-video-tile.host-tile:before{content:"HOST SPACE";position:absolute;z-index:2;left:14px;top:13px;padding:5px 8px;border-radius:999px;background:rgba(1,13,25,.55);border:1px solid rgba(133,222,255,.2);color:#8fe7ff;font-size:7px;font-weight:900;letter-spacing:.16em;backdrop-filter:blur(12px)}.call-video-tile.host-tile .call-role{right:13px;bottom:13px;color:#fff;background:linear-gradient(135deg,#087bea,#0aaeda);font-weight:900}.call-video-tile.host-tile .call-tile-name{left:13px;bottom:13px;font-size:10px;padding:7px 10px;background:rgba(1,11,21,.6);backdrop-filter:blur(12px)}
.host-orbit{display:none}.host-tile.audio-only .host-orbit,.host-tile.camera-off .host-orbit{display:block;position:absolute;inset:0;pointer-events:none}.host-orbit i{position:absolute;left:50%;top:50%;border:1px solid rgba(104,214,255,.15);border-radius:50%;transform:translate(-50%,-50%);animation:hostPulse 4.8s ease-in-out infinite}.host-orbit i:nth-child(1){width:130px;height:130px}.host-orbit i:nth-child(2){width:195px;height:195px;animation-delay:-1.3s}.host-orbit i:nth-child(3){width:260px;height:260px;animation-delay:-2.6s}@keyframes hostPulse{50%{opacity:.35;transform:translate(-50%,-50%) scale(1.06)}}.call-video-tile.host-tile .call-audio-avatar{background:radial-gradient(circle at 50% 50%,rgba(20,111,173,.78),rgba(4,17,30,.92) 55%)}.call-video-tile.host-tile .call-audio-avatar img{width:98px;height:98px;border-radius:34px;box-shadow:0 0 0 10px rgba(112,219,255,.06),0 18px 45px rgba(0,0,0,.36)}
.call-stage.audio-conference .call-video-grid{grid-auto-rows:132px;align-content:start}.call-stage.audio-conference .call-video-tile.host-tile{grid-column:1/-1;min-height:300px;border-radius:36px}.call-stage.audio-conference .call-video-tile.host-tile .call-audio-avatar img{width:108px;height:108px;border-radius:38px}
.call-empty-state{z-index:2;left:12px;right:12px;top:auto;bottom:100px;transform:none;width:auto;min-height:52px;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(4,18,31,.72);backdrop-filter:blur(18px);display:grid;grid-template-columns:38px 1fr;column-gap:10px;text-align:left}.call-empty-state img{grid-row:1/3;width:38px;height:38px;border-radius:13px}.call-empty-state b{font-size:10px}.call-empty-state small{font-size:8px;line-height:1.4}
.host-control-panel{position:absolute;z-index:8;inset:86px 10px 96px;padding:14px;border:1px solid rgba(132,220,255,.18);border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(51,174,233,.16),transparent 38%),rgba(4,16,29,.95);backdrop-filter:blur(26px);box-shadow:0 26px 70px rgba(0,0,0,.42);overflow-y:auto}.host-control-panel>header{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 14px}.host-control-panel>header>div{display:flex;flex-direction:column;gap:3px}.host-control-panel>header small{color:#76d9ff;font-size:7px;font-weight:900;letter-spacing:.18em}.host-control-panel>header b{font-size:16px}.host-control-panel>header button{width:34px;height:34px;border:0;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}.host-control-panel>header button img{width:18px;height:18px;filter:brightness(0) invert(1)}.host-control-intro{display:flex;align-items:center;gap:11px;padding:13px;margin-bottom:10px;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:rgba(255,255,255,.045)}.host-control-intro>span{width:47px;height:47px;border-radius:16px;overflow:hidden;flex:0 0 auto}.host-control-intro img{width:100%;height:100%}.host-control-intro p{margin:0;display:flex;flex-direction:column;gap:4px}.host-control-intro b{font-size:11px}.host-control-intro small{color:#91a9bd;font-size:8px;line-height:1.45}.host-policy-button{width:100%;min-height:76px;margin-top:9px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(135deg,rgba(18,59,92,.75),rgba(11,31,51,.75));color:#fff;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;text-align:left}.host-policy-button>span{width:44px;height:44px;border-radius:15px;background:rgba(93,208,255,.12);display:grid;place-items:center}.host-policy-button>span img{width:25px;height:25px;filter:brightness(0) invert(1)}.host-policy-button p{margin:0;display:flex;flex-direction:column;gap:4px}.host-policy-button p b{font-size:11px}.host-policy-button p small{font-size:8px;color:#98afc2}.host-policy-button em{padding:5px 7px;border-radius:999px;background:rgba(77,220,158,.13);color:#8ee6b9;font-size:7px;font-style:normal;font-weight:900}.host-policy-button.off{border-color:rgba(255,135,148,.2);background:linear-gradient(135deg,rgba(85,31,45,.65),rgba(32,22,35,.72))}.host-policy-button.off em{background:rgba(255,111,124,.13);color:#ffb9c0}
.meeting-chat-panel.chat-locked .meeting-chat-composer{opacity:.55}.meeting-chat-panel.chat-locked #meetingChatPolicy{color:#ffbdc4}.meeting-chat-composer button:disabled{opacity:.38}
.call-stage.chat-open .call-video-grid,.call-stage.host-controls-open .call-video-grid{filter:blur(3px);opacity:.28}.call-stage.host-controls-open .call-empty-state{opacity:.2}
html[data-theme="dark"] .meeting-host-pass{background:linear-gradient(135deg,#17332d,#152b35);border-color:#295046}html[data-theme="dark"] .meeting-access-loading small{color:#91a4af}
@media(max-width:360px){#callHostControlButton span{display:none}#callHostControlButton{width:31px;padding:0;justify-content:center}.call-video-tile.host-tile{min-height:250px}.call-stage.audio-conference .call-video-tile.host-tile{min-height:272px}.host-control-panel{left:7px;right:7px}}

/* Searchable, locally-derived MIOIM meeting IDs */
.meeting-id-search{padding:13px;border:1px solid #d7e7f3;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#eef8ff);box-shadow:0 8px 24px rgba(8,70,125,.06)}.meeting-id-search>div{display:flex;align-items:center;gap:7px}.meeting-id-search>div small{font-size:7px;font-weight:900;letter-spacing:.15em;color:#087bea}.meeting-id-search>div b{font-size:12px}.meeting-id-search>p{margin:4px 0 10px;font-size:8px;color:var(--muted)}.meeting-id-search>label{height:45px;display:flex;align-items:center;border:1px solid #cfe2ef;border-radius:14px;background:#fff;overflow:hidden}.meeting-id-search>label>span{width:40px;display:grid;place-items:center}.meeting-id-search>label>span img{width:20px;height:20px}.meeting-id-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:800 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.02em;text-transform:uppercase}.meeting-id-search label button{align-self:stretch;border:0;background:#087bea;color:#fff;padding:0 13px;font-size:9px;font-weight:900}
.meeting-id-join-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px;margin-bottom:13px;border-radius:22px;background:radial-gradient(circle at 85% 10%,rgba(103,222,255,.26),transparent 35%),linear-gradient(145deg,#071b35,#0b5b9d);color:#fff}.meeting-id-join-hero>span{width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.12);display:grid;place-items:center}.meeting-id-join-hero>span img{width:29px;height:29px;filter:brightness(0) invert(1)}.meeting-id-join-hero small{margin-top:9px;font-size:7px;letter-spacing:.16em;color:#8fe5ff;font-weight:900}.meeting-id-join-hero h3{margin:4px 0 3px;color:#fff!important;font-size:19px}.meeting-id-join-hero p{margin:0;font-size:8px;color:#c5dced}
.call-host-tools{display:flex;align-items:center;gap:5px}#callMeetingIdButton{height:31px;max-width:132px;padding:0 8px;border:1px solid rgba(126,222,255,.2);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;backdrop-filter:blur(16px)}#callMeetingIdButton small{font-size:5px;color:#8bdfff;letter-spacing:.08em}#callMeetingIdButton b{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 6px ui-monospace,SFMono-Regular,monospace}
html[data-theme="dark"] .meeting-id-search{background:linear-gradient(145deg,#17252e,#142a36);border-color:#2a414f}html[data-theme="dark"] .meeting-id-search>label{background:#111e26;border-color:#2b4656}html[data-theme="dark"] .meeting-id-search input{color:#ecf5fa}
@media(max-width:360px){#callMeetingIdButton{max-width:102px}#callMeetingIdButton b{max-width:86px}.meeting-id-search label button{padding:0 10px}}

/* Chat-first meeting invitations */
.chat-meeting-invite-shell{display:grid;gap:11px;padding-bottom:3px}.chat-meeting-create{display:grid;gap:9px}.chat-meeting-invite-shell .meeting-mode-card{min-height:82px;padding:11px 12px}.chat-meeting-invite-shell .meeting-mode-icon{width:43px;height:43px;border-radius:14px}.chat-meeting-invite-shell .meeting-mode-icon img{width:24px;height:24px}.chat-meeting-invite-shell .meeting-mode-card>div b{font-size:13px}.chat-meeting-invite-shell .meeting-mode-card>div p{margin-top:3px}.chat-current-meeting{height:auto;min-height:60px;background:linear-gradient(135deg,#edf9ff,#f7fbff);border-color:#cce9f7}.chat-current-meeting p{min-width:0}.chat-current-meeting small{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meeting-id-search{margin-top:1px}.chat-meeting-id-search>label>select{align-self:stretch;width:58px;border:0;border-left:1px solid #dce8f1;background:#f3f8fb;color:var(--ink);font-size:9px;font-weight:850;text-align:center;outline:0}.chat-meeting-id-search>label>button:disabled{opacity:.58}.chat-meeting-invite-shell .meeting-launch-context{margin:0}
html[data-theme="dark"] .chat-current-meeting{background:linear-gradient(135deg,#17252e,#142a36);border-color:#2a414f}html[data-theme="dark"] .chat-meeting-id-search>label>select{background:#1a2b35;color:#ecf5fa;border-left-color:#2b4656}
@media(max-width:360px){.chat-meeting-id-search>label>select{width:52px}.chat-current-meeting small{max-width:185px}}

/* MIOIM Space Builder and branded invitations */
.meeting-config-shell{display:grid;gap:12px;padding-bottom:4px}.meeting-config-hero{position:relative;overflow:hidden;min-height:112px;padding:17px;border-radius:23px;background:radial-gradient(circle at 92% 0,rgba(101,229,255,.34),transparent 38%),linear-gradient(135deg,#06172d,#084f90 62%,#079fd0 130%);color:#fff;display:flex;align-items:center;gap:13px;box-shadow:0 16px 36px rgba(7,65,119,.22)}.meeting-config-hero:after{content:"";position:absolute;right:-55px;bottom:-80px;width:150px;height:150px;border:1px solid rgba(151,231,255,.22);border-radius:50%;box-shadow:0 0 0 22px rgba(115,220,255,.04),0 0 0 44px rgba(115,220,255,.025)}.meeting-config-hero>span{position:relative;z-index:1;width:51px;height:51px;flex:0 0 auto;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.1);display:grid;place-items:center;backdrop-filter:blur(14px)}.meeting-config-hero>span img{width:28px;height:28px;filter:brightness(0) invert(1)}.meeting-config-hero>div{position:relative;z-index:1}.meeting-config-hero small{font-size:7px;font-weight:900;letter-spacing:.18em;color:#8ee7ff}.meeting-config-hero h3{margin:5px 0 4px!important;color:#fff!important;font-size:18px}.meeting-config-hero p{margin:0;font-size:8px;line-height:1.5;color:#c5e1f2}.meeting-config-form{padding:13px;border:1px solid var(--line);border-radius:21px;background:#f8fafb}.meeting-config-form label{font-size:9px}.meeting-config-form input,.meeting-config-form select,.meeting-config-form textarea{background:#fff}.meeting-config-form textarea{resize:none;line-height:1.55;padding-top:11px}.meeting-copy-hint{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d9e7ee;border-radius:17px;background:linear-gradient(135deg,#f5f8fa,#edf4f6)}.meeting-copy-hint>span{width:36px;height:36px;flex:0 0 auto;border-radius:12px;background:#fff;display:grid;place-items:center}.meeting-copy-hint img{width:21px;height:21px}.meeting-copy-hint p{margin:0;display:flex;flex-direction:column;gap:3px}.meeting-copy-hint b{font-size:10px}.meeting-copy-hint small{font-size:8px;line-height:1.45;color:var(--muted)}
.meeting-entry-card,.meeting-invite-preview{position:relative;overflow:hidden;border-radius:25px;background:radial-gradient(circle at 92% 0,rgba(69,205,255,.28),transparent 35%),linear-gradient(145deg,#061529,#0a3155);color:#fff}.meeting-entry-card{padding:22px 18px;margin-bottom:13px;text-align:center;display:flex;flex-direction:column;align-items:center}.meeting-entry-card>span{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center}.meeting-entry-card>span img{width:29px;height:29px;filter:brightness(0) invert(1)}.meeting-entry-card>small{margin-top:10px;color:#82dcff;font-size:7px;font-weight:900;letter-spacing:.14em}.meeting-entry-card h3{margin:6px 0 4px!important;color:#fff!important;font-size:19px}.meeting-entry-card p{margin:0;color:#a9c2d4;font-size:9px}.meeting-entry-card>b{margin-top:13px;padding:7px 10px;border:1px solid rgba(124,218,255,.17);border-radius:10px;background:rgba(255,255,255,.06);font:800 8px ui-monospace,SFMono-Regular,monospace;color:#d7f4ff}.meeting-brand-line{text-align:center;margin:12px 0 0;font-size:9px;font-weight:850;color:#1f6b96}.meeting-invite-preview{padding:17px;margin-bottom:13px;box-shadow:0 18px 42px rgba(4,33,62,.25)}.meeting-invite-preview:after{content:"";position:absolute;right:-74px;top:-76px;width:165px;height:165px;border:1px solid rgba(117,223,255,.18);border-radius:50%;box-shadow:0 0 0 25px rgba(117,223,255,.035)}.meeting-invite-brand{position:relative;z-index:1;display:flex;align-items:center;gap:9px}.meeting-invite-brand img{width:38px;height:38px;border-radius:12px}.meeting-invite-brand span{display:flex;flex-direction:column;gap:2px}.meeting-invite-brand small{font-size:6px;letter-spacing:.16em;color:#86e2ff;font-weight:900}.meeting-invite-brand b{font-size:10px}.meeting-invite-preview h3{position:relative;z-index:1;margin:16px 0 3px!important;color:#fff!important;font-size:20px}.meeting-invite-preview>p{position:relative;z-index:1;margin:0;color:#98b7ca;font-size:9px}.meeting-invite-preview blockquote{position:relative;z-index:1;margin:13px 0;padding:11px 12px;border-left:2px solid #43c9f1;border-radius:0 13px 13px 0;background:rgba(255,255,255,.055);font-size:9px;line-height:1.6;color:#d6e5ef}.meeting-invite-id{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.045)}.meeting-invite-id small{font-size:7px;color:#83dfff}.meeting-invite-id b{max-width:210px;overflow:hidden;text-overflow:ellipsis;font:800 8px ui-monospace,SFMono-Regular,monospace}.meeting-invite-preview>a{position:relative;z-index:1;display:block;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#78dfff;font-size:8px}.meeting-invite-preview footer{position:relative;z-index:1;margin-top:14px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08);font-size:8px;letter-spacing:.04em;color:#a5bed0}.meeting-id-only{width:100%;margin-top:10px;border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:850;padding:7px}

/* In-room information rail and persistent encrypted chat dock */
.call-stage:before{background-image:linear-gradient(rgba(105,207,245,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(105,207,245,.035) 1px,transparent 1px),radial-gradient(circle at 50% 28%,rgba(34,151,218,.16),transparent 36%);background-size:30px 30px,30px 30px,100% 100%;mask-image:linear-gradient(to bottom,transparent 2%,#000 20%,#000 82%,transparent)}.meeting-context-bar{position:absolute;z-index:3;left:10px;right:10px;top:94px;min-height:70px;padding:10px 12px;border:1px solid rgba(125,218,255,.14);border-radius:19px;background:linear-gradient(135deg,rgba(9,38,63,.88),rgba(5,22,38,.78));backdrop-filter:blur(22px);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;box-shadow:0 14px 36px rgba(0,0,0,.18)}.meeting-context-bar>span{align-self:stretch;min-width:76px;padding-right:11px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:center;gap:4px}.meeting-context-bar>span small{font-size:5px;letter-spacing:.14em;color:#68d7ff;font-weight:900}.meeting-context-bar>span b{font-size:10px}.meeting-context-bar>div{min-width:0}.meeting-context-bar>div b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#dff7ff}.meeting-context-bar>div p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 0;font-size:7px;line-height:1.45;color:#8fa9bb}.call-policy-strip{top:170px}.call-video-grid{padding:92px 12px 322px}.call-video-tile.host-tile{min-height:240px}.call-empty-state{bottom:314px}.meeting-chat-panel{inset:auto 10px 98px;height:210px;z-index:6;border:1px solid rgba(116,216,255,.16);border-radius:22px;background:linear-gradient(155deg,rgba(8,32,53,.96),rgba(4,17,30,.94));box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 0 1px rgba(113,216,255,.025) inset;transition:height .24s ease,inset .24s ease}.meeting-chat-panel.expanded{inset:108px 10px 98px;height:auto}.meeting-chat-panel>header{height:48px;flex:0 0 48px;padding:8px 10px 8px 12px}.meeting-chat-panel>header>div{min-width:0}.meeting-chat-panel>header>div>b{display:flex;align-items:center;gap:6px;font-size:10px}.meeting-chat-panel>header>div>b i{width:6px;height:6px;border-radius:50%;background:#4ce09a;box-shadow:0 0 0 4px rgba(76,224,154,.1)}.meeting-chat-panel>header small{font-size:7px}.meeting-chat-panel>header>span{display:flex;align-items:center;gap:6px}.meeting-chat-panel>header>span>button{width:31px;height:31px}.meeting-chat-panel>header>span>button img{transition:.2s ease}.meeting-chat-panel.expanded>header>span>button:last-child img{transform:rotate(180deg)}.meeting-chat-host-toggle{width:auto!important;padding:0 9px!important;border:1px solid rgba(103,220,255,.16)!important;color:#87e3ff!important;font-size:7px!important;font-weight:900!important}.meeting-chat-host-toggle.off{border-color:rgba(255,128,142,.18)!important;color:#ffb6bd!important;background:rgba(118,43,54,.28)!important}.meeting-chat-list{padding:7px 10px;gap:6px}.meeting-chat-empty{font-size:8px}.meeting-chat-message{padding:7px 9px;border-radius:12px}.meeting-chat-message p{font-size:9px}.meeting-chat-composer{height:54px;flex:0 0 54px;padding:7px 8px}.meeting-chat-composer input{border-radius:13px;font-size:9px}.meeting-chat-composer button{width:39px;border-radius:13px}.call-stage.chat-open .call-video-grid{filter:none;opacity:1}.call-stage.chat-expanded .call-video-grid{filter:blur(2px);opacity:.26}.call-stage.chat-expanded .call-empty-state{opacity:.15}.call-stage.host-controls-open .meeting-context-bar{opacity:.25}.call-controls{border-color:rgba(116,216,255,.14);background:linear-gradient(135deg,rgba(8,31,51,.91),rgba(3,15,27,.9));box-shadow:0 16px 38px rgba(0,0,0,.36),0 0 28px rgba(32,157,218,.055)}
html[data-theme="dark"] .meeting-config-form,html[data-theme="dark"] .meeting-copy-hint{background:#17252e;border-color:#2a3d48}html[data-theme="dark"] .meeting-config-form input,html[data-theme="dark"] .meeting-config-form select,html[data-theme="dark"] .meeting-config-form textarea{background:#111e26;color:#ecf5fa}
@media(max-width:360px){.meeting-context-bar{left:7px;right:7px}.meeting-chat-panel{left:7px;right:7px}.meeting-invite-preview{padding:15px}.meeting-invite-id b{max-width:178px}.call-video-grid{padding-left:8px;padding-right:8px}}
.call-stage:not([hidden])~.modal-backdrop{z-index:70}.call-stage:not([hidden])~.modal{z-index:71}