:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.room{grid-template:"header header""filmstrip filmstrip""stage sidebar"1fr/1fr 20rem;height:100vh;display:grid}.room-header{grid-area:header;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.room-header h1{margin:0;font-size:1.25rem}.controls{gap:.5rem;margin-left:auto;display:flex}.filmstrip{grid-area:filmstrip;gap:.25rem;margin:0;padding:.5rem 1rem;list-style:none;display:flex}.filmstrip-rows-1 .tile{flex:1 1 0;min-width:0;max-width:12rem}.filmstrip-rows-2{flex-wrap:wrap;max-height:22vh;overflow-y:auto}.filmstrip-rows-2 .tile{flex:calc(9.09091% - .25rem);min-width:0;max-width:14rem}.tile{border:3px solid #0000;border-radius:.5rem;transition:border-color .15s ease-out}.tile-speaking{border-color:#2b8a3e}.tile-media{aspect-ratio:16/9;color:#eee;background:#333;border-radius:.3rem;place-items:center;display:grid;overflow:hidden}.tile-media video{object-fit:cover;width:100%;height:100%}.tile-placeholder{font-size:1.5rem;font-weight:600}.tile-caption{flex-wrap:wrap;gap:.25rem;padding:.25rem .1rem;font-size:.7rem;display:flex}.tile-name{font-weight:600}.tile-role,.badge{background:#7f7f7f33;border-radius:.25rem;padding:0 .3rem}.badge-hand{color:#000;background:#ffd43b}.badge-signal{color:#000;background:#74c0fc}.badge-quality{color:#000;background:#ff8787}.stage{grid-area:stage;padding:1rem}.sidebar{border-left:1px solid #7f7f7f66;flex-direction:column;grid-area:sidebar;gap:1rem;padding:.5rem 1rem;display:flex;overflow-y:auto}.sidebar h2{margin:0 0 .5rem;font-size:1rem}.signal-buttons{flex-wrap:wrap;gap:.25rem;display:flex}button[aria-pressed=true]{outline:2px solid}.tallies{grid-template-columns:repeat(3,1fr);gap:.25rem;margin:.5rem 0 0;display:grid}.tallies dt{font-size:.75rem}.tallies dd{margin:0;font-weight:600}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-log{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.chat-log li{margin-bottom:.5rem}.chat-sender{font-weight:600}.chat-log time{opacity:.7;font-size:.75rem}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chat-form{align-items:center;gap:.25rem;display:flex}.chat-form input{flex:1}.ptt-active{color:#fff;background:#2b8a3e}:focus-visible{outline-offset:2px;outline:3px solid #4dabf7}@media (prefers-reduced-motion:reduce){.tile{transition:none}}