.call-shell{--rail:70px}.call-workspace{border-left:4px solid var(--line);border-right:4px solid var(--line);min-height:0;padding:20px calc(var(--rail) + 20px);flex-direction:column;flex:1;margin:0;display:flex;position:relative;overflow:hidden}.call-workspace:before,.call-workspace:after{content:"";background:var(--line);pointer-events:none;width:4px;position:absolute;top:0;bottom:0}.call-workspace:before{left:calc(var(--rail) - 4px)}.call-workspace:after{right:calc(var(--rail) - 4px)}.call-lobby{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;min-height:0;display:flex}.call-lobby .drop-main-button{font-size:clamp(16px,1.4vw,20px)}.call-copy{color:var(--paper);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:8px 0;font:400 14px Roboto Mono,monospace;display:inline-flex}.call-copy:hover{color:var(--line)}.call-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;display:flex}.call-status{color:var(--soft);align-items:center;gap:10px;font-size:13px;display:flex}.call-status i{background:var(--line);width:6px;height:6px}.call-status i.live{background:var(--paper)}.call-body{flex:1;grid-template-columns:minmax(0,1fr) 270px;gap:20px;min-height:0;display:grid}.call-stage{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex}.call-videos{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:auto}.call-tile{aspect-ratio:16/9;background:#193346;flex:none;place-items:center;width:100%;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.call-tile video{object-fit:cover;grid-area:1/1;width:100%;height:100%;min-height:0}.call-tile video.mirror{transform:scaleX(-1)}.call-tile.screen-tile{flex:none}.call-tile.screen-tile video{object-fit:contain}.tile-label{color:var(--paper);background:#193346cc;padding:3px 6px;font-size:11px;position:absolute;bottom:10px;left:12px}.tile-placeholder{color:var(--soft);text-align:center;padding:16px;font-size:13px;position:absolute}.tile-fullscreen{color:var(--paper);cursor:pointer;background:#193346;border:0;padding:5px;position:absolute;bottom:10px;right:10px}.call-controls{justify-content:center;align-items:center;gap:10px;display:flex}.call-controls button{border:2px solid var(--line);min-width:46px;height:46px;color:var(--paper);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;padding:8px 12px;display:flex}.call-controls button svg{stroke-width:1.5px;width:20px;height:20px}.call-controls button[aria-pressed=true]{background:var(--line);color:var(--blue)}.call-controls button:hover{background:#426078}.call-controls .screen-button{font-family:Syncopate,sans-serif;font-size:10px;font-weight:700}.call-controls .leave-button{color:#f2b7a9;border-color:#d49689}.call-chat{border-left:4px solid var(--line);flex-direction:column;min-width:0;min-height:0;padding-left:16px;display:flex}.chat-heading{padding:8px 0 16px;font-family:Syncopate,sans-serif;font-size:13px;font-weight:700}.chat-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding-right:6px;overflow:auto}.chat-empty{color:var(--soft);font-size:12px;line-height:1.6}.chat-message{overflow-wrap:anywhere;padding:10px 0;font-size:13px;line-height:1.6}.message-author{color:var(--line);margin-bottom:3px;font-size:10px;display:block}.chat-message.mine .message-author{color:var(--paper)}.chat-message p{white-space:pre-wrap;margin:0}.chat-file{color:var(--paper);align-items:flex-start;gap:8px;text-decoration:none;display:flex}.chat-file svg{flex:none;margin-top:3px}.chat-file small{color:var(--soft);font-size:10px;display:block}.chat-compose{align-items:center;gap:6px;padding-top:12px;display:flex}.chat-compose input{border:0;border-bottom:2px solid var(--line);width:100%;min-width:0;color:var(--paper);outline-offset:3px;background:0 0;padding:10px 0;font-size:12px}.chat-compose input::placeholder{color:var(--soft)}.chat-compose button{color:var(--paper);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:6px;display:grid}.chat-compose button:disabled{opacity:.35;cursor:default}.chat-upload{color:var(--soft);padding-top:8px;font-size:11px}.chat-upload div{background:var(--paper);height:4px;margin-top:6px}.call-error{color:#ffd2c6;text-align:center;align-self:center;max-width:600px;margin:12px 0 0;font-size:12px;line-height:1.5}.call-lobby .call-error{margin:0}.call-shell .footer-copy{justify-content:center}.call-shell .footer-legal{flex-wrap:wrap;justify-content:center}@media (max-width:1100px){.call-body{grid-template-columns:minmax(0,1fr) 230px}.call-workspace{padding:16px calc(var(--rail) + 16px)}.call-controls{gap:6px}.call-controls button{padding:6px 10px}.call-controls .screen-button span{font-size:9px}}@media (max-width:760px){.call-shell{--rail:42px}.call-workspace{padding:12px calc(var(--rail) + 10px)}.call-toolbar{padding-bottom:10px}.call-status{font-size:10px}.call-copy{gap:6px;font-size:11px}.call-body{flex-direction:column;gap:12px;display:flex}.call-stage{flex:1;gap:8px;min-height:0}.call-videos{gap:6px;min-height:0}.call-chat{border-left:0;border-top:4px solid var(--line);flex:0 32%;min-height:120px;padding:8px 0 0}.chat-heading{padding:0 0 6px;font-size:10px}.call-controls button{min-width:36px;height:40px;padding:6px}.call-controls .screen-button span{font-family:Roboto Mono,monospace;font-size:10px;font-weight:400}.call-controls button svg{width:16px;height:16px}.chat-compose{padding-top:6px}.chat-message{padding:6px 0;font-size:12px}.tile-label{font-size:9px;bottom:4px;left:4px}.tile-placeholder{font-size:11px}.call-error{margin-top:6px;font-size:10px}.call-lobby{gap:18px}}@media (max-width:380px){.call-shell{--rail:36px}.call-controls .screen-button span{display:none}.call-workspace{padding-right:calc(var(--rail) + 6px);padding-left:calc(var(--rail) + 6px)}}@media (max-height:560px) and (min-width:600px){.call-body{grid-template-columns:minmax(0,1fr) 220px;display:grid}.call-chat{flex:initial;border-top:0;border-left:4px solid var(--line);padding:0 0 0 12px}.call-workspace{padding-top:8px;padding-bottom:8px}.call-toolbar{padding-bottom:6px}.call-controls button{height:36px}.call-stage{gap:6px}}.call-tile .tile-close{z-index:3;color:#fff;opacity:0;background:#071421c9;border:0;place-items:center;width:30px;min-width:30px;height:30px;padding:0;transition:opacity .15s,background .15s;display:grid;position:absolute;top:8px;right:8px}.call-tile:hover .tile-close,.call-tile:focus-within .tile-close{opacity:1}.call-tile .tile-close:hover{background:#9c463d}.call-show-hidden{border:1px solid var(--line);color:var(--paper);cursor:pointer;background:0 0;align-self:flex-end;margin:-8px 0 8px;padding:5px 8px;font:400 11px Roboto Mono,monospace}.screen-presentation{z-index:10000;color:#fff;background:#06111b;position:fixed;inset:0}.screen-presentation.full .call-tile.screen-tile{aspect-ratio:auto;background:#050b11;width:100vw;height:100dvh;min-height:0;position:absolute;inset:0}.screen-presentation.full .call-tile.screen-tile video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.screen-presentation.full .tile-label{background:#06111bd9;font-size:12px;bottom:20px;left:24px}.presentation-heading{z-index:4;background:linear-gradient(#071421db,#0000);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 16px;font:500 12px Roboto Mono,monospace;display:flex;position:absolute;top:0;left:0;right:0}.presentation-heading>div{gap:8px;display:flex}.presentation-heading button{color:#fff;cursor:pointer;background:#071421a8;border:1px solid #ffffff52;border-radius:3px;place-items:center;width:38px;height:38px;padding:0;display:grid}.presentation-heading button:hover{background:#ffffff26}.presentation-people{z-index:3;scrollbar-width:thin;flex-direction:column;gap:10px;width:clamp(128px,16vw,220px);max-height:calc(100dvh - 88px);padding:2px;display:flex;position:absolute;top:68px;right:18px;overflow:auto}.presentation-people .call-tile{aspect-ratio:16/9;width:100%;min-height:0;box-shadow:0 5px 20px #0008}.presentation-people .tile-label{font-size:10px;bottom:6px;left:7px}.presentation-people .tile-close{opacity:1;width:27px;min-width:27px;height:27px}.screen-presentation.pip{aspect-ratio:16/9;border:1px solid #ffffff65;border-radius:5px;width:min(440px,100vw - 28px);inset:auto 22px 22px auto;overflow:hidden;box-shadow:0 16px 52px #000b}.screen-presentation.pip>.call-tile{aspect-ratio:auto;width:100%;height:100%}.screen-presentation.pip>.call-tile video{object-fit:contain}.screen-presentation.pip .presentation-heading{min-height:44px;padding:5px 8px;font-size:10px}.screen-presentation.pip .presentation-heading button{width:32px;height:32px}.screen-presentation.pip .tile-label{display:none}@media (max-width:760px){.call-tile .tile-close{opacity:1;width:26px;min-width:26px;height:26px;top:5px;right:5px}.call-show-hidden{margin-top:-4px;font-size:10px}.presentation-heading{min-height:48px;padding:6px 8px;font-size:10px}.presentation-heading button{width:34px;height:34px}.presentation-people{gap:7px;width:clamp(108px,31vw,155px);max-height:calc(100dvh - 72px);top:58px;right:8px}.presentation-people .tile-label{font-size:9px}.screen-presentation.pip{width:min(360px,100vw - 20px);bottom:10px;right:10px}}.call-tile .tile-play{z-index:2;color:#fff;cursor:pointer;background:#071421db;border:1px solid #ffffff9c;padding:9px 14px;font:400 11px Roboto Mono,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.call-tile .tile-play:hover{background:#17344b}.call-tile .tile-sound{z-index:3;color:#fff;cursor:pointer;background:#071421c9;border:0;place-items:center;width:30px;min-width:30px;height:30px;padding:0;display:grid;position:absolute;top:8px;right:44px}.call-tile .tile-sound:hover{background:#17344b}.call-note{color:var(--soft);text-align:center;max-width:360px;margin:0;font:400 11px/1.6 Roboto Mono,monospace}.call-shell{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:0 12px;overflow:hidden}.call-workspace{padding:12px calc(var(--rail) + 20px);--rail:70px;border-left:4px solid var(--line);border-right:4px solid var(--line)}.call-workspace:before,.call-workspace:after{display:block}.call-toolbar,.call-controls{flex-shrink:0}.call-body{gap:14px;overflow:hidden}.call-stage{gap:10px;overflow:hidden}.call-videos.fitted-grid{flex:1 1 0;place-content:center;gap:8px;min-width:0;min-height:0;display:grid;overflow:hidden}.fitted-grid>.call-tile{aspect-ratio:16/9;flex:initial;width:100%;height:100%}.fitted-grid>.call-tile video{object-fit:contain}.call-stage.presenting>.fitted-grid{flex:0 0 22%;min-height:0;max-height:150px}.shared-stage.expanded{background:#102737;flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.shared-toolbar{color:var(--soft);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.shared-toolbar button{width:30px;height:30px;color:var(--paper);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.shared-stage.expanded>.call-tile{aspect-ratio:auto;flex:1 1 0;width:100%;height:0;min-height:0}.shared-stage.expanded>.call-tile video{object-fit:contain;width:100%;height:100%}.shared-stage .tile-label{display:none}.shared-stage.minimized{border:1px solid var(--line);flex:none}.call-shell .footer{flex-shrink:0;max-height:44px}.call-shell .topbar{flex-shrink:0;max-height:68px}@media (max-width:1100px){.call-workspace{padding:12px calc(var(--rail) + 16px)}}@media (max-width:760px){.call-shell{--rail:42px;padding:0 6px}.call-workspace{padding:8px calc(var(--rail) + 10px)}.call-body{grid-template-rows:minmax(0,1fr) minmax(65px,20%);grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.call-chat{border-top-width:1px;min-height:0;padding-top:4px}.chat-heading{display:none}.call-controls button{height:36px}.call-toolbar{padding-bottom:6px}.call-stage.presenting>.fitted-grid{flex-basis:20%;max-height:110px}.call-shell .footer{max-height:28px}.call-shell .footer-legal{font-size:8px}.call-shell .topbar{max-height:52px}}@media (max-height:500px) and (min-width:600px){.call-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 210px}.call-shell .footer{display:none}.call-stage.presenting>.fitted-grid{max-height:85px}.call-workspace{padding-top:6px;padding-bottom:6px}}.call-shell .topbar{flex-basis:64px;min-height:0}.call-shell .footer{flex-basis:40px;min-height:0}@media (max-width:760px){.call-shell .topbar{flex-basis:50px}.call-shell .footer{flex-basis:28px}}@media (max-width:380px){.call-shell{--rail:36px}.call-workspace{padding-right:calc(var(--rail) + 6px);padding-left:calc(var(--rail) + 6px)}}