/* Focused session workspace. Layout changes never move or recreate live media. */
.in-live-session{min-height:100dvh;--header-height:56px;--session-radius:44px;background:#eaf0f5;background-image:radial-gradient(ellipse at 12% 4%,#f8fbff 0,transparent 56%),radial-gradient(ellipse at 95% 95%,#e1e8f4 0,transparent 58%);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed}
.in-live-session #live-room-view{animation:none}
.in-live-session .topbar{background:#ffffff70;border-color:#ffffff70;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.in-live-session .top-inner{max-width:1680px;padding:0 24px;grid-template-columns:1fr;grid-template-rows:1fr;gap:0}
.in-live-session .site-nav,.in-live-session .top-right{display:none}
.in-live-session .identity{font-size:10px}
.in-live-session .app-icon{width:30px;height:30px;border-radius:11px;box-shadow:none}
.in-live-session .site-nav a{font-size:11px;padding:7px 14px;border-radius:999px}
.in-live-session #live-call{max-width:1680px;top:calc(var(--header-height) + 14px);left:24px;right:24px;bottom:max(10px,env(safe-area-inset-bottom));gap:0}
/* Retain the existing IDs for session updates; show only the waiting countdown. */
.in-live-session .live-call-heading>div:first-child,.in-live-session #live-phase,.in-live-session .live-panel-heading,.in-live-session #live-workspace-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.in-live-session .live-call-heading{flex:none;min-height:0;margin:0 0 10px;justify-content:center}
.in-live-session .live-call-heading:not(:has(.live-waiting-clock:not([hidden]))){display:none}
.in-live-session .live-waiting-clock{display:flex;align-items:center;gap:10px;margin:0;padding:7px 16px;background:#ffffff85;border-radius:999px;color:#526278}
.in-live-session .live-waiting-clock>span{font-size:11px}
.in-live-session .live-waiting-clock strong{font-size:16px;color:#25354b;font-variant-numeric:tabular-nums}
.in-live-session .live-call-status,.in-live-session .live-recording-status{font-size:11px;line-height:1.5;margin:0 0 8px;min-height:0;flex:none;color:#536176}
.in-live-session .live-call-status:empty{display:none}
.in-live-session .live-session-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2.5fr);grid-template-rows:clamp(100px,18dvh,160px) minmax(0,1fr);gap:16px;min-height:0;align-items:stretch}
.in-live-session .live-participants-panel{grid-column:1 / -1;grid-row:1;min-width:0;min-height:0;overflow:hidden;display:block;container-type:normal}
.in-live-session .live-video-grid{display:flex;justify-content:flex-start;gap:10px;height:100%;max-height:none;min-height:0;padding:0;overflow:hidden;container-type:size;align-items:center}
/* Auto margins center short rosters and become zero when the strip overflows. */
.in-live-session .live-video-tile:first-child{margin-inline-start:auto}
.in-live-session .live-video-tile:last-child{margin-inline-end:auto}
.in-live-session .live-video-tile{flex:none;width:min(calc(100cqh * 4 / 3),calc((100cqw - (var(--participant-count,4) - 1) * 10px) / var(--participant-count,4)));height:auto;max-height:100%;min-width:0;aspect-ratio:4/3;border-radius:30px;background:#27364c;box-shadow:inset 0 0 0 1px #ffffff15,0 3px 10px #20375006}
.in-live-session .live-video-tile:nth-child(3n+2){background:#34464c}
.in-live-session .live-video-tile:nth-child(3n+3){background:#454257}
.in-live-session .live-avatar{inset:0 0 30px;color:#e4eaf3;font-size:29px;font-weight:450;background:none}
.in-live-session .live-video-tile strong{left:13px;bottom:13px;right:10px;font-size:11px;font-weight:550}
.in-live-session .live-peer-status{display:none}
.in-live-session .live-video-tile:after{background:linear-gradient(transparent,#142030a8)}
.in-live-session .live-video-tile .live-speaking-badge{width:24px;height:24px;top:10px;right:10px}
.in-live-session .live-video-tile.is-speaking:before{corner-shape:inherit;border-width:2px;border-color:#61d8a5}
/* Clues take 3/8 and the shared sheet 5/8 of the lower workspace. */
.in-live-session .live-private-panel{grid-column:1;grid-row:2;align-self:stretch;max-height:100%;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:0;padding:0;border:1px solid #ffffffc0;border-radius:var(--session-radius);background:#ffffff80;box-shadow:0 8px 30px #263d5c04}
.in-live-session .live-private-panel>summary{position:sticky;top:0;z-index:1;background:#f4f7fbeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:18px 24px;border:0;gap:10px}
.in-live-session .live-private-heading{font-size:14px;gap:11px;line-height:1.35;letter-spacing:-.2px;color:#24334a}
.in-live-session .live-private-heading>svg{width:18px;height:18px;color:#667892;flex:none}
.in-live-session .live-private-heading small{font-size:10px;color:#65758a;font-weight:400;letter-spacing:0;margin-top:4px}
.in-live-session .live-private-count{font-size:10px;color:#65758a;background:none;padding:0;white-space:nowrap}
.in-live-session .live-private-chevron{width:13px;height:13px;color:#65758a;flex:none}
.in-live-session .live-private-help,.in-live-session .live-private-waiting{padding:0 24px;margin:0 0 10px;font-size:11px;line-height:1.7;color:#65758a}
.in-live-session .live-private-list{max-height:none;overflow:visible;padding:0 24px 18px;gap:0;display:block}
.in-live-session .live-private-list li{border:0;border-top:1px solid #7088a51c;border-radius:0;padding:17px 0;background:none}
.in-live-session .live-private-card-label{display:none}
.in-live-session .live-private-list p{font-size:14px;line-height:1.75;color:#293b52;margin:0}
.in-live-session .live-session-materials{grid-column:2;grid-row:2;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding:0;scrollbar-width:thin;border-radius:var(--session-radius)}
.in-live-session .live-session-layout:has(>.live-private-panel[hidden]) .live-session-materials{grid-column:1 / -1}
.in-live-session .live-session-materials:has(.live-board-panel:not([hidden])){overflow:hidden}
.in-live-session .live-board-panel{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;border:0;border-radius:var(--session-radius);background:#ffffffd9;box-shadow:0 8px 30px #263d5c04;overflow:hidden}
.in-live-session .live-board-heading{flex:none;padding:18px 24px 0;border:0}
.in-live-session .live-board-heading p{font-size:11px;line-height:1.6;color:#65758a;margin:0;max-width:none}
.in-live-session .live-board-tools{position:absolute;top:12px;left:16px;right:16px;z-index:3;flex:none;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;padding:0;background:none;border:0}
.in-live-session .live-board-ownership{gap:10px}
.in-live-session .live-board-ownership button{display:grid;place-items:center;width:40px;height:40px;min-height:40px;border-radius:50%;padding:0;background:#263b56;color:#fff}
.in-live-session .live-board-ownership button[aria-pressed=true]{background:#e6f4ed;color:#246749}
.in-live-session .live-board-ownership>span{font-size:10px;color:#65758a;max-width:160px;overflow-wrap:anywhere}
.in-live-session .live-board-tool-options{margin:0;gap:6px;align-items:center}
 .in-live-session .live-tool-select,.in-live-session .live-board-tool-options button,.in-live-session .live-board-info>summary{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;min-height:40px;border:0;border-radius:50%;padding:0;background:#eaf0f680;color:#52677f;cursor:pointer}
.in-live-session .live-board-tools svg{width:19px;height:19px}
.in-live-session .live-tool-select select{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer;padding:0}
.in-live-session .live-tool-select:has(select:disabled){opacity:.45;cursor:default}
.in-live-session .live-tool-select:focus-within{outline:2px solid #3266a6;outline-offset:3px}
.in-live-session .live-board-info{margin-left:auto;padding:0;border:0;flex:none}
.in-live-session .live-board-info>summary{list-style:none;background:none}
.in-live-session .live-board-info>summary::-webkit-details-marker{display:none}
.in-live-session .live-board-info[open]>summary{background:#eaf0f6}
.in-live-session .live-board-info p{position:absolute;right:0;top:48px;z-index:4;max-width:280px;margin:0;padding:16px 18px;border:1px solid #dfe7f0;border-radius:24px;background:#f8fbff;color:#53677f;font-size:12px;line-height:1.7;box-shadow:0 8px 28px #263d5c15}
/* The complete shared coordinate space adapts to the available column. */
.in-live-session .live-board-panel .live-board-sheet{position:absolute;inset:0;min-height:0;display:block;overflow:hidden;padding:0;background:none}
.in-live-session #live-board-canvas{width:100%;max-width:none;height:100%;aspect-ratio:auto;border:0;border-radius:0;background-color:transparent;background-image:radial-gradient(#bfcddd .65px,transparent .65px);background-size:20px 20px}
.in-live-session .live-board-notes{position:absolute;bottom:12px;left:16px;right:16px;z-index:3;flex:none;padding:0;border:0;background:none}
.in-live-session .live-board-notes>summary{cursor:pointer;list-style:none;margin:0;width:40px;height:40px;border-radius:50%;color:#657b93;background:#f7faffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:grid;place-items:center}
.in-live-session .live-board-notes>summary::-webkit-details-marker{display:none}
.in-live-session .live-board-notes>summary:before{content:none}
.in-live-session .live-board-notes>summary svg{width:19px;height:19px}
.in-live-session .live-board-notes[open]>summary{background:#eaf0f6;color:#263b56}
.in-live-session .live-board-notes textarea{margin:8px 0 0;width:100%;border:0;border-radius:18px;background:#eef3f8;font-size:12px;min-height:80px}
.in-live-session .live-briefing-stage{border:1px solid #ffffffa0;border-radius:var(--session-radius);min-height:100%;padding:32px 28px;gap:16px;background:#ffffff95;box-shadow:none}
.in-live-session .live-briefing-stage h3{font-size:27px;letter-spacing:-.7px;max-width:500px}
.in-live-session .live-briefing-stage p{font-size:13px;line-height:1.8;color:#65758a;max-width:400px}
.in-live-session .live-listening-mark{color:#536e92;background:#eef3f9;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:50px}
/* Compact glass capsule: icon controls, preserved accessible names and tooltips. */
.in-live-session .live-controls{align-self:center;justify-content:center;flex:none;margin:10px 0 0;padding:6px;border-radius:999px;background:#ffffff95;border:1px solid #ffffffed;gap:8px;box-shadow:0 5px 22px #334b6914,inset 0 1px 0 #fff;backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5)}
.in-live-session .live-media-controls{gap:8px}
.in-live-session .live-controls button{display:grid;place-items:center;flex:none;gap:0;border-radius:999px;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;background:#ffffffb5;color:#334a66;box-shadow:inset 0 1px 0 #fff;transition:transform .18s ease,background .18s ease}
.in-live-session .live-controls button svg{box-sizing:border-box;width:20px;height:20px;padding:0;border-radius:0;background:none;color:inherit;box-shadow:none}
.in-live-session .live-controls button[aria-pressed=false]{background:#fbe5eb;color:#b22f4d}
.in-live-session .live-controls button[aria-pressed=false] svg{opacity:1;background-image:linear-gradient(45deg,transparent calc(50% - 1px),#b22f4d calc(50% - 1px),#b22f4d calc(50% + 1px),transparent calc(50% + 1px));background-size:20px 20px;background-repeat:no-repeat;background-position:center}
.in-live-session .live-controls button:not(:disabled):hover{filter:none;background:#fff;transform:translateY(-1px)}
.in-live-session .live-controls button:not(:disabled):active{transform:scale(.95)}
.in-live-session .live-controls .live-leave{margin-left:2px;width:54px;background:#ed536e;color:white;box-shadow:0 3px 12px #df49642b,inset 0 1px 0 #ffffff40}
.in-live-session .live-controls .live-leave:hover{background:#db3e5a!important}
.in-live-session #live-audio-play{width:auto;max-width:160px;padding:0 12px;font-size:10px;line-height:1.4;text-align:center}
.in-live-session #live-call :is(button,select,summary,textarea):focus-visible{outline:2px solid #3266a6;outline-offset:3px}
.in-live-session #live-mic:disabled{opacity:.8}
.in-live-session .live-announcement{border-radius:26px;background:#fff7e9;border-color:#ffffffb0;margin-bottom:12px}
@supports(corner-shape:squircle){.in-live-session :is(.live-video-tile,.live-private-panel,.live-session-materials,.live-board-panel,.live-briefing-stage,.live-announcement){corner-shape:squircle}}
@media(max-width:1000px){
 .in-live-session #live-call{left:16px;right:16px}
 .in-live-session .live-session-layout{gap:12px;grid-template-rows:clamp(90px,16dvh,135px) minmax(0,1fr)}
 .in-live-session .live-private-panel>summary{padding:18px}
 .in-live-session .live-private-list{padding:0 18px 14px}
 .in-live-session .live-private-help,.in-live-session .live-private-waiting{padding:0 18px}
 .in-live-session .live-board-heading{padding:16px 18px 0}
 .in-live-session .live-board-tools{padding:0}
 .in-live-session .live-private-list p{font-size:13px}
 .in-live-session .live-video-tile{border-radius:28px}
 .in-live-session .live-video-tile strong{font-size:10px;left:10px;bottom:10px}
}
@media(max-width:680px){
 .in-live-session{--header-height:48px;--session-radius:34px}
 .in-live-session .top-inner{grid-template-columns:1fr;gap:0;padding:0 14px}
 .in-live-session .site-nav,.in-live-session .top-right .preview{display:none}
 .in-live-session #live-call{top:calc(var(--header-height) + 10px);left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom))}
 .in-live-session .live-session-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(78px,14dvh,110px) auto minmax(0,1fr);gap:10px}
 .in-live-session .live-participants-panel{grid-row:1}
 .in-live-session .live-video-grid{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:0 0 4px;gap:8px}
 .in-live-session .live-video-tile{flex:none;width:min(130px,calc(100cqh * 4 / 3));height:auto;aspect-ratio:4/3;scroll-snap-align:start;border-radius:26px}
 .in-live-session .live-avatar{font-size:24px}
 .in-live-session .live-video-tile .live-speaking-badge{top:8px;right:8px;width:22px;height:22px}
 .in-live-session .live-private-panel{grid-column:1;grid-row:2;max-height:clamp(110px,25dvh,190px)}
 .in-live-session .live-private-panel>summary{padding:13px 18px}
 .in-live-session .live-private-heading{font-size:12px}
 .in-live-session .live-private-heading small{font-size:9px;margin-top:2px}
 .in-live-session .live-private-list li{padding:13px 0}
 .in-live-session .live-private-help{font-size:10px}
 .in-live-session .live-session-materials{grid-column:1;grid-row:3}
 .in-live-session .live-session-layout:has(>.live-private-panel[hidden]){grid-template-rows:clamp(78px,14dvh,110px) minmax(0,1fr)}
 .in-live-session .live-session-layout:has(>.live-private-panel[hidden]) .live-session-materials{grid-column:1;grid-row:2}
 .in-live-session .live-board-panel{min-height:0}
 .in-live-session .live-board-heading{padding:14px 18px 0}
 .in-live-session .live-board-heading p{font-size:10px}
 .in-live-session .live-board-tools{top:10px;left:12px;right:12px;padding:0;gap:9px}
 .in-live-session .live-board-panel .live-board-sheet{padding:0}
 .in-live-session .live-board-notes>summary span{display:none}
 .in-live-session .live-briefing-stage{padding:24px 18px}
 .in-live-session .live-briefing-stage h3{font-size:22px}
 .in-live-session .live-listening-mark{width:58px;height:58px;font-size:38px}
 .in-live-session .live-call-status,.in-live-session .live-recording-status{font-size:10px;margin-bottom:6px}
 .in-live-session .live-controls{margin-top:8px;padding:5px;gap:7px;max-width:100%;flex-wrap:nowrap}
 .in-live-session .live-media-controls{gap:7px}
 .in-live-session .live-controls button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
 .in-live-session .live-controls button svg{width:20px;height:20px;padding:0}
 .in-live-session .live-controls .live-leave{margin-left:1px;width:52px}
 .in-live-session #live-audio-play{min-width:0;width:auto;max-width:125px;padding:0 9px;font-size:10px}
 .in-live-session .live-announcement{padding:14px;gap:12px}
 .in-live-session .live-announcement-symbol{width:38px;height:38px;font-size:23px}
}
@media(max-height:540px) and (min-width:681px){.in-live-session{--header-height:44px}.in-live-session #live-call{top:52px;bottom:6px}.in-live-session .live-session-layout{grid-template-rows:80px minmax(0,1fr);gap:10px}.in-live-session .live-controls{margin-top:6px;padding:4px}.in-live-session .live-board-panel{min-height:0}}
@media(prefers-reduced-motion:reduce){.in-live-session .live-controls button,.in-live-session .live-controls button svg{transition:none}.in-live-session .live-controls button:not(:disabled):hover,.in-live-session .live-controls button:not(:disabled):active{transform:none}}
@media(prefers-reduced-transparency:reduce){.in-live-session .live-controls,.in-live-session .live-private-panel,.in-live-session .live-briefing-stage,.in-live-session .topbar{background:#f7f9fc;backdrop-filter:none;-webkit-backdrop-filter:none}}