*{box-sizing:border-box}body{color:#e7e8ec;background:#101114;margin:0;font:15px system-ui,sans-serif}main{padding:24px}h1{margin:0 0 20px;font-size:22px}h2{margin:0 0 14px;font-size:16px}form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}label{color:#bec2cc;gap:6px;display:grid}input,select,button{min-height:40px;color:inherit;font:inherit;background:#1c1e24;border:1px solid #484c57;border-radius:5px;padding:8px 12px}button{cursor:pointer;background:#303642}button:hover{background:#3b4352}:focus-visible{outline-offset:3px;outline:2px solid #a2bcff}:disabled{opacity:.6;cursor:default}#status{color:#bec2cc;min-height:22px}#session{grid-template-columns:200px minmax(0,1fr);gap:24px;margin-top:24px;display:grid}#participants{margin:0;padding:0;list-style:none}#participants li{overflow-wrap:anywhere;margin-bottom:16px}#participants small{color:#a9afbd;margin-top:3px;display:block}#screens{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;display:grid}figure{background:#050506;border:1px solid #343843;border-radius:5px;margin:0;overflow:hidden}video{aspect-ratio:16/9;object-fit:contain;width:100%;display:block}figcaption{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}figcaption button{min-height:32px;font-size:13px}figure:fullscreen{flex-direction:column;display:flex}figure:fullscreen video{flex:1;min-height:0}[hidden]{display:none!important}@media (width<=700px){main{padding:16px}#session{grid-template-columns:1fr}#participants{flex-wrap:wrap;gap:16px;display:flex}#participants li{margin:0}input{width:100%}}