:root{--red:#fc3d21;--gray:#a19d94;--gray-light:#e8e6e1;--ink:#000;--paper:#fff;--mark:var(--red)}@media (prefers-color-scheme:dark){:root{--gray-light:#3f3c38;--ink:#fff;--paper:#000;--mark:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,Liberation Sans,sans-serif;font-weight:300;line-height:1.3}button,input{font:inherit;color:inherit;border-radius:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.page{flex-direction:column;width:100%;max-width:64em;min-height:100dvh;margin:0 auto;padding:0 1.5em;display:flex}.page--room{height:100dvh}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1em 2em;padding:1.5em 0 .75em;display:flex}.masthead__brand{color:var(--mark);align-items:flex-end;gap:.5em;display:flex}.masthead__stem{color:var(--ink);font-size:1.6em;font-weight:300;line-height:1}.masthead__id{font-size:.8em}.masthead__tools{flex-wrap:wrap;gap:.5em;display:flex}.rule{border:0;border-top:1px solid var(--ink)}.folio{color:var(--gray);text-align:right;margin-top:auto;padding:1em 0;font-size:.75em}.sign{border:1px solid var(--ink);background:var(--ink);color:var(--paper);white-space:nowrap;cursor:pointer;padding:.6em 1em;font-weight:700}.sign:disabled{opacity:.5;cursor:default}.sign--red{border-color:var(--red);background:var(--red);color:#fff}.sign--outline{color:var(--ink);background:0 0}.link{cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:1em;text-decoration:underline}.caption{color:var(--gray);font-size:.8em}.notice{background:var(--ink);color:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em 1em;margin-top:.75em;padding:.75em 1em;display:flex}.notice strong{display:block}.notice .sign--outline{border-color:var(--paper);color:var(--paper)}.cover{flex:1;grid-template-rows:auto 1fr;grid-template-columns:1fr 2fr;gap:2em;padding:2em 0;display:grid}.cover h1{margin-bottom:.5em;font-size:1.5em;font-weight:700;line-height:1.2}.cover__lede{max-width:22em}.cover__mark{color:var(--mark);grid-column:1/-1;align-self:end}.form{flex-direction:column;display:flex}.field{border-bottom:1px solid var(--gray-light);padding:.75em 0;display:block}.field__label{margin-bottom:.35em;font-size:.8em;font-weight:700;display:block}.field input{background:0 0;border:0;width:100%;padding:.25em 0}.field__hint{margin-top:.35em}.tiles{flex-wrap:wrap;gap:.5em;margin-top:.35em;display:flex}.tile{border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;padding:.5em .9em;font-weight:700}.tile[aria-pressed=true]{background:var(--ink);color:var(--paper)}.form .sign--red{align-self:flex-start;margin-top:1.5em}.room{flex:1;grid-template-columns:14em 1fr;gap:2em;min-height:0;padding:1em 0;display:grid}.rail h2,.body h2{margin-bottom:.25em;font-size:1em;font-weight:700}.rail section+section{margin-top:1.5em}.peers{list-style:none}.peers li:before{content:"→ "}.you{color:var(--mark)}.status{align-items:center;gap:.5em;margin-top:.25em;display:flex}.status__block{border:1px solid var(--ink);width:1.2em;height:1.2em}.status__block[data-status=connected]{border-color:var(--red);background:var(--red)}.status__block[data-status=connecting]{border-color:var(--gray);background:var(--gray)}.status__block[data-quality=good]{border-color:var(--red);background:var(--red)}.status__block[data-quality=degraded]{border-color:var(--gray);background:var(--gray)}.status__block[data-speaking=true]{outline:2px solid var(--ink);outline-offset:1px}.volume{margin-top:.5em;display:block}.volume--peer{margin-top:.35em}.volume__label{color:var(--gray);margin-bottom:.15em;font-size:.8em;display:block}.volume input[type=range]{width:100%;accent-color:var(--ink)}.rail select{border:0;border-bottom:1px solid var(--gray);width:100%;color:inherit;background:0 0;margin-top:.35em;padding:.3em 0}.body{flex-direction:column;min-height:0;display:flex}.live{border-top:1px solid var(--ink);background:#000;width:100%;max-height:40vh;display:block}.screens{flex-wrap:wrap;gap:.5em;padding:.5em 0;display:flex}.screens canvas{background:#000;max-width:100%;display:block}.screen-own{width:160px;height:auto}.screen-own-wrap,.screen-tile{flex-direction:column;gap:.25em;display:flex}.screen-tile canvas{width:var(--tile-w,320px);height:auto}.screen-tile--max,.screen-tile--max canvas{width:100%}.screen-tile__bar{align-items:center;gap:.75em;display:flex}.screen-tile__variant{letter-spacing:.05em;font-weight:700}.screen-tile__quality{border:0;border-bottom:1px solid var(--gray);color:inherit;background:0 0;padding:.1em 0;font-size:.8em}.screen-tile__bar .sign--small{margin-left:auto;padding:.2em .6em;font-size:.75em}.messages{border-top:1px solid var(--ink);flex:1;min-height:0;margin-top:.5em;overflow-y:auto}.message{border-bottom:1px solid var(--gray-light);grid-template-columns:7em 1fr auto;align-items:baseline;gap:.75em;padding:.5em 0;display:grid}.message__sender{overflow-wrap:anywhere;grid-area:1/1;font-weight:700}.message__time{grid-area:1/3}.message__text{overflow-wrap:anywhere;grid-area:1/2}.message__attachments{flex-wrap:wrap;grid-area:2/2;align-items:flex-start;gap:.5em;display:flex}.message__attachment{flex-direction:column;align-items:flex-start;gap:.25em;max-width:calc(33.3333% - .333333em);margin:0;display:flex}.message__attachment img,.message__attachment video{object-fit:contain;width:auto;max-width:100%;height:8em}.message__failed{color:var(--mark);grid-area:3/2}.messages>.caption{padding:.5em 0;display:block}.compose{border-top:1px solid var(--ink);flex-wrap:wrap;gap:.5em;padding:.75em 0;display:flex}.draft-row{flex-wrap:wrap;gap:.5em;width:100%;display:flex}.draft-chip{width:4em;height:4em;position:relative}.draft-chip img,.draft-chip video{object-fit:cover;width:100%;height:100%}.draft-chip__remove{border:1px solid var(--ink);background:var(--paper);cursor:pointer;line-height:1;position:absolute;top:-.4em;right:-.4em}.compose input{border:0;border-bottom:1px solid var(--gray);background:0 0;flex:1;min-width:0;padding:.4em 0}@media (max-width:40em){.cover,.room{grid-template-columns:1fr}.cover__mark{display:none}.message{grid-template-columns:5em 1fr auto}}