:root{color:#e8eaed;font-synthesis:none;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 10%,#253044 0,#0000 30rem),#101114;min-height:100vh}button,input,select{font:inherit}button,.file-button{color:#f4f5f6;cursor:pointer;background:#22242a;border:1px solid #3b3d43;border-radius:999px;padding:.7rem 1rem}button:hover,.file-button:hover{background:#2d3037}button:disabled{opacity:.42;cursor:not-allowed}button.primary{color:#131417;background:#f0f2f5;border:0;font-weight:700}button.danger{color:#ffb7b7}input,select{width:100%;color:inherit;background:#17191d;border:1px solid #3c3e44;border-radius:.75rem;padding:.8rem .9rem}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:2px solid #a8c7ff}.app-shell{min-height:100vh}.lobby{width:min(42rem,100% - 2rem);margin:0 auto;padding:12vh 0 4rem}.brand{text-transform:uppercase;letter-spacing:.24em;color:#a8c7ff;font-size:.74rem;font-weight:800}.brand.compact{margin-right:1rem;display:inline-block}h1{letter-spacing:-.065em;max-width:10ch;margin:.6rem 0 1rem;font-size:clamp(3rem,10vw,6rem);line-height:.88}.lede{color:#b7bbc4;max-width:40rem;font-size:1.08rem;line-height:1.6}.lobby-card{backdrop-filter:blur(18px);background:#181a1fd6;border:1px solid #303239;border-radius:1.2rem;gap:1rem;margin-top:2.5rem;padding:1.2rem;display:grid}.lobby-card label{color:#bfc3cb;gap:.45rem;font-size:.82rem;display:grid}.privacy-note,.status{color:#9297a1;font-size:.85rem}.privacy-note{margin-top:1.25rem;line-height:1.5}.conference{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{background:#15171b;border-bottom:1px solid #2d2f34;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.peer-count{color:#858a95;margin-left:.8rem;font-size:.8rem}.top-actions,.controls{flex-wrap:wrap;gap:.5rem;display:flex}.workspace{grid-template-columns:minmax(0,1fr) 22rem;min-height:0;display:grid}.stage{flex-direction:column;min-width:0;padding:1rem;display:flex}.video-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(24rem,100%),1fr));align-content:center;gap:.75rem;min-height:0;display:grid}.video-tile{aspect-ratio:16/9;background:#08090b;border:1px solid #2e3036;border-radius:1rem;min-height:14rem;position:relative;overflow:hidden}.video-tile video{object-fit:cover;width:100%;height:100%}.nameplate{backdrop-filter:blur(10px);background:#0a0b0db8;border-radius:.45rem;align-items:center;gap:.45rem;padding:.35rem .55rem;font-size:.8rem;display:flex;position:absolute;bottom:.7rem;left:.7rem}.empty-peer{color:#777d88;text-align:center;border:1px dashed #34373e;border-radius:1rem;place-items:center;min-height:14rem;padding:2rem;display:grid}.controls{justify-content:center;padding:1rem 0 .4rem}.controls button.active{border-color:#607ba8}.share-mode{color:#8e949f;grid-template-columns:auto minmax(9rem,12rem);align-items:center;gap:.45rem;font-size:.72rem;display:grid}.share-mode select{border-radius:999px;width:auto;min-width:0;padding:.55rem .65rem}.device-settings,.diagnostics{color:#8e949f;text-align:center;align-self:center;font-size:.75rem}.device-settings{width:min(42rem,100%);margin-top:.4rem}.device-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.6rem;margin-top:.6rem;display:grid}.device-grid label{gap:.3rem;display:grid}.device-grid select{min-width:0;padding:.55rem .7rem}.diagnostics span{margin-top:.3rem;display:block}.stage>.status{text-align:center;min-height:1rem;margin:.45rem 0 0}.side-panel{background:#15171b;border-left:1px solid #2d2f34;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.chat{grid-template-rows:auto 1fr auto;min-height:0;display:grid}.panel-heading{justify-content:space-between;align-items:center;padding:1rem;display:flex}.panel-heading h2,.downloads h2{margin:0;font-size:.95rem}.file-button{padding:.45rem .7rem;font-size:.75rem}.file-button input{display:none}.messages{padding:0 1rem 1rem;overflow:auto}.message{background:#202228;border-radius:.8rem;margin:.7rem 0;padding:.7rem .8rem}.message.self{background:#293449;margin-left:2rem}.message strong,.message time{font-size:.68rem}.message p{margin:.25rem 0;line-height:1.4}.message time{color:#838995}.composer{border-top:1px solid #2d2f34;grid-template-columns:1fr auto;gap:.5rem;padding:.8rem;display:grid}.downloads{border-top:1px solid #2d2f34;gap:.4rem;padding:.8rem;display:grid}.downloads a{color:#dce6f8;background:#202228;border-radius:.65rem;gap:.2rem;padding:.55rem;text-decoration:none;display:grid}.downloads small{color:#858b96}@media (width<=840px){.workspace{grid-template-rows:minmax(55vh,1fr) minmax(18rem,42vh);grid-template-columns:1fr}.side-panel{border-top:1px solid #2d2f34;border-left:0}.topbar{align-items:flex-start}.peer-count{margin:.25rem 0 0;display:block}}@media (prefers-color-scheme:light){:root{color:#202124;background:#f5f6f7}body{background:radial-gradient(circle at 20% 10%,#dce8fa 0,#0000 30rem),#f5f6f7}.lobby-card,.topbar,.side-panel{background:#ffffffe0}input,select,button,.file-button,.message,.downloads a{color:#202124;background:#f0f1f3;border-color:#d5d7dc}.message.self{background:#dce8fa}.video-tile{background:#dde0e4;border-color:#d3d5da}.topbar,.side-panel,.composer,.downloads{border-color:#d8dade}button.primary{color:#fff;background:#202124}}.quality-badge{text-transform:capitalize;opacity:.9;border:1px solid;border-radius:999px;padding:.12rem .35rem;font-size:.62rem;line-height:1}.quality-good{color:#a7d7b5}.quality-constrained{color:#e5c989}.quality-poor,.quality-reconnecting{color:#f0a6a6}