.video-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:.55rem;padding:.65rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .12s ease,color .12s ease}.video-button-primary{background:#12b8a6;color:#071b27}.video-button-primary:hover{background:#0e9e90}.video-button-ghost{border:1px solid rgba(255,255,255,.25);color:#fff}.video-button-ghost:hover{background:rgba(255,255,255,.08)}.video-panel{border:1px solid rgba(255,255,255,.14);border-radius:.8rem;background:rgba(255,255,255,.06);padding:1.2rem}.video-auth form input,.video-auth form select,.video-auth form textarea{min-height:2.75rem;width:100%;border:1px solid rgba(255,255,255,.22);border-radius:.55rem;background:rgba(255,255,255,.08);padding:.65rem .8rem;color:#fff}.video-error{color:#fecaca;font-size:.875rem}.video-room{position:relative;min-height:calc(100vh - 10rem);border-radius:1rem;background:#0b1220;padding:1rem;color:#fff}.video-stage-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem .25rem 1rem}.video-status{border-radius:999px;background:rgba(255,255,255,.1);padding:.4rem .7rem;font-size:.75rem}.video-status[data-tone=ok]{background:rgba(18,184,166,.18);color:#8ff3e7}.video-status[data-tone=error],.video-status[data-tone=ended]{background:rgba(220,38,38,.18);color:#fecaca}.video-room-error{margin-top:1rem;border:1px solid rgba(248,113,113,.5);border-radius:.6rem;background:rgba(127,29,29,.45);padding:.75rem;color:#fecaca}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;padding:1rem 0 5rem}.video-tile{position:relative;min-height:170px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:.7rem;background:#182236}.video-tile video{height:100%;width:100%;min-height:170px;object-fit:cover}.video-tile span{position:absolute;bottom:.55rem;left:.55rem;border-radius:.35rem;background:rgba(0,0,0,.65);padding:.3rem .5rem;font-size:.75rem}.video-toolbar{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;flex-wrap:wrap;gap:.5rem;border-radius:.75rem;background:#fff;padding:.65rem;box-shadow:0 12px 30px rgba(0,0,0,.28)}.video-control{min-height:2.6rem;border-radius:.5rem;border:1px solid #d0d5dd;background:#fff;padding:.5rem .8rem;font-size:.8rem;font-weight:700;color:#344054}.video-control:hover{background:#f2f4f7}.video-control-danger{border-color:#fecdca;color:#b42318}.video-chat{position:absolute;right:1rem;top:4.8rem;z-index:3;display:flex;height:min(30rem,70vh);width:min(22rem,calc(100% - 2rem));flex-direction:column;border-radius:.75rem;background:#fff;color:#101828;box-shadow:0 12px 30px rgba(0,0,0,.35)}@media (max-width:640px){.video-toolbar{left:.5rem;right:.5rem;bottom:.5rem}.video-control{flex:1 1 auto}.video-room{margin-left:-.5rem;margin-right:-.5rem;border-radius:0}.video-grid{padding-bottom:9rem}}

.video-chat[hidden]{display:none!important}.video-stage-header .eyebrow{color:#94a3b8!important}.video-room{padding-bottom:6rem}.video-toolbar{position:sticky;bottom:.5rem;margin-top:1rem;z-index:2}.video-grid{padding-bottom:1rem}.video-chat{position:fixed;top:5rem;right:1rem;max-height:calc(100dvh - 11rem)}@media(min-width:1200px){.video-chat{right:21rem}}@media(max-width:640px){.video-stage-header{flex-wrap:wrap}.video-chat{top:5rem;left:1rem;right:1rem;width:auto;height:45dvh;max-height:45dvh}.video-room{padding-bottom:1rem}.video-grid{grid-template-columns:minmax(0,1fr)}}