:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--border: #2a2f3a;--text: #e6e8ec;--muted: #8b93a1;--primary: #4f7cff;--primary-hover: #3f6ae6;--danger: #e5484d;--btn-hover: #262b36;color-scheme:dark}:root[data-theme=midnight]{--bg: #0b1020;--surface: #131a2e;--surface-2: #1b2540;--border: #26314f;--text: #e8ecf6;--muted: #8792ad;--primary: #7c5cff;--primary-hover: #6b4ce6;--danger: #ff5c7a;--btn-hover: #212c4a;color-scheme:dark}:root[data-theme=light]{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #eef0f4;--border: #d7dbe2;--text: #1b1f27;--muted: #5c6472;--primary: #3366ff;--primary-hover: #2a56e0;--danger: #d63a3f;--btn-hover: #e4e8ef;color-scheme:light}:root[data-theme=sepia]{--bg: #f4efe6;--surface: #fffaf1;--surface-2: #efe7d8;--border: #ded2bd;--text: #2a2419;--muted: #6b5f4c;--primary: #b6763b;--primary-hover: #9c6330;--danger: #c0492e;--btn-hover: #e8dfcd;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}.app{height:100%}.muted{color:var(--muted)}.small{font-size:12px}.spacer{flex:1}.hidden{display:none}.error-text{color:var(--danger);margin:.25rem 0}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem 1rem;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:var(--btn-hover)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;font-size:15px;width:100%}.input:focus{outline:none;border-color:var(--primary)}.row{display:flex;gap:.6rem;align-items:center}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:1rem}.field{display:flex;flex-direction:column;gap:.3rem;margin:.6rem 0}.field>span{font-size:13px;color:var(--muted)}.field.checkbox{flex-direction:row;align-items:center;gap:.5rem}.center{height:100%;display:flex;align-items:center;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.8rem;width:min(420px,92vw);display:flex;flex-direction:column;gap:.7rem;box-shadow:0 20px 60px #0006}.card.wide{width:min(640px,94vw);max-height:90vh;overflow:auto}.card h1{margin:0 0 .2rem}.card h2{margin:0 0 .4rem}.card h3{margin:1rem 0 .4rem;font-size:14px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.topbar{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;border-bottom:1px solid var(--border);background:var(--surface)}.topbar h1{font-size:18px;margin:0}.hall{height:100%;display:flex;flex-direction:column}.hall-actions{display:flex;gap:.6rem;padding:1rem 1.2rem}.lobby-list{list-style:none;margin:0;padding:0 1.2rem 1.2rem;overflow:auto}.lobby-item{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:.6rem;cursor:pointer}.lobby-item:hover{border-color:var(--primary)}.lobby-name{font-weight:500}.lobby-item-actions{display:flex;align-items:center;gap:.6rem}.empty{padding:2rem;text-align:center}.call{height:100%;display:flex;flex-direction:column}.call-body{flex:1;display:flex;min-height:0}.call-body.panel-left{flex-direction:row-reverse}.stage{flex:1;min-width:0;overflow:hidden;padding:1rem}.grid{height:100%;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:center}.spotlight{height:100%;display:flex;flex-direction:column;gap:.8rem}.spotlight-main{flex:1;min-height:0}.spotlight-main .tile{height:100%}.filmstrip{display:flex;gap:.6rem;overflow-x:auto;height:120px;flex:0 0 auto}.filmstrip .tile{width:200px;flex:0 0 auto}.tile{position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-height:140px;cursor:pointer}.tile-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:600;color:var(--muted);background:var(--surface-2)}.tile-bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:.35rem .6rem;background:linear-gradient(transparent,#0009);font-size:13px}.tile-icons{display:flex;gap:.3rem}.tile-fs{position:absolute;top:.4rem;right:.4rem;width:30px;height:30px;border-radius:6px;border:none;background:#00000073;color:#fff;font-size:15px;cursor:pointer;opacity:0;transition:opacity .15s}.tile:hover .tile-fs{opacity:1}.tile-fs:hover{background:#000000b3}.controls{display:flex;gap:.6rem;justify-content:center;padding:.9rem;border-top:1px solid var(--border);background:var(--surface)}.ctrl{width:52px;height:52px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:20px;cursor:pointer;transition:background .15s,transform .05s}.ctrl:hover{background:var(--btn-hover)}.ctrl:active{transform:scale(.94)}.ctrl.active{background:var(--primary);border-color:var(--primary)}.ctrl.leave{background:var(--danger);border-color:var(--danger);color:#fff}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}@media (max-width: 520px){.manual-grid{grid-template-columns:1fr}}.tile-deg{position:absolute;top:.4rem;left:.4rem;background:#e5484de6;color:#fff;font-size:12px;padding:.15rem .5rem;border-radius:6px;cursor:help}.sidepanel{position:relative;flex:0 0 auto;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface);min-width:260px}.call-body.panel-left .sidepanel{border-left:none;border-right:1px solid var(--border)}.resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:5}.resize-handle.right{left:-3px}.resize-handle.left{right:-3px}.resize-handle:hover{background:var(--primary);opacity:.4}.sidepanel-tabs{display:flex;align-items:center;gap:.3rem;padding:.4rem .6rem;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;color:var(--muted);padding:.4rem .6rem;border-radius:6px;cursor:pointer;font-size:14px}.tab:hover{background:var(--surface-2)}.tab.active{background:var(--surface-2);color:var(--text)}.sidepanel-body{flex:1;min-height:0;display:flex}.icon-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:32px;height:32px;cursor:pointer}.icon-btn.active{background:var(--primary);border-color:var(--primary)}.linkbtn{background:none;border:none;color:var(--muted);cursor:pointer}.chat{flex:1;display:flex;flex-direction:column;min-height:0}.chat-list{flex:1;overflow-y:auto;padding:.7rem;display:flex;flex-direction:column;gap:.6rem}.chat-empty{text-align:center;padding:1.5rem}.chat-msg{display:flex;flex-direction:column;gap:.15rem;max-width:90%}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-meta{font-size:.8em;color:var(--muted)}.chat-author{color:var(--text);font-weight:500}.chat-text{background:var(--surface-2);padding:.4rem .6rem;border-radius:8px;white-space:pre-wrap;word-break:break-word}.chat-msg.mine .chat-text{background:var(--primary);color:#fff}.chat-img{max-width:200px;max-height:200px;border-radius:8px;display:block;cursor:pointer}.chat-file{display:inline-block;background:var(--surface-2);padding:.4rem .6rem;border-radius:8px;color:var(--text);text-decoration:none}.chat-pending{padding:.4rem .7rem;border-top:1px solid var(--border);font-size:13px;display:flex;gap:.5rem;align-items:center}.upload-bar{flex:1;height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.upload-bar-fill{height:100%;background:var(--primary);transition:width .15s}.chat-video{position:relative;display:inline-block;cursor:pointer}.chat-video-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.lightbox-media{max-width:92vw;max-height:82vh;border-radius:8px}.lightbox-dl{color:#fff;background:#ffffff26;padding:.5rem 1rem;border-radius:8px;text-decoration:none}.lightbox-dl:hover{background:#ffffff47}.chat-reply-quote{font-size:12px;color:var(--muted);border-left:2px solid var(--border);padding-left:.4rem;margin:.2rem 0}.chat-actions{display:flex;gap:.4rem;margin-top:.15rem;opacity:.55;transition:opacity .1s}.chat-msg:hover .chat-actions{opacity:1}.chat-reactions{display:flex;gap:.3rem;margin-top:.25rem;flex-wrap:wrap}.reaction{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.05rem .45rem;font-size:12px;cursor:pointer;color:var(--text)}.reaction.mine{border-color:var(--primary)}.chat-edit textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem}@media (max-width: 640px){body{font-size:14px}.stage{padding:.5rem}.grid{grid-template-columns:1fr;align-content:start}.controls{gap:.4rem;padding:.6rem .4rem;flex-wrap:wrap}.ctrl{width:44px;height:44px}.topbar{padding:.6rem .8rem}.hall-actions{padding:.8rem}.sidepanel{position:absolute;top:0;right:0;bottom:0;left:0;width:auto!important;min-width:0;z-index:40;border:none}.resize-handle{display:none}.card.settings{width:96vw}.settings-layout{flex-direction:column;min-height:0}.settings-tabs{flex-direction:row;flex-wrap:wrap;flex:none}}.chat-input{display:flex;gap:.4rem;padding:.6rem;border-top:1px solid var(--border);align-items:flex-end}.chat-input textarea{flex:1;resize:none;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.5rem;font:inherit;max-height:120px}.chat-input .send{width:40px}.users{flex:1;overflow-y:auto;padding:.6rem;display:flex;flex-direction:column;gap:.5rem}.user-row{background:var(--surface-2);border-radius:8px;padding:.5rem .6rem}.user-top{display:flex;align-items:center;gap:.5rem}.user-name{flex:1;font-weight:500}.user-icons{display:flex;gap:.2rem;color:var(--muted)}.user-row input[type=range]{width:100%;margin-top:.4rem}.settings{width:min(720px,96vw);max-height:90vh}.settings-layout{display:flex;gap:1rem;min-height:320px}.settings-tabs{display:flex;flex-direction:column;gap:.2rem;flex:0 0 150px}.settings-tabs .tab{text-align:left}.settings-content{flex:1;min-width:0;overflow-y:auto;max-height:60vh}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:.7rem 1.1rem;border-radius:10px;cursor:pointer;z-index:100;box-shadow:0 10px 30px #0006}