:root{--bg:#0e0f11;--panel:#16181c;--panel-2:#1c1f24;--line:#292d34;--fg:#e7e9ec;--dim:#9aa1ab;--accent:#5b8cff;--ok:#4ade80;--err:#f87171;--wait:#fbbf24;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);padding-bottom:env(safe-area-inset-bottom);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-weight:600;display:flex}.spacer{flex:1}.center{flex:1;place-items:center;padding:24px 16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:26rem;padding:22px}.card h1{letter-spacing:-.02em;margin:0 0 4px;font-size:1.35rem;font-weight:600}.card p.sub{color:var(--dim);margin:0 0 18px;font-size:.92rem}label{color:var(--dim);margin:12px 0 5px;font-size:.83rem;display:block}input,select{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;outline:none;width:100%;padding:9px 11px}input:focus,select:focus{border-color:var(--accent)}button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;display:inline-flex}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}button.sec{background:var(--panel-2);color:var(--fg);border-color:var(--line)}button.danger{color:var(--err);background:#3a1d20;border-color:#5b2a2e}button.wide{width:100%;margin-top:16px}button.sm{padding:6px 10px;font-size:.86rem}button.icon{border-radius:50%;width:46px;height:46px;padding:0}button.icon.off{color:var(--err);background:#3a1d20;border-color:#5b2a2e}.row{align-items:center;gap:8px;display:flex}.msg{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;margin-top:14px;padding:9px 11px;font-size:.9rem}.msg.ok{color:var(--ok);border-color:#234f36}.msg.err{color:var(--err);border-color:#5b2a2e}.msg.wait{color:var(--wait);border-color:#5b4520}.linkish{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.stage{flex:1;min-height:0;display:flex;position:relative}.grid-toggle{z-index:3;color:var(--fg);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#0009;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;display:flex;position:absolute;top:20px;right:20px}.grid-toggle:hover{background:#000c}.grid-toggle.on{border-color:var(--accent);right:calc(14rem + 20px)}.grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:center;gap:8px;padding:12px;display:grid;overflow:auto}.tile{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%}.tile.speaking{border-color:var(--ok)}.tile .name{background:#0009;border-radius:5px;padding:2px 8px;font-size:.8rem;position:absolute;bottom:8px;left:8px}.tile .placeholder{color:var(--dim);place-items:center;font-size:2rem;display:grid;position:absolute;inset:0}.sidebar{border-left:1px solid var(--line);background:var(--panel);width:20rem;padding:14px;overflow:auto}.thumbs{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;flex:none;gap:8px;width:14rem;padding:10px;display:flex;overflow-y:auto}.thumbs h2{margin:0;font-size:.9rem;font-weight:600}.thumbs .tile{flex:none}.thumbs .tile .menu{left:auto;right:0}@media (width<=720px){.stage{flex-wrap:wrap}.thumbs{border-left:0;border-top:1px solid var(--line);flex-direction:row;width:100%;overflow:auto hidden}.thumbs h2{display:none}.thumbs .tile{width:9rem}.grid-toggle.on{right:20px}}.sidebar h2{margin:0 0 10px;font-size:.95rem;font-weight:600}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);padding:9px 0}.list .meta{color:var(--dim);font-size:.8rem}.list .acts{gap:6px;margin-top:6px;display:flex}.empty{color:var(--dim);padding:8px 0;font-size:.88rem}.controls{border-top:1px solid var(--line);background:var(--panel);justify-content:center;gap:10px;padding:12px;display:flex}.banner{color:var(--err);background:#3a1d20;border-bottom:1px solid #5b2a2e;align-items:center;gap:8px;padding:9px 16px;font-size:.9rem;display:flex}@media (width<=720px){.stage{flex-direction:column}.sidebar{border-left:none;border-top:1px solid var(--line);width:auto;max-height:45vh}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:8px}button.icon{width:52px;height:52px}}.banner.ask{color:var(--fg);background:#1e2a3a;border-bottom-color:#2f4460}.list.chat li.mine .text{color:var(--accent)}.list.chat .text{white-space:pre-wrap;word-break:break-word}.reaction-bar{background:var(--panel-2);border-top:1px solid var(--line);justify-content:center;gap:6px;padding:8px;display:flex}.reaction-bar button{padding:6px 10px;font-size:1.3rem}.tile .reactions{pointer-events:none;font-size:1.5rem;position:absolute;top:8px;right:8px}.tile .name{align-items:center;gap:5px;display:flex}.tile-menu{position:absolute;bottom:6px;right:6px}.tile-menu .menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);z-index:5;flex-direction:column;gap:4px;min-width:13rem;padding:6px;display:flex;position:absolute;bottom:34px;right:0}.tile-menu .menu button{justify-content:flex-start}button.icon.on{background:var(--accent);color:#fff;border-color:#0000}button.icon{position:relative}.badge{background:var(--err);color:#fff;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;line-height:18px;position:absolute;top:-3px;right:-3px}img.emoji{vertical-align:-.28em;object-fit:contain}.emoji-picker{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;gap:4px;margin-bottom:8px;padding:6px;display:flex}.emoji-picker button,.reaction-bar button{padding:4px;line-height:0}.tile.screen{aspect-ratio:16/9;background:#000;grid-column:1/-1}.tile.screen video{object-fit:contain}.grid.focus{grid-template-columns:1fr;align-content:stretch}.grid.focus .tile.screen{aspect-ratio:auto;min-height:0}.tile .reactions{gap:2px;line-height:0;display:flex}.bg-panel{background:var(--panel-2);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.bg-panel .hint{color:var(--dim);flex-basis:100%;margin:0;font-size:.8rem}.bg-panel button.on{background:var(--accent);color:#fff;border-color:#0000}.bg-thumb{position:relative}.bg-thumb>button:first-child{border:2px solid var(--line);background-position:50%;background-size:cover;border-radius:6px;width:78px;height:44px;padding:0}.bg-thumb>button.on{border-color:var(--accent)}.bg-thumb .remove{border-radius:50%;width:20px;height:20px;padding:0;position:absolute;top:-6px;right:-6px}