/* One viewport, one stage. Tool contents may scroll; the meeting page never does. */
html:has(body.meetingOpen),body.meetingOpen{height:100%;overflow:hidden;overscroll-behavior:none}
body.meetingOpen #meeting{height:var(--opening-viewport,100dvh);max-height:var(--opening-viewport,100dvh);min-height:0;padding:6px 10px;overflow:hidden}
body.meetingOpen #boardroomWorkspace.skyLounge[data-view]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr) 48px 16px!important;grid-template-areas:"heading" "stage" "session" "speaker";height:100%!important;min-height:0!important;width:100%!important;padding:0!important;gap:4px!important;max-width:none!important}
body.meetingOpen #boardroomWorkspace.skyLounge>.boardroomHeading{grid-area:heading!important;height:48px;min-height:0;position:static}
body.meetingOpen #boardroomWorkspace.skyLounge>.loungeViewport{grid-area:stage!important;display:block!important;min-height:0!important;min-width:0!important;width:100%!important;height:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body.meetingOpen #boardroomWorkspace.skyLounge .boardroomStage{display:block!important;width:100%!important;min-height:0!important;height:100%!important;grid-template-columns:none!important}
body.meetingOpen #boardroomWorkspace.skyLounge>.loungeSessionBar{grid-area:session!important;position:relative;inset:auto;min-height:0;height:48px;margin:0;transform:none;width:100%;max-width:none}
body.meetingOpen #boardroomWorkspace.skyLounge>.boardroomSpeaker{grid-area:speaker!important;margin:0;min-height:0;height:16px;font-size:10px}
body.meetingOpen #boardroomWorkspace.skyLounge[data-view=presentation] .loungeDocument{position:absolute!important;display:block!important;inset:66px 0 58px!important;min-height:0!important;height:auto!important;width:auto!important;max-width:none!important;overflow:hidden!important;scrollbar-gutter:auto;padding:0!important;border:0;border-radius:0;background:var(--br-card)}
body.meetingOpen #boardroomWorkspace.skyLounge[data-view=presentation] .boardroomStage{background:var(--br-card);border-radius:10px}
body.meetingOpen #boardroomWorkspace.skyLounge[data-view=presentation] .brSceneStatus{display:none!important}
body.meetingOpen #boardroomWorkspace.skyLounge[data-view=presentation] .boardroomScene{display:none!important}
body.meetingOpen #boardroomWorkspace .loungeLiveDocument{display:flex;flex-direction:column;gap:0;overflow:visible;box-shadow:none!important;border:0!important;max-height:none!important;color:inherit}
body.meetingOpen #boardroomWorkspace .loungeLiveDocument>header{flex:0 0 auto}
body.meetingOpen #boardroomWorkspace .loungeLiveDocument .presentationBody{flex:1;min-height:0;overflow:visible}
body.meetingOpen #boardroomWorkspace .loungeLiveDocument .slideMetrics{margin-top:22px}
.presentationByline{margin-top:14px;font-size:16px;letter-spacing:.4px;opacity:.75}
body.meetingOpen #boardroomWorkspace.skyLounge.loungeExpanded[data-view]{position:fixed!important;inset:0!important;width:100vw!important;height:var(--opening-viewport,100dvh)!important;max-height:none!important;grid-template-rows:minmax(0,1fr)!important;grid-template-areas:"stage"!important;gap:0!important;border:0;border-radius:0}
body.meetingOpen #boardroomWorkspace.skyLounge.loungeExpanded>.boardroomHeading,body.meetingOpen #boardroomWorkspace.skyLounge.loungeExpanded>.boardroomSpeaker{display:none!important}
body.meetingOpen #boardroomWorkspace.skyLounge.loungeExpanded>.loungeSessionBar{position:absolute!important;left:50%!important;bottom:max(5px,env(safe-area-inset-bottom))!important;top:auto!important;transform:translateX(-50%)!important;width:auto!important;max-width:calc(100% - 16px)!important;height:44px!important;z-index:40;display:flex;gap:8px}
body.meetingOpen #boardroomWorkspace.skyLounge.loungeExpanded .loungeJoin{position:static;display:flex}
body.meetingOpen #boardroomWorkspace.skyLounge.loungeExpanded .loungeJoin>strong{display:none}
body.meetingOpen #boardroomWorkspace.skyLounge.loungeExpanded[data-view=presentation] .loungeDocument{bottom:108px!important}
body.meetingOpen #boardroomWorkspace.skyLounge.loungeExpanded .presentationControls{bottom:54px}
body.meetingOpen #boardroomWorkspace.skyLounge .loungeCameraTools{max-width:none;flex-wrap:nowrap}
body.meetingOpen #boardroomWorkspace.skyLounge .loungeViewDock{right:158px}
body.meetingOpen #boardroomWorkspace .loungeExit{display:none}
body.meetingOpen #boardroomWorkspace.loungeExpanded .loungeExit{display:block}
/* A double glass door is both the leave button and the departure illustration. */
.zoneGlassDoor{display:inline-flex;position:relative;width:34px;height:38px;flex:none;perspective:160px;border:1px solid #c9dddccc;border-bottom-width:2px;padding:2px;background:linear-gradient(130deg,#ffffff15,#72939822);box-shadow:inset 0 0 0 2px #ffffff0a}
.zoneGlassDoor i{display:block;width:50%;height:100%;position:relative;border:1px solid #b7d2d67a;background:linear-gradient(120deg,#efffff30,#7c969d15);transition:transform .45s ease;transform-origin:left center}
.zoneGlassDoor i+i{transform-origin:right center}
.zoneGlassDoor i:after{content:"";position:absolute;width:2px;height:10px;background:#f8b16e;right:2px;top:40%}
.zoneGlassDoor i+i:after{left:2px;right:auto}
.loungeDoorButton:hover .zoneGlassDoor i,.loungeDoorButton:focus-visible .zoneGlassDoor i{transform:rotateY(-42deg)}
.loungeDoorButton:hover .zoneGlassDoor i+i,.loungeDoorButton:focus-visible .zoneGlassDoor i+i{transform:rotateY(42deg)}
body.meetingOpen #boardroomWorkspace .loungeDoorButton{display:flex;align-items:center;gap:9px;padding:2px 10px;min-height:44px;border:1px solid #a8c0c080;background:linear-gradient(120deg,#c2d7d713,#15151555);color:var(--br-ink)}
.departureDoorArt{display:grid;place-items:center;margin:20px auto}
.departureDoorArt .zoneGlassDoor{width:78px;height:94px}
.departureDoorArt .zoneGlassDoor i{transform:rotateY(-22deg)}
.departureDoorArt .zoneGlassDoor i+i{transform:rotateY(22deg)}
.brFaceMarker.isMeetingHost:after{content:'◈ HOST';display:block;font:8px/1.5 Jakarta,sans-serif;letter-spacing:1px;color:#ffac67}
body.meetingOpen #boardroomWorkspace .brFaceMarker .memberHead{height:48px;width:42px;object-fit:contain}
.seatLookHints{display:none;position:absolute;left:20px;right:20px;top:43%;justify-content:space-between;pointer-events:none;color:#fff6e6a6;z-index:6}
.seatLookHints>span{font:64px/1 Georgia;display:grid;justify-items:center;text-shadow:0 2px 12px #000;animation:lookPrompt 2.8s ease-in-out infinite}
.seatLookHints small{font:9px/1.4 Jakarta,sans-serif;letter-spacing:1px}
body.meetingOpen #boardroomWorkspace[data-view=seat]:not([data-looked=true]):not([data-tool]) .seatLookHints{display:flex}
@keyframes lookPrompt{50%{opacity:.4;transform:translateY(2px)}}
.zoneExitTransition{position:fixed;inset:0;z-index:2000;background:#101112;display:grid;place-items:center;overflow:hidden;animation:exitFade 1.6s both}
.zoneExitTransition>span{position:absolute;bottom:16%;font-size:13px;letter-spacing:2px;color:#f5dbc4}
.exitDoorway{position:relative;width:54vw;height:100vh;perspective:400px;display:flex;border:1px solid #aac2c0;box-shadow:0 0 100px #f7883638;animation:doorRetreat 1.6s cubic-bezier(.3,.1,.5,1) both}
.exitDoorway i{width:50%;height:100%;border:1px solid #9dbfbc88;background:linear-gradient(120deg,#b2d9d622,#ff8d3933);transform-origin:left;animation:doorSwingL 1.6s both}
.exitDoorway i+i{transform-origin:right;animation-name:doorSwingR}
@keyframes doorRetreat{0%{transform:scale(2);opacity:0}25%{opacity:1}100%{transform:scale(.26);opacity:0}}
@keyframes doorSwingL{from{transform:rotateY(-75deg)}to{transform:rotateY(0)}}
@keyframes doorSwingR{from{transform:rotateY(75deg)}to{transform:rotateY(0)}}
@keyframes exitFade{0%{opacity:0}15%,85%{opacity:1}100%{opacity:0}}
.zoneLeaving #meeting{pointer-events:none}
.entranceGrid{position:absolute;inset:-60%;background-image:linear-gradient(#ff9a3b24 1px,transparent 1px),linear-gradient(90deg,#ff9a3b24 1px,transparent 1px);background-size:80px 80px;transform:perspective(400px) rotateX(60deg);animation:spatialGrid 2s cubic-bezier(.2,.7,.3,1) both;mask-image:radial-gradient(ellipse,#000,transparent 65%)}
.entranceCoordinates{position:absolute;left:24px;bottom:24px;font:9px/1.9 monospace;letter-spacing:2px;color:#ffbf8a;animation:coordinateFade 2s both}
@keyframes spatialGrid{from{transform:perspective(400px) rotateX(60deg) translateY(100px) scale(.6);opacity:0}25%{opacity:1}to{transform:perspective(400px) rotateX(60deg) translateY(300px) scale(2);opacity:0}}
@keyframes coordinateFade{0%,100%{opacity:0}25%,70%{opacity:1}}
@media(max-height:500px) and (orientation:landscape){body.meetingOpen #meeting{padding:0}body.meetingOpen #boardroomWorkspace.skyLounge[data-view]{grid-template-rows:minmax(0,1fr) 44px!important;grid-template-areas:"stage" "session"!important;gap:0!important}body.meetingOpen #boardroomWorkspace.skyLounge>.boardroomHeading,body.meetingOpen #boardroomWorkspace.skyLounge>.boardroomSpeaker{display:none!important}body.meetingOpen #boardroomWorkspace.skyLounge[data-view=presentation] .loungeDocument{top:58px!important;bottom:50px!important}.skyLounge .boardroomViews button{padding:6px 10px}.skyLounge .loungeViewDock{top:5px}.skyLounge .loungeCameraTools{top:5px}}
@media(max-width:600px){body.meetingOpen #meeting{padding:4px}body.meetingOpen #boardroomWorkspace.skyLounge .boardroomViews button{font-size:10px;padding:6px 8px}body.meetingOpen #boardroomWorkspace.skyLounge .loungeViewDock{left:5px;right:102px}body.meetingOpen #boardroomWorkspace.skyLounge .loungeCameraTools{right:4px;gap:3px}body.meetingOpen #boardroomWorkspace.skyLounge .loungeCameraTools button{min-width:40px;width:40px}body.meetingOpen #boardroomWorkspace.loungeExpanded .loungeCameraTools{flex-wrap:wrap;width:86px}body.meetingOpen #boardroomWorkspace .loungeJoin>strong{display:none}.seatLookHints{left:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.seatLookHints>span,.zoneExitTransition,.exitDoorway,.exitDoorway i,.entranceGrid,.entranceCoordinates{animation:none!important}.zoneGlassDoor i{transition:none}.zoneExitTransition{background:#141414}.exitDoorway{transform:scale(.6)}}
body.meetingOpen #boardroomWorkspace .zoneGlassDoor,.departureDoorArt .zoneGlassDoor{display:inline-flex!important;flex-direction:row!important}
body.meetingOpen #boardroomWorkspace .presentationControls button{color:#f9eee5;background:#292723;border:1px solid #a98b73;border-radius:7px}
body.meetingOpen #boardroomWorkspace .presentationControls button:disabled{opacity:.4}
html[data-theme=light] body.meetingOpen #boardroomWorkspace .presentationControls button{color:#38291d;background:#fffbf6;border-color:#ac927a}
body.meetingOpen #boardroomWorkspace .loungeLiveDocument{min-height:var(--fit-height,600px)!important}
body.meetingOpen #boardroomWorkspace .loungeLiveDocument.wideSlide{padding:15px 28px!important;justify-content:flex-start}
body.meetingOpen #boardroomWorkspace .wideSlide>header{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:3px 16px;padding:0 0 9px!important;margin:0!important}
body.meetingOpen #boardroomWorkspace .wideSlide>header>.presentationBrand{width:120px!important;height:30px!important;margin:0;object-fit:contain}
body.meetingOpen #boardroomWorkspace .wideSlide>header>span{font-size:12px!important}
body.meetingOpen #boardroomWorkspace .wideSlide>header>h2{grid-column:1/-1;font-size:38px!important;line-height:1.1!important;margin:6px 0 0!important}
body.meetingOpen #boardroomWorkspace .wideSlide .presentationBody{flex:0 0 auto;padding:8px 0!important}
body.meetingOpen #boardroomWorkspace .wideSlide .demoSlide{display:grid;grid-template-columns:1.1fr 1fr;column-gap:36px;align-items:start}
body.meetingOpen #boardroomWorkspace .wideSlide .slideLead{grid-column:1;grid-row:1;font-size:28px!important;line-height:1.25!important;margin:0 0 8px!important}
body.meetingOpen #boardroomWorkspace .wideSlide .slideBody{grid-column:1;grid-row:2;font-size:20px!important;line-height:1.4!important;margin:0!important}
body.meetingOpen #boardroomWorkspace .wideSlide .slideMetrics{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0!important}
body.meetingOpen #boardroomWorkspace .wideSlide .slideMetrics strong{font-size:42px!important;line-height:1.1!important}
body.meetingOpen #boardroomWorkspace .wideSlide .slideMetrics span{font-size:15px!important;line-height:1.35!important}
body.meetingOpen #boardroomWorkspace .wideSlide .presentationByline{margin:8px 0 0!important;font-size:14px}
@media(max-height:500px) and (orientation:landscape){body.meetingOpen #boardroomWorkspace.skyLounge>.loungeSessionBar{height:44px!important}body.meetingOpen #boardroomWorkspace.skyLounge.loungeExpanded>.loungeSessionBar{height:44px!important}}
body.meetingOpen #boardroomWorkspace:has(.noWebGL) .seatLookHints{display:none!important}