*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0b0b10;color:#eee;font-family:system-ui,Segoe UI,Tahoma,sans-serif}button,input{font:inherit}.sauth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.scard{background:#16161f;border:1px solid #2a2a38;border-radius:12px;padding:20px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px}.scard.small{max-width:300px;align-items:center;text-align:center}.scard input{background:#0f0f16;border:1px solid #333;border-radius:8px;color:#eee;padding:9px}.stabs{display:flex;gap:6px}.stabs button{flex:1;background:#0f0f16;color:#aaa;border:1px solid #333;border-radius:8px;padding:7px;cursor:pointer}.stabs button.on{background:#8b2a3f;color:#fff;border-color:#8b2a3f}.sbtn{background:#8b2a3f;color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer}.sbtn.ghost{background:#23232f;color:#ddd}.sbtn.danger{background:#b22}.sbtn:disabled{opacity:.5}.serr{color:#ff7b7b;font-size:13px}.swrap{display:flex;flex-direction:column;height:100%}.shead{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#12121a;border-bottom:1px solid #222}.stitle{font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdot{width:10px;height:10px;border-radius:50%;background:#666}.sdot.on{background:#e33;box-shadow:0 0 6px #e33}.sviews{font-size:13px;color:#aaa}.sme{display:flex;align-items:center;gap:6px;cursor:pointer;background:none;border:0;color:#ddd}.sav{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#333}.sav.big,.sbig{width:80px;height:80px;border-radius:50%;object-fit:cover;background:#333}.stage{position:relative;flex:1;background:#000;overflow:hidden;min-height:0}.stage.pfs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.stage:fullscreen{width:100%;height:100%}.stage video{width:100%;height:100%;object-fit:contain;background:#000}.stage video.nocontrols::-webkit-media-controls{display:none!important}.swait,.stap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:18px}.stap{background:#00000080;color:#fff;border:0;cursor:pointer}.stools{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:3}.stools button{background:#00000073;color:#fff;border:0;border-radius:8px;padding:6px 10px;cursor:pointer}.schat{position:absolute;left:0;bottom:0;top:40%;width:min(320px,45%);direction:ltr;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;pointer-events:none;z-index:2}.stage.host .schat{bottom:56px}.smsgs{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;overflow:hidden;flex:1}.smsg{display:flex;align-items:flex-start;gap:6px;background:#00000047;border-radius:12px;padding:3px 8px;font-size:14px;text-shadow:0 1px 2px #000;width:fit-content;max-width:100%;direction:auto;unicode-bidi:plaintext}.smsg .sav{width:22px;height:22px;flex-shrink:0}.smsg b{cursor:pointer;pointer-events:auto;color:#ffd27a}.smsg.host b{color:#ff8fa6}.sbody{word-break:break-word}.smod{pointer-events:auto;background:none;border:0;color:#f88;cursor:pointer;padding:0 3px}.sin{pointer-events:auto;margin-top:6px;background:#00000059;border:1px solid rgba(255,255,255,.25);border-radius:18px;color:#fff;padding:7px 12px;width:100%}.shost{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;background:#12121a;border-top:1px solid #222}.shost input[type=text],.shost input:not([type]){background:#0f0f16;border:1px solid #333;border-radius:8px;color:#eee;padding:7px}.sfile{max-width:220px;color:#ccc}.shint{font-size:12px;color:#999;width:100%}.smodal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.smsg img,.sme img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0;opacity:.6}.sme img{width:32px;height:32px;opacity:1}.smsg .sav{width:60px;height:60px;opacity:.6;display:flex;align-items:center;justify-content:center;font-size:24px}.smsg>div,.smsg>span:not(.sav){min-width:0}img.sbig{width:80px;height:80px;border-radius:50%;object-fit:cover}.sin{background:transparent;border:0;padding:0;border-radius:0}.sin input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.3);border-radius:18px;color:#fff;padding:7px 12px;outline:0;text-shadow:0 1px 2px #000}.sin input::placeholder{color:#ffffffa6}.spick{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.scard textarea{background:#0f0f16;border:1px solid #333;border-radius:8px;color:#eee;padding:9px;width:100%;resize:none}.smsgs{transition:opacity .6s}.schat.idle .smsgs{opacity:0}.sin input{transition:opacity .6s,background .6s,border-color .6s}.schat.idle .sin input{opacity:.25;background:transparent;border-color:#ffffff1f}.schat:not(.idle) .sin input:focus{opacity:1}.seye{pointer-events:auto;background:none;border:0;color:#fff;opacity:.45;cursor:pointer;padding:0 2px;font-size:12px;align-self:center}.seye:hover{opacity:1}.shid{display:flex;flex-wrap:wrap;gap:6px;width:100%}.scard.spanel{max-width:760px;max-height:88vh;overflow:auto;align-items:stretch}.sform{display:flex;flex-direction:column;gap:10px}.srow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.srow input[type=number],.srow input:not([type]),.srow input[type=password]{width:140px;background:#0f0f16;border:1px solid #333;border-radius:8px;color:#eee;padding:7px}.sactions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sactions input{flex:1;min-width:120px;background:#0f0f16;border:1px solid #333;border-radius:8px;color:#eee;padding:7px}.stblwrap{overflow:auto;max-height:50vh}.stbl{width:100%;border-collapse:collapse;font-size:13px}.stbl th,.stbl td{padding:6px 8px;border-bottom:1px solid #2a2a38;text-align:start;white-space:nowrap}.sacts{display:flex;gap:6px}.sacts button{background:#23232f;color:#ddd;border:0;border-radius:6px;padding:4px 8px;cursor:pointer}.scard{font-size:14px;gap:12px}.scard h1{font-size:20px;margin:0;text-align:center}.sbar{display:flex;justify-content:flex-end}.sbar .sbtn{padding:4px 10px;font-size:13px}.stabs button{font-size:13px;padding:8px 4px}.scard input{font-size:14px;padding:10px}.sbtn{font-size:14px}.spick{align-self:center}.scircle{position:relative;width:88px;height:88px;border-radius:50%;background:#23232f;border:1px dashed #555;display:flex;align-items:center;justify-content:center;overflow:visible}.scircle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.shint2{font-size:12px;color:#bbb;text-align:center;padding:0 10px;line-height:1.3}.splus{position:absolute;bottom:0;right:0;width:26px;height:26px;border-radius:50%;background:#8b2a3f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;border:2px solid #16161f}.spick:hover .scircle{border-color:#8b2a3f}.shold{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#0009;color:#ffd27a;padding:5px 12px;border-radius:14px;font-size:13px;z-index:3;pointer-events:none}.slib{background:#23232f;color:#ddd;border:1px solid #333;border-radius:8px;padding:7px;max-width:240px;font-size:13px}.slnext{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schat.idle .sin input{opacity:.75;background:#00000059;border-color:#ffffff4d}.sqn{width:48px;padding:3px 4px;text-align:center}.scard.spanel{width:min(1000px,96vw);max-width:96vw;max-height:92vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;font-size:clamp(12px,1.5vw,14px)}.stblwrap{overflow:visible;max-height:none}.stbl{table-layout:auto;font-size:clamp(11px,1.5vw,13px)}.stbl th,.stbl td{white-space:normal;overflow-wrap:anywhere;padding:clamp(3px,.8vw,6px) clamp(4px,1vw,8px)}.stbl td.sacts,.stbl th{display:table-cell}.stbl td.sacts{white-space:normal}.stbl td.sacts button,.stbl th button{margin:2px 3px 2px 0;font-size:inherit}.stbl td.sacts{min-width:max-content}.stbl input[type=checkbox]{width:auto;padding:0}.stbl input.sqn{width:clamp(36px,5vw,48px);padding:3px 2px;font-size:inherit}@media (max-width:760px){.stbl.sfiles th:nth-child(4),.stbl.sfiles td:nth-child(4){display:none}}@media (max-width:560px){.stbl.sfiles th:nth-child(5),.stbl.sfiles td:nth-child(5){display:none}}.svbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(transparent,#000000bf);direction:ltr;z-index:3;font-size:clamp(12px,1.6vw,14px)}.svbar button{background:#0006;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:4px 10px;cursor:pointer}.svt{font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px #000}.svtrack{flex:1;height:4px;background:#ffffff40;border-radius:2px;overflow:hidden}.svtrack i{display:block;height:100%;background:#ff8fa6}.stage:not(.host) .schat{bottom:48px}.schat.gone{display:none}.stage{touch-action:none}.stage video.spre{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.svb{opacity:.85}.sfull{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;color:#fff;font-size:clamp(16px,3vw,26px);z-index:30;text-align:center;padding:1rem}
