﻿*{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}input{width:100%;border:1px solid #c9d7e5;border-radius:12px;padding:12px;background:#fff;color:#142c44}label{display:block;font-size:14px;font-weight:600}button,.primary,.secondary,.danger,.danger-outline{border:0;border-radius:12px;min-height:44px;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#1479e3;color:white}.secondary{background:#e8f1fa;color:#1a4e7a}.danger{background:#d63c4c;color:#fff}.danger-outline{background:#fff0f2;color:#a72033}.muted{font-size:13px;line-height:1.6;opacity:.7}.error{color:#bb253d;line-height:1.5}.success{color:#167348;background:#e0f5e9;padding:12px;border-radius:12px}.check{display:flex;align-items:center;gap:8px;line-height:1.5;font-weight:500}.check input{width:18px;height:18px;accent-color:#1479e3}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#6596c3}.meeting-home{background:#edf4fb;color:#142c44}.meeting-shell{max-width:1050px;margin:auto;padding:32px 22px 70px}.page-heading{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:28px}.page-heading>div{flex:1;min-width:200px}h1{font-size:32px;line-height:1.2;margin:8px 0}h2{font-size:23px;line-height:1.3;margin:0 0 12px}p{line-height:1.6}.create-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px;background:linear-gradient(125deg,#fff,#e1efff);border:1px solid #d2e1ef;border-radius:24px;margin-bottom:34px}.create-panel form{display:grid;gap:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title span{font-size:13px;color:#657d94}.rooms-list{display:grid;gap:12px}.room-card,.empty-card,.permission-row{background:#fff;border:1px solid #d9e4ee;border-radius:18px;padding:22px}.room-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.room-card h3{margin:10px 0 2px;font-size:20px}.room-card p{font-size:13px;color:#657d94;margin:6px 0}.pill{font-size:11px;font-weight:700;padding:5px 9px;border-radius:20px;background:#ecf0f4;color:#657080}.pill.live{background:#dff4ea;color:#13734c}.permission-row{display:grid;grid-template-columns:1fr 150px 150px auto;align-items:center;gap:18px}.permission-row input{margin-top:6px}.search-form{display:flex;align-items:center;gap:12px;margin:22px 0}.search-form input{max-width:350px}
.meeting-body{background:#0a1526;color:#eaf3fe;min-height:100dvh;padding-bottom:110px}.meeting-top{display:flex;align-items:center;gap:18px;padding:calc(18px + env(safe-area-inset-top)) 24px 18px;border-bottom:1px solid #21334c}.meeting-top>a{font-size:36px;text-decoration:none}.meeting-top h1{font-size:21px;margin:5px 0;overflow-wrap:anywhere}.count-pill{margin-left:auto;border:1px solid #34516f;background:#14253b;border-radius:30px;padding:9px 14px;font-size:13px;white-space:nowrap}.meeting-body main{max-width:1500px;margin:auto;padding:24px}.meeting-lobby{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;max-width:1000px;margin:25px auto 50px;align-items:center}.lobby-art{background:radial-gradient(ellipse at 30% 30%,#1d5987,#13283f 65%);border:1px solid #2b4c6d;border-radius:26px;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.camera-art{display:grid;place-items:center;width:100px;height:100px;border:1px solid #68b9f4;border-radius:32px;background:#2c668744;font-size:55px;color:#70c8ff;margin-bottom:28px}.lobby-art p{color:#a4bfd9}.lobby-form{display:grid;gap:12px}.lobby-form p{margin:0 0 8px;color:#a8bed6;font-size:14px}.lobby-form .error{color:#ffa2ad}.entry-options{display:flex;flex-wrap:wrap;gap:18px;margin:8px 0}.invite-panel{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;border:1px solid #263e5c;background:#101f33;border-radius:18px;max-width:1000px;margin:20px auto}.invite-panel small{display:block;color:#9bb3cb;margin-top:4px;font-size:12px}.invite-panel input{flex:1;min-width:200px;background:#0a1526;border-color:#2e4b6c;color:#c1d7ec;font-size:13px}.invite-panel .secondary{background:#203b58;color:#e5f2ff}.invite-panel [role=status]{font-size:12px}.meeting-status{min-height:28px;color:#9ebbd7;font-size:14px;margin-bottom:10px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.video-tile{position:relative;background:#14283f;border:1px solid #28425e;border-radius:18px;aspect-ratio:16/10;overflow:hidden;min-width:0}.video-tile video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.video-tile.local video{transform:scaleX(-1)}.video-tile.local.sharing video{transform:none}.video-tile.camera-off video{opacity:0}.video-tile .avatar{position:absolute;inset:0;display:grid;place-items:center;font-size:50px;font-weight:700;color:#88bde8}.tile-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071322e8);padding:22px 14px 12px;display:flex;align-items:center;gap:8px;font-size:13px}.tile-label strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tile-label span{margin-left:auto;font-size:11px;color:#bad3e9;flex-shrink:0}.tile-status{position:absolute;top:10px;left:10px;font-size:11px;border-radius:8px;padding:6px 9px;background:#091522cc}.video-tile.failed{border-color:#bf5565}.empty-room{text-align:center;color:#9ebbd7;padding:18px}.meeting-controls{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;background:#0a1526f5;border-top:1px solid #263e5c;padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.meeting-controls button{font-size:13px;background:#203b58;color:#fff}.meeting-controls .danger{background:#c43346}.meeting-controls .danger-outline{background:#411f2a;color:#ffb5c1}.meeting-controls button[aria-pressed=true]{background:#6f2937;color:#fff}.audio-prompt{position:fixed;top:90px;left:50%;transform:translateX(-50%);z-index:20}.end-lobby{display:block;margin:10px auto}.meeting-body dialog{background:#15283f;color:#eaf3fe;border:1px solid #3a5675;border-radius:20px;max-width:420px;padding:24px}.meeting-body dialog::backdrop{background:#000a}.meeting-body dialog>div{display:flex;justify-content:flex-end;gap:12px}.meeting-body dialog .error{color:#ffa2ad}.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}[hidden]{display:none!important}:focus-visible{outline:3px solid #56bdff;outline-offset:3px}
@media(max-width:700px){.meeting-shell{padding:22px 14px}.create-panel{grid-template-columns:1fr;gap:18px;padding:22px}.meeting-top{padding:14px;gap:12px}.meeting-top h1{font-size:18px}.count-pill{font-size:11px;padding:7px}.meeting-body main{padding:14px}.meeting-lobby{grid-template-columns:1fr;gap:22px;margin:8px auto 26px}.lobby-art{min-height:160px;padding:18px}.camera-art{width:55px;height:55px;font-size:30px;border-radius:18px;margin-bottom:12px}.lobby-art h2{font-size:20px;margin-bottom:0}.lobby-art p{display:none}.meeting-controls{gap:7px}.meeting-controls button{min-height:40px;padding:9px 11px;font-size:11px}.meeting-body{padding-bottom:140px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.video-tile{aspect-ratio:3/4;border-radius:12px}.tile-label{font-size:11px;padding:22px 8px 10px}.tile-label span{font-size:9px}.tile-status{font-size:9px;left:6px;top:6px;padding:4px}.permission-row{grid-template-columns:1fr 1fr;gap:12px}.permission-row>strong{grid-column:1/-1}.permission-row button{grid-column:1/-1}.room-card{padding:16px}.room-card h3{font-size:17px}.room-card .secondary{padding:9px;font-size:12px}.search-form{flex-wrap:wrap}}
.permission-notice{margin:4px 0 12px;color:#bed5eb;font-size:13px;line-height:1.5}.permission-notice:empty{display:none}.participants-panel{position:fixed;z-index:40;top:82px;right:16px;bottom:112px;width:min(430px,calc(100vw - 32px));overflow-y:auto;overscroll-behavior:contain;background:#13263d;border:1px solid #365473;border-radius:20px;padding:20px;box-shadow:0 18px 80px #0009}.participants-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:-20px;background:#13263d;z-index:1;padding:12px 0}.participants-panel h2{margin:0;font-size:21px}.participants-panel h3{font-size:16px}.participants-panel .secondary{background:#254564;color:#edf7ff}.host-label{display:inline-flex;padding:6px 10px;background:#224d48;color:#a9eed9;border-radius:20px;font-size:12px}.room-controls{border:1px solid #365473;border-radius:14px;padding:14px;margin:10px 0 16px}.room-controls legend{font-size:13px;font-weight:700}.room-controls p{font-size:12px;color:#a8c3dc;line-height:1.5;margin:0 0 10px}.room-controls .check{margin:10px 0}.participant-control{padding:15px 0;border-bottom:1px solid #2e465e}.participant-control>strong{display:block;font-size:14px;overflow-wrap:anywhere}.participant-control>.secondary{margin-top:10px;font-size:12px}.participant-toggles{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.participant-toggles .check{font-size:12px}.participant-toggles .danger-outline{padding:7px 10px;font-size:11px;min-height:36px;background:#542a37;color:#ffc0ca}#moderationStatus{font-size:13px;color:#a3d8ff}#showParticipants[aria-expanded=true]{background:#226aac}.meeting-controls button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.participants-panel{top:76px;right:8px;bottom:136px;width:calc(100vw - 16px);padding:16px}.participants-panel>header{top:-16px}.meeting-body{padding-bottom:160px}}

.share-status,.share-help{font-size:13px;color:#b8d6ee;line-height:1.5;margin:6px 0 12px}.share-status:empty{display:none}.share-help{color:#92afc9;font-size:12px}.expand-video{position:absolute;top:8px;right:8px;z-index:2;background:#091522dc;color:#fff;min-height:40px;padding:8px 12px;font-size:12px;border:1px solid #5c7894}.video-tile.sharing{grid-column:1/-1;order:-1;aspect-ratio:16/9;max-height:75dvh;background:#000}.video-tile.sharing video,.video-tile.expanded video,.video-tile:fullscreen video{object-fit:contain}.video-tile.expanded{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:#000}.video-tile:fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;background:#000;border:0;border-radius:0}.video-tile.expanded .expand-video,.video-tile:fullscreen .expand-video{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}.viewing-presentation{overflow:hidden}.video-tile.expanded .tile-label,.video-tile:fullscreen .tile-label{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
@media(max-width:700px){.video-tile.sharing{min-height:45dvh;max-height:68dvh;aspect-ratio:16/9}.expand-video{top:6px;right:6px;min-height:36px;font-size:11px;padding:7px 9px}.video-tile.expanded{min-height:100dvh;max-height:none}.video-tile:fullscreen{min-height:100%;max-height:none}.video-tile:not(.sharing):not(.expanded) .tile-status{top:48px}}

.room-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;max-width:430px}.room-actions form{margin:0}.delete-room{width:100%;text-align:right;font-size:13px}.delete-room summary{cursor:pointer;color:#af3044;padding:10px}.delete-room p{color:#8c3a46}.room-actions button,.room-actions a{font-size:13px}@media(max-width:700px){.room-card{flex-wrap:wrap}.room-actions{justify-content:flex-start;max-width:none;width:100%}.delete-room{text-align:left}}
.poll-create{display:grid;gap:10px;border-bottom:1px solid #365473;padding-bottom:20px}.poll-create h3{margin:5px 0}.poll-create textarea{width:100%;resize:vertical;min-height:80px;font:inherit;padding:12px;border-radius:12px;background:#0a1526;color:#eef7ff;border:1px solid #456483}.poll-create small{font-size:12px;line-height:1.5;color:#b7cde3}.poll-card{padding:18px 0;border-bottom:1px solid #365473;overflow-wrap:anywhere}.poll-card h3{font-size:18px;line-height:1.4}.poll-badge{display:inline-block;font-size:11px;color:#a4e9db;background:#214b47;border-radius:20px;padding:6px 10px}.poll-total{font-size:15px;font-weight:700;color:#85cfff}.poll-tally{display:grid;grid-template-columns:1fr auto;gap:7px;margin:15px 0;font-size:13px}.poll-tally strong{min-width:0;overflow-wrap:anywhere}.poll-tally span{white-space:nowrap;color:#bbd4eb}.poll-tally progress{grid-column:1/-1;width:100%;height:10px;accent-color:#40b6ff}.poll-answers{list-style:none;margin:0 0 18px;padding:0}.poll-answers li{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-top:1px solid #314963;font-size:13px}.poll-answers span{color:#bfd9ed;line-height:1.5}.poll-confirmation{color:#a4eadb}.meeting-body .poll-dialog{width:min(540px,calc(100vw - 24px));max-width:540px;max-height:85dvh;overflow-y:auto;padding:24px}.poll-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.poll-dialog h2{overflow-wrap:anywhere;line-height:1.4}.poll-dialog #pollPrivacy{font-size:13px;color:#bdd2e7}.poll-dialog fieldset{border:0;padding:0;margin:20px 0}.poll-choice{display:flex;align-items:center;gap:12px;padding:14px;margin:10px 0;background:#203c58;border:1px solid #48647e;border-radius:12px;font-weight:500;cursor:pointer}.poll-choice input{width:20px;height:20px;flex-shrink:0;accent-color:#52beff}.poll-choice span{overflow-wrap:anywhere}.poll-dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}#pollPanelStatus{color:#9ed8ff;font-size:13px}#showPolls[aria-expanded=true]{background:#226aac}@media(max-width:700px){.poll-dialog-actions button{width:100%}.meeting-body .poll-dialog{padding:20px}.poll-tally{grid-template-columns:1fr}.poll-tally progress{grid-column:1}}

.poll-answer-notice{display:block;width:100%;margin:12px 0 18px;background:#154e48;color:#c7fff0;border:1px solid #388d7c;text-align:left;justify-content:flex-start}.poll-card details{margin-top:18px;font-size:13px}.poll-card details summary{cursor:pointer;padding:10px 0;color:#ffb2bf}.poll-card details .danger{font-size:12px;margin-top:8px}
.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 16px;padding:14px 16px;border:1px solid #2b4664;border-radius:16px;background:#102239}.stage-eyebrow{font-size:10px;letter-spacing:.14em;color:#8aaccc;font-weight:800}.stage-toolbar p{margin:4px 0 0;font-size:14px;font-weight:650;line-height:1.4}.stage-toolbar button{background:#203e5b;color:#c5def5;border:1px solid #42637f;font-size:12px;white-space:nowrap}.stage-toolbar button[aria-pressed=true]{color:#b8ffea;background:#194b43;border-color:#377c6b}.video-grid.has-featured{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:start}.video-tile.featured{grid-column:1/-1;order:-2;aspect-ratio:16/9;min-height:300px;max-height:72dvh;background:#030910;border:1px solid #41735f;border-radius:20px}.video-tile.featured video{object-fit:contain}.video-tile.featured.sharing{order:-2;border-color:#409ed2}.video-tile.sharing:not(.featured){grid-column:auto;order:0;aspect-ratio:16/10;min-height:0;max-height:none}.video-tile.featured .tile-label{padding:30px 18px 16px}.video-tile.featured.host-tile:not(.sharing) .tile-label:before{content:'FIXADO';font-size:9px;letter-spacing:.06em;padding:5px 8px;border-radius:6px;background:#20574e;color:#b9fce7}.video-tile.featured.sharing .tile-label:before{content:'TELA';font-size:9px;letter-spacing:.06em;padding:5px 8px;border-radius:6px;background:#174e76;color:#d3f2ff}.share-tips{font-size:12px;color:#9ebbd7;margin:14px 0}.share-tips summary{cursor:pointer;padding:10px 0}.video-tile.expanded,.video-tile.featured.expanded{max-height:none;min-height:100dvh;aspect-ratio:auto;border:0;border-radius:0}.video-tile:fullscreen,.video-tile.featured:fullscreen{max-height:none;height:100%;aspect-ratio:auto;border:0;border-radius:0}
@media(max-width:760px){
 .meeting-body{background:#091322;padding-bottom:calc(164px + env(safe-area-inset-bottom))}.meeting-top{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;gap:12px}.meeting-top>a{font-size:30px}.meeting-top>div{min-width:0;flex:1}.meeting-top .eyebrow{font-size:9px;letter-spacing:.12em}.meeting-top h1{font-size:16px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-top .count-pill{font-size:10px;padding:7px 9px;max-width:110px;white-space:normal;text-align:center;line-height:1.4}.meeting-body main{padding:12px}.meeting-status{font-size:11px;min-height:16px;line-height:1.4;margin-bottom:6px}.permission-notice{font-size:11px;margin:4px 0 8px;line-height:1.4}.stage-toolbar{gap:10px;margin:10px 0 12px;padding:12px;border-radius:14px}.stage-toolbar>div{min-width:0}.stage-toolbar p{font-size:13px}.stage-toolbar button{font-size:11px;padding:10px;min-height:44px}.stage-eyebrow{font-size:9px}.video-grid,.video-grid.has-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.video-tile{aspect-ratio:4/3;border-radius:14px}.video-tile.featured{aspect-ratio:auto;height:clamp(280px,53dvh,620px);min-height:0;max-height:none;border-radius:16px}.video-tile.featured.sharing{height:clamp(280px,57dvh,660px)}.video-tile.featured video{object-fit:contain}.video-tile:not(.featured):not(.expanded){aspect-ratio:4/3;min-height:0;max-height:none}.video-tile .tile-status,.video-tile:not(.sharing):not(.expanded) .tile-status{top:8px;left:8px;font-size:9px;padding:5px 7px}.video-grid.has-featured .video-tile:not(.featured):not(.expanded) .expand-video{display:none}.video-tile .expand-video{min-height:44px;top:8px;right:8px;font-size:11px;padding:9px 12px}.video-tile .tile-label{font-size:11px;padding:20px 10px 10px;gap:6px}.video-tile .tile-label span{font-size:9px}.video-tile.featured .tile-label{padding:30px 12px 14px}.video-tile.featured .tile-label strong{font-size:13px}.video-tile.featured .tile-label span{font-size:10px}.video-tile .avatar{font-size:34px}.video-tile.featured .avatar{font-size:64px}.meeting-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:stretch;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#102034f7;backdrop-filter:blur(16px);border-top-color:#2c4663}.meeting-controls button{min-width:0;min-height:58px;padding:8px 4px;font-size:10px;line-height:1.3;flex-direction:column;gap:6px;border-radius:12px;overflow-wrap:anywhere}.meeting-controls button:before{content:'';display:block;width:20px;height:20px;background:currentColor;mask:var(--control-icon) center/contain no-repeat;-webkit-mask:var(--control-icon) center/contain no-repeat}.participants-panel{top:calc(68px + env(safe-area-inset-top));bottom:calc(152px + env(safe-area-inset-bottom));right:8px;width:calc(100vw - 16px);border-radius:18px;padding:16px}.participants-panel>header{top:-16px}.audio-prompt{top:calc(76px + env(safe-area-inset-top));font-size:12px;min-width:220px;max-width:calc(100vw - 28px)}.in-meeting .invite-panel{margin-top:18px;padding:14px;gap:10px;border-radius:16px}.in-meeting .invite-panel small{display:none}.in-meeting .invite-panel input{min-width:0;flex-basis:100%;font-size:12px}.in-meeting .invite-panel button{min-height:44px;font-size:12px}.poll-answer-notice{font-size:12px;padding:12px;margin:8px 0 12px}.video-tile.expanded,.video-tile.featured.expanded,.video-tile.featured.sharing.expanded{height:100dvh;min-height:100dvh;max-height:none;aspect-ratio:auto}.video-tile:fullscreen,.video-tile.featured:fullscreen{height:100%;min-height:100%;max-height:none}.video-tile.expanded .expand-video{display:inline-flex!important}
}
#meetingMic{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10v2a7 7 0 0014 0v-2M12 19v3M8 22h8'/%3E%3C/svg%3E")}
#meetingCamera{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='5' width='14' height='14' rx='3'/%3E%3Cpath d='m16 10 6-4v12l-6-4'/%3E%3C/svg%3E")}
#shareScreen{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4M12 13V6m-4 4 4-4 4 4'/%3E%3C/svg%3E")}
#showParticipants{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M1 22v-3a8 8 0 0116 0v3M16 3a4 4 0 010 8M19 14a7 7 0 014 6v2'/%3E%3C/svg%3E")}
#showPolls{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 21V11h4v10M10 21V3h4v18M16 21v-6h4v6M2 21h20'/%3E%3C/svg%3E")}
#leaveMeeting{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M9 4H3v16h6M8 12h14m-5-5 5 5-5 5'/%3E%3C/svg%3E")}
#endMeeting{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3C/svg%3E")}
@media(orientation:landscape) and (max-height:540px){.meeting-body.in-meeting{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.in-meeting .meeting-top{padding-top:8px;padding-bottom:8px}.in-meeting .meeting-top .eyebrow{display:none}.meeting-body.in-meeting main{padding:8px 14px}.in-meeting .stage-toolbar{margin:6px 0 8px;padding:8px 12px}.in-meeting .stage-eyebrow{display:none}.in-meeting .meeting-controls{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;justify-content:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.in-meeting .meeting-controls button{flex:0 0 auto;min-width:76px;min-height:52px;padding:7px 9px;font-size:10px;flex-direction:column;gap:4px}.in-meeting .video-tile.featured,.in-meeting .video-tile.featured.sharing{height:max(200px,calc(100dvh - 190px));min-height:0;max-height:none}.in-meeting .video-grid,.in-meeting .video-grid.has-featured{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.in-meeting .participants-panel{top:55px;bottom:86px}.in-meeting .video-tile.expanded,.in-meeting .video-tile.featured.expanded,.in-meeting .video-tile.featured.sharing.expanded{height:100dvh;min-height:100dvh}.in-meeting .video-tile:fullscreen{height:100%;min-height:100%}}

.meeting-controls button:before{content:"";display:block;width:20px;height:20px;flex-shrink:0;background:currentColor;mask:var(--control-icon) center/contain no-repeat;-webkit-mask:var(--control-icon) center/contain no-repeat}

@media(max-width:760px){.meeting-controls button{font-size:0}.meeting-controls button:after{content:attr(data-mobile-label);font-size:10px;line-height:1.3;text-align:center;max-width:100%}}
@media(orientation:landscape) and (max-height:540px){.in-meeting .meeting-controls{justify-content:flex-start}.in-meeting .meeting-controls button{font-size:0;min-width:76px}.in-meeting .meeting-controls button:after{content:attr(data-mobile-label);font-size:10px;line-height:1.3;text-align:center}}

.hand-indicator{position:absolute;z-index:3;top:54px;left:10px;background:#614714f0;color:#fff1b8;border:1px solid #b88a2f;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:750}.video-tile.hand-raised{border-color:#d2a744}.hand-request-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hand-request-status:empty{display:none}.speak-grant-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px;background:#174e44;border:1px solid #398575;border-radius:14px;color:#d3fff1;font-size:13px;margin:12px 0}.speak-grant-notice .primary{font-size:12px}#raiseHand[aria-pressed=true]{background:#6a501b;color:#ffe9ab}#raiseHand{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12V5a1.5 1.5 0 013 0v6-8a1.5 1.5 0 013 0v8-7a1.5 1.5 0 013 0v7-5a1.5 1.5 0 013 0v10a7 7 0 01-12 5l-4-6a1.5 1.5 0 012-2l2 2'/%3E%3C/svg%3E")}
@media(max-width:760px){.hand-indicator{top:46px;left:8px;font-size:10px;padding:6px 8px}.video-grid.has-featured .video-tile:not(.featured) .hand-indicator{top:8px;right:8px;left:auto;padding:5px;font-size:9px}.video-grid.has-featured .video-tile.hand-raised:not(.featured) .tile-status{display:none}.speak-grant-notice{font-size:12px}.speak-grant-notice button{width:100%}}


button.hand-indicator{min-height:44px;max-width:calc(100% - 20px);cursor:pointer}button.hand-indicator:disabled{opacity:1;cursor:default}

.tile-speech-action{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}.tile-speech-action:hover{background:#ffd35b12}.tile-speech-action:focus-visible{outline:3px solid #ffd35b;outline-offset:-4px}.video-tile .expand-video{z-index:4}

.video-grid .video-tile.host-hand-request:not(.featured){order:-3;border:3px solid #ffd15b;box-shadow:0 0 0 2px #ffd15b22}.video-tile.host-hand-request .hand-indicator{top:8px;left:8px;right:auto;font-size:12px;padding:8px 10px;background:#70500b;color:#fff4c9}.video-tile.host-hand-request .tile-status{top:60px}.video-tile.host-hand-request:not(.featured) .expand-video{display:none}

.video-grid.has-featured .video-tile.host-hand-request:not(.featured) .hand-indicator{top:8px;left:8px;right:auto;font-size:12px;padding:8px 10px}

.agenda-section{margin-bottom:28px}.schedule-editor{width:100%;max-width:440px}.schedule-editor summary{cursor:pointer;padding:12px;color:#a3d5ff}.schedule-form{display:grid;gap:12px;margin:12px 0}.schedule-form label:not(.check){display:grid;gap:7px}.schedule-form input,.schedule-form select{max-width:100%;min-width:0}.video-file-panel{padding:16px;border:1px solid #365473;border-radius:16px;background:#11263c;margin-top:16px}.video-file-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px}.video-file-panel strong{overflow-wrap:anywhere}.video-file-panel video{display:block;width:100%;max-height:260px;margin:14px 0;background:#000}.video-file-panel p{font-size:12px;line-height:1.5}#shareVideo{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='m10 8 6 4-6 4Z'/%3E%3C/svg%3E")}

@media(max-width:760px){.meeting-controls{grid-template-columns:repeat(5,minmax(0,1fr))}.schedule-editor{max-width:100%}}
