:root{--bg-0:#050506;--bg-1:#0b0b0d;--bg-2:#121214;--bg-3:#18181b;--bg-4:#222226;--bg-hover:#9696a029;--bg-active:#9696a04d;--bg-input:#222226;--bg-float:#050506;--text:#e2e2e6;--text-strong:#f4f4f6;--text-muted:#9b9ba4;--text-faint:#7f7f88;--header:#f4f4f6;--accent:#1878b0;--accent-hover:#1569a0;--green:#23a55a;--green-dark:#1a8a49;--red:#f23f43;--red-dark:#da373c;--yellow:#f0b232;--mention-bg:#faa81a1a;--mention-bar:#f0b232;--link:#4cb0ff;--divider:#ffffff12;--shadow:0 8px 16px #0000003d;--radius:8px;--font:"gg sans", "Segoe UI", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", monospace;--titlebar:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg-1);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none;font-size:16px}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-family:inherit}input,textarea,select{color:var(--text);font-family:inherit;font-size:16px}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-thumb{background:#040405 padding-box padding-box;border:4px solid #0000;border-radius:8px;min-height:40px}::-webkit-scrollbar-track{background:#121214 padding-box padding-box;border:4px solid #0000;border-radius:8px}.thin-scroll::-webkit-scrollbar{width:8px}.thin-scroll::-webkit-scrollbar-thumb{background-color:#0000;background-clip:padding-box;border:2px solid #0000}.thin-scroll:hover::-webkit-scrollbar-thumb{background-color:#040405}.thin-scroll::-webkit-scrollbar-track{background:0 0}.selectable{user-select:text}.app{flex-direction:column;height:100%;display:flex}.titlebar{height:var(--titlebar);background:var(--bg-1);color:var(--text-strong);-webkit-app-region:drag;flex:none;align-items:center;gap:9px;padding-left:14px;display:flex}.titlebar-name{letter-spacing:5px;-webkit-text-stroke:.6px currentColor;font-family:Segoe UI Historic,Noto Sans Old Turkic,sans-serif;font-size:28px;line-height:1}.desktop{--titlebar:40px}.layout{flex:1;min-height:0;display:flex;position:relative}.rail{background:var(--bg-1);flex-direction:column;flex:none;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex;overflow:hidden auto}.rail::-webkit-scrollbar{display:none}.rail-sep{background:var(--bg-4);border-radius:1px;flex:none;width:32px;height:2px}.rail-item{flex:none;width:48px;height:48px;position:relative}.rail-btn{background:var(--bg-3);width:48px;height:48px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:border-radius .15s,background .15s,color .15s;display:flex;overflow:hidden}.rail-btn img{object-fit:cover;width:100%;height:100%}.rail-item:hover .rail-btn,.rail-item.active .rail-btn{background:var(--accent);color:#fff;border-radius:16px}.rail-item.has-icon:hover .rail-btn,.rail-item.has-icon.active .rail-btn{background:var(--bg-3)}.rail-item.green .rail-btn{color:var(--green)}.rail-item.green:hover .rail-btn{background:var(--green);color:#fff}.rail-pill{background:var(--text-strong);border-radius:0 4px 4px 0;width:8px;height:0;transition:height .15s;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.rail-item.unread .rail-pill{height:8px}.rail-item:hover .rail-pill{height:20px}.rail-item.active .rail-pill{height:40px}.rail-item.dragging{opacity:.4}.rail-item.drop-target:before{content:"";background:var(--green);border-radius:2px;height:3px;position:absolute;top:-6px;left:4px;right:4px}.badge{background:var(--red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.rail-item .badge{border:4px solid var(--bg-1);border-radius:12px;min-width:24px;height:24px;position:absolute;bottom:-4px;right:-4px}.rail-voice{background:var(--green);border:3px solid var(--bg-1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-4px;right:-4px}.sidebar{background:var(--bg-2);border-top-left-radius:8px;flex-direction:column;flex:none;width:300px;min-height:0;display:flex}.sidebar-header{height:48px;color:var(--header);z-index:2;cursor:pointer;border-top-left-radius:8px;flex:none;align-items:center;padding:0 16px;font-weight:600;transition:background .1s;display:flex;position:relative;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d}.sidebar-header:hover{background:var(--bg-hover)}.sidebar-header .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.search-btn{background:var(--bg-1);width:100%;height:28px;color:var(--text-muted);text-align:left;border-radius:4px;padding:0 8px;font-size:14px}.channel-scroll{flex:1;padding:8px 0 8px 8px;overflow:hidden auto}.category{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);cursor:pointer;align-items:center;padding:16px 8px 4px 0;font-size:12px;font-weight:600;display:flex}.category:hover{color:var(--text)}.category .chev{margin-left:-4px;margin-right:2px;transition:transform .1s}.category.collapsed .chev{transform:rotate(-90deg)}.category .label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.category .add{opacity:.8;display:flex}.category .add:hover{color:var(--text-strong)}.channel{height:34px;color:var(--text-faint);cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin:1px 8px 1px 0;padding:0 8px;font-size:16px;font-weight:500;display:flex;position:relative}.channel:hover{background:var(--bg-hover);color:var(--text)}.channel.active{background:var(--bg-active);color:var(--text-strong)}.channel.unread{color:var(--text-strong)}.channel.unread:before{content:"";background:var(--text-strong);border-radius:0 4px 4px 0;width:4px;height:8px;position:absolute;left:-8px}.channel .cname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.channel .ch-actions{color:var(--text-muted);gap:4px;display:none}.channel:hover .ch-actions,.channel.active .ch-actions{display:flex}.ch-actions button:hover{color:var(--text-strong)}.channel .icon{color:var(--text-faint);flex:none}.voice-users{margin-right:8px;padding:0 0 4px 32px}.voice-user{height:30px;color:var(--text-muted);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.voice-user:hover{background:var(--bg-hover);color:var(--text)}.voice-user .vname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.voice-user .vicons{color:var(--text-faint);align-items:center;gap:4px;display:flex}.live-badge{background:var(--red);color:#fff;letter-spacing:.3px;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:700}.dm-item{height:42px;color:var(--text-faint);cursor:pointer;border-radius:4px;align-items:center;gap:12px;margin:1px 8px 1px 0;padding:0 8px;display:flex}.dm-item:hover{background:var(--bg-hover);color:var(--text)}.dm-item.active{background:var(--bg-active);color:var(--text-strong)}.dm-item.unread{color:var(--text-strong)}.dm-item .dname{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.dm-item .dsub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dm-item .close{color:var(--text-muted);display:none}.dm-item:hover .close{display:flex}.dm-heading{text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;padding:18px 16px 4px 10px;font-size:12px;font-weight:600;display:flex}.dm-heading button:hover{color:var(--text-strong)}.voice-panel{border-bottom:1px solid var(--divider);background:#0e0e10;flex:none;padding:8px}.voice-panel .vp-row{align-items:center;gap:8px;display:flex}.voice-panel .vp-status{flex:1;min-width:0}.vp-title{color:var(--green);align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.vp-title.connecting{color:var(--yellow)}.vp-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:12px;overflow:hidden}.vp-sub:hover{text-decoration:underline}.vp-buttons{gap:8px;margin-top:8px;display:flex}.vp-buttons button{background:var(--bg-4);height:32px;color:var(--text);border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.vp-buttons button:hover{background:#2c2c31}.vp-buttons button.on{background:var(--green);color:#fff}.icon-btn{width:32px;height:32px;color:var(--text-muted);border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.danger,.icon-btn.danger:hover,.icon-btn.off{color:var(--red)}.user-panel{background:#0e0e10;flex:none;align-items:center;gap:2px;height:52px;padding:0 8px;display:flex}.user-panel .me{cursor:pointer;border-radius:4px;flex:1;align-items:center;gap:8px;min-width:0;padding:4px 4px 4px 2px;display:flex}.user-panel .me:hover{background:var(--bg-hover)}.me-name{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.me-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.avatar{border-radius:50%;flex:none;position:relative}.avatar .av-img{object-fit:cover;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex;overflow:hidden}.avatar.speaking .av-img{box-shadow:0 0 0 2px var(--bg-2), 0 0 0 4px var(--green)}.status-dot{vertical-align:middle;border:2px solid var(--bg-2);box-sizing:content-box;border-radius:50%;display:inline-block;position:relative}.avatar .status-dot{border:3px solid var(--bg-2);box-sizing:content-box;border-radius:50%;position:absolute;bottom:-2px;right:-2px}.content{background:var(--bg-3);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{z-index:2;flex:none;align-items:center;gap:8px;height:48px;padding:0 8px 0 16px;display:flex;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d}.chat-header .title{color:var(--header);white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.chat-header .topic{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid var(--bg-4);flex:1;margin-left:4px;padding-left:12px;font-size:14px;overflow:hidden}.chat-header .spacer{flex:1}.chat-header .icon-btn{color:var(--text-muted)}.chat-header .icon-btn.on{color:var(--text-strong)}.header-search{background:var(--bg-1);border:0;border-radius:4px;outline:none;width:144px;height:24px;padding:0 8px;font-size:14px;transition:width .2s}.header-search:focus{width:240px}.chat-body{flex:1;min-height:0;display:flex}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex}.messages{flex:1;padding-bottom:24px;overflow:hidden auto}.welcome{margin-top:16px;padding:16px 16px 8px}.welcome .wicon{background:var(--bg-4);width:68px;height:68px;color:var(--text-strong);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.welcome h1{color:var(--header);margin:8px 0;font-size:32px}.welcome p{color:var(--text-muted);margin:0}.day-divider{color:var(--text-muted);align-items:center;margin:24px 16px 8px;font-size:12px;font-weight:600;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--bg-4);flex:1;height:1px}.day-divider span{padding:0 8px}.new-divider{background:var(--red);height:1px;margin:8px 16px;position:relative}.new-divider span{background:var(--red);color:#fff;border-radius:0 4px 4px 0;padding:1px 6px 1px 4px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:-8px;right:-4px}.msg{user-select:text;min-height:22px;padding:2px 48px 2px 72px;line-height:1.375;position:relative}.msg.first{min-height:44px;margin-top:17px}.msg:hover{background:#0202020f}.msg.mentioned{background:var(--mention-bg)}.msg.mentioned:before{content:"";background:var(--mention-bar);width:2px;position:absolute;top:0;bottom:0;left:0}.msg.highlight{background:#1878b026}.msg.editing{background:#0202020f}.msg .m-avatar{cursor:pointer;position:absolute;top:4px;left:16px}.msg.first.has-reply .m-avatar{top:26px}.msg .m-head{align-items:baseline;gap:8px;display:flex}.msg .m-author{color:var(--text-strong);cursor:pointer;font-weight:500}.msg .m-author:hover{text-decoration:underline}.msg .m-time{color:var(--text-muted);font-size:12px}.msg .m-side-time{text-align:right;width:64px;color:var(--text-muted);font-size:11px;display:none;position:absolute;top:5px;left:0}.msg:hover .m-side-time{display:block}.msg .m-content{color:var(--text);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.msg.pending .m-content{color:var(--text-muted)}.msg.failed .m-content{color:var(--red)}.m-content.jumbo{font-size:48px;line-height:1.2}.m-edited{color:var(--text-muted);margin-left:4px;font-size:10px}.m-system{color:var(--text-muted);align-items:center;gap:12px;padding-top:6px;padding-bottom:6px;display:flex}.m-system b{color:var(--text-strong);font-weight:500}.m-reply{color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;margin-bottom:4px;font-size:14px;display:flex;position:relative;overflow:hidden}.m-reply:before{content:"";border-top:2px solid #3d3d44;border-left:2px solid #3d3d44;border-top-left-radius:6px;width:33px;height:12px;position:absolute;top:9px;left:-38px}.m-reply .rname{color:var(--text-strong);opacity:.85;font-weight:500}.m-reply .rtext{text-overflow:ellipsis;overflow:hidden}.m-reply:hover .rtext{color:var(--text)}.msg-actions{background:var(--bg-3);border:1px solid var(--divider);z-index:3;border-radius:4px;display:none;position:absolute;top:-16px;right:16px;box-shadow:0 0 0 1px #04040526}.msg:hover .msg-actions{display:flex}.msg-actions button{width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.msg-actions button:hover{background:var(--bg-hover);color:var(--text)}.msg-actions button.danger:hover{color:var(--red)}.mention{color:#b5e0fa;cursor:pointer;background:#1878b04d;border-radius:3px;padding:0 2px;font-weight:500}.mention:hover{background:var(--accent);color:#fff}.md-code{background:var(--bg-1);font-family:var(--mono);border-radius:4px;padding:.1em .3em;font-size:85%}.md-pre{background:var(--bg-2);border:1px solid var(--bg-1);font-family:var(--mono);white-space:pre-wrap;border-radius:4px;max-width:90%;margin:6px 0 0;padding:8px;font-size:14px}.md-quote{border-left:4px solid #3d3d44;margin:2px 0;padding:0 8px 0 12px}.md-h1{margin:8px 0 4px;font-size:24px;font-weight:700}.md-h2{margin:8px 0 4px;font-size:20px;font-weight:700}.md-h3{margin:8px 0 4px;font-size:16px;font-weight:700}.spoiler{color:#0000;cursor:pointer;background:#0b0b0d;border-radius:3px;transition:background .1s}.spoiler.shown{color:inherit;background:#ffffff1a}.attachments{flex-direction:column;align-items:flex-start;gap:4px;margin-top:4px;display:flex}.att-img{cursor:pointer;object-fit:contain;background:var(--bg-2);border-radius:8px;max-width:min(400px,100%);max-height:350px;display:block}.att-video{background:#000;border-radius:8px;max-width:min(520px,100%);max-height:400px}.att-audio{width:400px;max-width:100%}.att-file{background:var(--bg-2);border:1px solid var(--bg-1);border-radius:8px;align-items:center;gap:10px;width:min(420px,100%);padding:12px;display:flex}.att-file .fname{color:var(--link);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.att-file .fsize{color:var(--text-muted);font-size:12px}.att-file .finfo{flex:1;min-width:0}.embed-yt{aspect-ratio:16/9;border:0;border-radius:8px;width:min(480px,100%);margin-top:6px}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{background:var(--bg-2);height:24px;color:var(--text-muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 6px;font-size:14px;display:flex}.reaction:hover{border-color:#3d3d44}.reaction.me{border-color:var(--accent);color:#b5e0fa;background:#1878b026}.reaction .emo{font-size:16px}.composer-wrap{flex:none;padding:0 16px 24px;position:relative}.composer-bar{background:var(--bg-2);color:var(--text-muted);border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.composer-bar b{color:var(--text)}.composer-bar .grow{flex:1}.composer{background:var(--bg-input);border-radius:8px;align-items:flex-start;padding:0 8px 0 0;display:flex}.composer-bar+.composer,.uploads+.composer{border-top-left-radius:0;border-top-right-radius:0}.composer .plus{width:40px;height:44px;color:var(--text-muted);flex:none;justify-content:center;align-items:center;display:flex}.composer .plus:hover{color:var(--text)}.composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-height:44px;max-height:50vh;padding:11px 0;font-size:16px;line-height:22px}.composer textarea::placeholder{color:#6a6a73}.composer .tools{align-items:center;height:44px;display:flex}.composer .tools .icon-btn{color:var(--text-muted)}.typing{color:var(--text);align-items:center;gap:6px;height:20px;font-size:12px;display:flex;position:absolute;bottom:2px;left:16px}.typing b{font-weight:700}.typing-dots{gap:3px;display:inline-flex}.typing-dots i{background:var(--text);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite tdot}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes tdot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.uploads{background:var(--bg-input);border-bottom:1px solid var(--divider);border-radius:8px 8px 0 0;gap:16px;padding:16px 10px 8px;display:flex;overflow-x:auto}.upload-card{background:var(--bg-2);border-radius:4px;flex-direction:column;flex:none;width:160px;height:160px;padding:8px;display:flex;position:relative}.upload-card .prev{border-radius:3px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.upload-card .prev img,.upload-card .prev video{max-width:100%;max-height:100%}.upload-card .uname{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;overflow:hidden}.upload-card .rm{background:var(--bg-3);box-shadow:var(--shadow);color:var(--red);border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-8px;right:-8px}.progress{background:var(--bg-4);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.progress i{background:var(--accent);height:100%;transition:width .2s;display:block}.autocomplete{background:var(--bg-2);box-shadow:var(--shadow);z-index:10;border-radius:8px;max-height:320px;padding:8px 0;position:absolute;bottom:calc(100% - 16px);left:16px;right:16px;overflow-y:auto}.autocomplete .ac-title{text-transform:uppercase;color:var(--text-muted);padding:4px 12px 8px;font-size:12px;font-weight:700}.autocomplete .ac-item{cursor:pointer;border-radius:4px;align-items:center;gap:10px;margin:0 8px;padding:6px 12px;display:flex}.autocomplete .ac-item.sel{background:var(--bg-active)}.autocomplete .ac-item small{color:var(--text-muted)}.drop-overlay{z-index:50;pointer-events:none;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay div{background:var(--accent);color:#fff;box-shadow:var(--shadow);border-radius:12px;padding:32px 48px;font-size:20px;font-weight:700}.members{background:var(--bg-2);flex:none;width:240px;padding:0 8px 20px;overflow-y:auto}.members h3{text-transform:uppercase;color:var(--text-muted);margin:24px 8px 4px;font-size:12px;font-weight:600}.member{cursor:pointer;border-radius:4px;align-items:center;gap:12px;height:42px;padding:0 8px;display:flex}.member:hover{background:var(--bg-hover)}.member.offline{opacity:.3}.member.offline:hover{opacity:1}.member .mname{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:15px;font-weight:500;display:flex;overflow:hidden}.member .msub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.member .minfo{flex:1;min-width:0}.crown{color:var(--yellow);flex:none}.role-admin{color:#e67e22!important}.friends-tabs{align-items:center;gap:16px;display:flex}.friends-tabs .ftab{color:var(--text-muted);border-radius:4px;padding:2px 8px;font-size:16px;font-weight:500}.friends-tabs .ftab:hover{background:var(--bg-hover);color:var(--text)}.friends-tabs .ftab.active{background:var(--bg-active);color:var(--text-strong)}.friends-tabs .ftab.add{background:var(--green);color:#fff}.friends-tabs .ftab.add.active{color:var(--green);background:0 0}.friends-body{flex:1;padding:16px 20px 16px 30px;overflow-y:auto}.friends-body h4{text-transform:uppercase;color:var(--text-muted);margin:16px 0 8px;font-size:12px;font-weight:600}.friend-row{border-top:1px solid var(--divider);cursor:pointer;border-radius:8px;align-items:center;gap:12px;height:62px;margin:0 -10px;padding:0 10px;display:flex}.friend-row:hover{background:var(--bg-hover);border-color:#0000}.friend-row:hover+.friend-row{border-color:#0000}.friend-row .finfo{flex:1;min-width:0}.friend-row .fname{color:var(--text-strong);font-weight:600}.friend-row .fuser{color:var(--text-muted);margin-left:4px;font-size:14px;display:none}.friend-row:hover .fuser{display:inline}.friend-row .fsub{color:var(--text-muted);font-size:13px}.round-btn{background:var(--bg-2);width:36px;height:36px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.friend-row:hover .round-btn{background:var(--bg-1)}.round-btn:hover{color:var(--text-strong)}.round-btn.ok:hover{color:var(--green)}.round-btn.no:hover{color:var(--red)}.add-friend{border-bottom:1px solid var(--divider);padding:20px 0}.add-friend h2{text-transform:uppercase;color:var(--header);margin:0 0 8px;font-size:16px}.add-friend p{color:var(--text-muted);margin:0 0 16px;font-size:14px}.add-friend .row{background:var(--bg-1);border:1px solid var(--bg-1);border-radius:8px;align-items:center;padding:0 12px;display:flex}.add-friend .row:focus-within{border-color:var(--link)}.add-friend input{background:0 0;border:0;outline:none;flex:1;height:50px}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state .big{opacity:.6;font-size:64px}.btn{background:var(--accent);color:#fff;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:38px;padding:2px 16px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{height:32px;padding:2px 12px}.btn.green{background:var(--green)}.btn.green:hover{background:var(--green-dark)}.btn.red{background:var(--red)}.btn.red:hover{background:var(--red-dark)}.btn.grey{background:#3d3d44}.btn.grey:hover{background:#6a6a73}.btn.link{color:var(--text);background:0 0}.btn.link:hover{text-decoration:underline}.btn.outline-red{border:1px solid var(--red);color:var(--text);background:0 0}.btn.outline-red:hover{background:var(--red)}.btn.full{width:100%;height:44px;font-size:16px}.field{margin-bottom:20px}.field label,.label{text-transform:uppercase;letter-spacing:.02em;color:#bcbcc4;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.field label .req{color:var(--red)}.field label .err{text-transform:none;color:var(--red);font-style:italic;font-weight:500}.input,.select{background:var(--bg-1);border:0;border-radius:4px;outline:none;width:100%;height:40px;padding:10px;font-size:16px}textarea.input{resize:vertical;height:auto;min-height:80px}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#bcbcc4 50%),linear-gradient(135deg,#bcbcc4 50%,#0000 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.hint{color:var(--text-muted);margin-top:8px;font-size:14px;line-height:1.4}.range{width:100%;accent-color:var(--accent)}.switch-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:4px 0;display:flex}.switch-row .t{color:var(--text-strong);font-weight:500}.switch-row .d{color:var(--text-muted);margin-top:4px;font-size:14px}.switch{background:#7f7f88;border-radius:12px;flex:none;width:40px;height:24px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--green)}.switch.on:after{left:19px}.radio-list{flex-direction:column;gap:8px;display:flex}.radio{background:var(--bg-2);cursor:pointer;text-align:left;border-radius:4px;align-items:center;gap:12px;padding:10px 12px;display:flex}.radio:hover,.radio.on{background:var(--bg-4)}.radio .dot{border:2px solid var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.radio.on .dot{border-color:var(--accent)}.radio.on .dot:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px}.radio .rt{color:var(--text-strong);font-weight:500}.radio .rd{color:var(--text-muted);margin-top:2px;font-size:13px}.divider{background:var(--divider);height:1px;margin:24px 0}.auth{background:radial-gradient(circle at 20% 20%,#1878b0 0,#0000 45%),radial-gradient(circle at 80% 80%,#2bb0f0 0,#0000 45%),#0b0b0d;justify-content:center;align-items:center;height:100%;padding:24px;display:flex;overflow:auto}.auth-card{background:var(--bg-3);border-radius:8px;width:480px;max-width:100%;padding:32px;box-shadow:0 2px 10px #0003}.auth-card h1{text-align:center;color:var(--header);margin:0 0 8px;font-size:24px}.auth-card .sub{text-align:center;color:var(--text-muted);margin-bottom:20px}.auth-logo{justify-content:center;margin-bottom:12px;display:flex}.auth-switch{color:var(--text-muted);margin-top:8px;font-size:14px}.auth-switch button,.auth-switch a{color:var(--link)}.auth-switch button:hover,.auth-switch a:hover{text-decoration:underline}.form-error{border:1px solid var(--red);color:#ffb3b5;background:#f23f431f;border-radius:4px;margin-bottom:16px;padding:10px;font-size:14px}.auth-server{color:var(--text-muted);margin-top:16px;font-size:13px}.auth-server button{color:var(--text-muted);text-decoration:underline}.splash{background:var(--bg-1);height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.splash .logo{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.7;transform:scale(.9)}}.modal-backdrop{inset:var(--titlebar,0px) 0 0 0;z-index:850;background:#000000b3;justify-content:center;align-items:center;animation:.12s fade;display:flex;position:fixed}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.modal{width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - var(--titlebar,0px) - 48px);background:var(--bg-3);user-select:none;border-radius:8px;flex-direction:column;animation:.15s pop;display:flex;overflow:hidden}.modal.wide{width:640px}.modal.xwide{width:860px}.modal-head{text-align:center;padding:24px 16px 8px;position:relative}.modal-head.left{text-align:left;padding:16px}.modal-head h2{color:var(--header);margin:0;font-size:24px}.modal-head.left h2{font-size:20px}.modal-head p{color:var(--text-muted);margin:8px 0 0;font-size:15px;line-height:1.4}.modal-close{color:var(--text-muted);position:absolute;top:12px;right:12px}.modal-close:hover{color:var(--text-strong)}.modal-body{padding:16px;overflow-y:auto}.modal-foot{background:var(--bg-2);justify-content:flex-end;align-items:center;gap:8px;padding:16px;display:flex}.modal-foot .left{margin-right:auto}.icon-upload{color:#bcbcc4;text-transform:uppercase;cursor:pointer;border:2px dashed #bcbcc4;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;margin:8px auto 20px;font-size:10px;font-weight:700;display:flex;position:relative;overflow:hidden}.icon-upload img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.big-choice{width:100%;color:var(--text-strong);text-align:left;border:1px solid #3d3d44;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:16px;font-weight:700;display:flex}.big-choice:hover{background:var(--bg-hover)}.big-choice .ico{color:#fff;background:linear-gradient(135deg,#1878b0,#2bb0f0);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.big-choice .grow{flex:1}.invite-box{background:var(--bg-1);border-radius:4px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.invite-box input{background:0 0;border:0;outline:none;flex:1;font-size:15px}.type-choice{background:var(--bg-2);text-align:left;border-radius:4px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:10px 12px;display:flex}.type-choice.on{background:var(--bg-active)}.type-choice .grow{flex:1}.type-choice .tt{color:var(--text-strong);font-weight:500}.type-choice .td{color:var(--text-muted);font-size:13px}.settings-backdrop{inset:var(--titlebar,0px) 0 0 0;z-index:90;background:#000000b8;justify-content:center;align-items:center;animation:.15s fade;display:flex;position:fixed}.settings{background:var(--bg-3);border-radius:12px;width:min(1320px,100vw - 48px);height:calc(100% - 48px);animation:.18s settingsIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #0009}@keyframes settingsIn{0%{opacity:0;transform:scale(1.05)}}.settings-nav{background:var(--bg-2);flex:none;width:260px;overflow-y:auto}.settings-nav .inner{padding:16px 12px 32px}.settings-nav h4{text-transform:uppercase;color:var(--text-muted);margin:0;padding:6px 10px;font-size:12px;font-weight:700}.settings-nav .nav-item{text-align:left;color:#bcbcc4;border-radius:4px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:6px 10px;font-size:16px;font-weight:500;display:flex}.settings-nav .nav-item:hover{background:var(--bg-hover);color:var(--text)}.settings-nav .nav-item.active{background:var(--bg-active);color:var(--text-strong)}.settings-nav .nav-item.danger{color:var(--red)}.settings-nav .sep{background:var(--divider);height:1px;margin:8px 10px}.settings-main{flex-direction:column;flex:1;min-width:0;display:flex}.settings-top{height:52px;color:var(--text-strong);flex:none;justify-content:space-between;align-items:center;padding:0 12px 0 24px;font-weight:600;display:flex}.settings-body{flex:1;justify-content:center;min-height:0;display:flex;overflow-y:auto}.settings-main .inner{width:760px;max-width:100%;padding:24px 40px 80px}.settings-me{align-items:center;gap:10px;padding:4px 10px 16px;display:flex}.settings-me-name{color:var(--text-strong);font-weight:700}.settings-me-edit{color:var(--text-muted);align-items:center;gap:4px;font-size:13px;display:flex}.settings-me-edit:hover{color:var(--text-strong)}.settings-main h2{color:var(--header);margin:0 0 20px;font-size:20px}.settings-main h3{text-transform:uppercase;color:#bcbcc4;margin:0 0 8px;font-size:12px;font-weight:700}.settings-close{width:36px;height:36px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:flex}.settings-close:hover{background:var(--bg-hover);color:var(--text-strong)}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.account-card{background:var(--bg-1);border-radius:8px;overflow:hidden}.account-card .banner{height:120px}.account-card .head{align-items:flex-end;gap:16px;margin-top:-38px;padding:0 16px;display:flex}.account-card .head .avatar{border:7px solid var(--bg-1);box-sizing:content-box;border-radius:50%}.account-card .head .nm{color:var(--header);flex:1;padding-bottom:12px;font-size:20px;font-weight:700}.account-card .rows{background:var(--bg-2);border-radius:8px;margin:16px;padding:16px}.account-card .arow{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.account-card .arow:last-child{margin-bottom:0}.account-card .arow .k{text-transform:uppercase;color:#bcbcc4;font-size:12px;font-weight:700}.account-card .arow .v{color:var(--text);margin-top:4px}.meter{background:var(--bg-4);border-radius:4px;height:8px;margin-top:8px;position:relative;overflow:hidden}.meter i{background:var(--green);transition:width 60ms linear;position:absolute;top:0;bottom:0;left:0}.meter .thr{background:var(--yellow);width:2px;position:absolute;top:-2px;bottom:-2px}.sens{position:relative}.sens .range{margin-top:6px}.keybind{background:var(--bg-1);border:1px solid var(--bg-1);min-width:120px;height:40px;color:var(--text-strong);border-radius:4px;padding:0 12px;font-weight:600}.keybind.rec{border-color:var(--red);color:var(--red);box-shadow:0 0 6px #f23f4366}.cam-preview{aspect-ratio:16/9;background:var(--bg-1);border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex;overflow:hidden}.cam-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.color-row{flex-wrap:wrap;gap:8px;display:flex}.color-sw{border:2px solid #0000;border-radius:4px;width:32px;height:32px}.color-sw.on{border-color:#fff}.popout{z-index:120;background:var(--bg-1);user-select:text;border-radius:8px;width:340px;animation:.12s pop;position:fixed;overflow:hidden;box-shadow:0 8px 16px #0006}.popout .banner{height:110px}.popout .p-avatar{border:6px solid var(--bg-1);border-radius:50%;margin:-40px 0 0 16px;display:inline-block}.popout .p-body{background:var(--bg-0);border-radius:8px;margin:12px 16px 16px;padding:12px}.popout .p-name{color:var(--header);font-size:20px;font-weight:700}.popout .p-user{color:var(--text);font-size:14px}.popout .p-status{color:var(--text);margin-top:8px;font-size:14px}.popout .p-sec{border-top:1px solid var(--divider);margin-top:12px;padding-top:12px}.popout .p-sec h5{text-transform:uppercase;color:var(--text-strong);margin:0 0 6px;font-size:12px}.popout .p-sec p{white-space:pre-wrap;margin:0;font-size:14px}.popout .p-msg{background:var(--bg-2);border:0;border-radius:4px;outline:none;width:100%;height:40px;margin-top:12px;padding:0 10px;font-size:14px}.ctx{z-index:1000;background:var(--bg-float);min-width:188px;max-width:320px;box-shadow:var(--shadow);border-radius:4px;padding:6px 8px;animation:80ms fade;position:fixed}.ctx-item{color:#bcbcc4;text-align:left;border-radius:2px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:32px;margin:2px 0;padding:6px 8px;font-size:14px;font-weight:500;display:flex}.ctx-item:hover{background:var(--accent);color:#fff}.ctx-item:disabled{opacity:.4;pointer-events:none}.ctx-key{color:var(--text-muted);white-space:nowrap;font-size:12px}.ctx-item:hover .ctx-key{color:#fffc}.ctx-item.danger{color:var(--red)}.ctx-item.danger:hover{background:var(--red);color:#fff}.ctx-sep{background:var(--divider);height:1px;margin:4px}.ctx-slider{color:#bcbcc4;padding:6px 8px;font-size:13px}.emoji-picker{z-index:1000;background:var(--bg-2);width:420px;height:440px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;animation:.1s pop;display:flex;position:fixed;overflow:hidden}.emoji-picker .ep-search{border-bottom:1px solid var(--divider);padding:12px}.emoji-picker .ep-body{flex:1;min-height:0;display:flex}.emoji-picker .ep-cats{background:var(--bg-1);flex-direction:column;align-items:center;gap:4px;width:48px;padding:8px 0;display:flex;overflow-y:auto}.emoji-picker .ep-cats button{filter:grayscale(.6);border-radius:4px;width:32px;height:32px;font-size:20px}.emoji-picker .ep-cats button:hover{filter:none;background:var(--bg-hover)}.emoji-picker .ep-list{flex:1;padding:0 8px 8px;overflow-y:auto}.emoji-picker h6{text-transform:uppercase;color:var(--text-muted);background:var(--bg-2);margin:12px 4px 6px;padding:4px 0;font-size:12px;position:sticky;top:0}.emoji-grid{grid-template-columns:repeat(9,1fr);display:grid}.emoji-grid button{border-radius:4px;height:40px;font-size:26px}.emoji-grid button:hover{background:var(--bg-hover)}.toasts{z-index:1100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-float);color:var(--text-strong);box-shadow:var(--shadow);border-radius:8px;max-width:520px;padding:10px 16px;font-size:14px;font-weight:500;animation:.15s pop}.toast.error{border-left:4px solid var(--red)}.conn-banner{background:var(--yellow);color:#000;text-align:center;justify-content:center;align-items:center;gap:12px;padding:4px;font-size:13px;font-weight:600;display:flex;position:relative}.conn-banner>button{color:#000;background:#00000026;border-radius:3px;padding:2px 8px;font-weight:600}.conn-switch{z-index:1100;background:var(--bg-2);color:var(--text);box-shadow:var(--shadow);text-align:left;border-radius:8px;padding:16px;font-weight:400;position:absolute;top:100%;left:50%;transform:translate(-50%)}.conn-switch .input{background:var(--bg-3)}.lightbox{z-index:1050;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:90vw;max-height:82vh}.lightbox a{color:var(--text-muted);font-size:14px}.voice-view{background:#000;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.voice-view .vv-header{height:48px;color:var(--text-strong);flex:none;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:flex}.voice-stage{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 16px;display:flex}.tile-grid{flex-wrap:wrap;flex:1;place-content:center;gap:8px;min-height:0;display:flex}.tile{background:var(--bg-2);cursor:pointer;aspect-ratio:16/9;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tile.speaking:after{content:"";box-shadow:inset 0 0 0 2px var(--green), inset 0 0 0 3px #000;pointer-events:none;border-radius:8px;position:absolute;inset:0}.tile video{object-fit:contain;background:#000;width:100%;height:100%}.tile video.cover{object-fit:cover}.tile video.mirror{transform:scaleX(-1)}.tile .t-name{color:#fff;background:#0009;border-radius:4px;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:3px 8px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.tile .t-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile .t-top{opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.tile:hover .t-top{opacity:1}.tile .t-top button{color:#fff;background:#0009;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-width:28px;height:28px;padding:0 6px;font-size:12px;display:flex}.tile .t-top button:hover{background:#000000d9}.tile .t-badge{gap:6px;display:flex;position:absolute;top:8px;left:8px}.tile .t-badge .q{color:#fff;background:#0009;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.tile .t-badge .sq-wrap{display:flex;position:relative}.tile .t-badge .sq{cursor:default;align-items:center;gap:5px;display:inline-flex}.sq-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.sq-dot.mid{background:var(--yellow)}.sq-dot.bad{background:var(--red)}.stream-info{z-index:5;padding-top:6px;display:none;position:absolute;top:100%;left:0}.sq-wrap:hover .stream-info{display:block}.si-card{color:#fff;cursor:default;background:#0a0a0ceb;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:5px;width:250px;padding:10px 12px;font-size:12px;font-weight:500;display:flex;box-shadow:0 8px 24px #00000080}.si-head{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:13px;font-weight:700;display:flex}.si-rate{background:var(--green);color:#000;border-radius:4px;padding:1px 6px;font-size:11px}.si-rate.mid{background:var(--yellow)}.si-rate.bad{background:var(--red);color:#fff}.si-row{color:#ffffffb3;justify-content:space-between;gap:12px;display:flex}.si-row b{color:#fff;text-align:right;font-weight:600}.si-note{color:#ffffff8c;margin-top:2px;font-size:11px}.stream-preview{color:var(--text-strong);text-align:center;flex-direction:column;gap:12px;padding:16px}.stream-preview .sp-title{font-size:18px;font-weight:700}.stream-preview .sp-sub{color:var(--text-muted);font-size:13px}.focus-wrap{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.focus-main{flex:1;justify-content:center;min-height:0;display:flex;position:relative}.focus-main .tile{aspect-ratio:auto;cursor:default;width:100%;height:100%}.strip{flex:none;justify-content:center;gap:8px;height:120px;display:flex;overflow-x:auto}.strip .tile{flex:none;height:100%}.voice-controls{flex:none;justify-content:center;align-items:center;gap:12px;padding:12px 0 20px;display:flex}.vc-btn{width:56px;height:56px;color:var(--text-strong);background:#121214;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.vc-btn:hover{background:#2c2c31}.vc-btn.on{color:#000;background:#fff}.vc-btn.off{color:var(--red);background:#f23f4333}.vc-btn.live{background:var(--green);color:#fff}.vc-btn.hang{background:var(--red);color:#fff;width:64px}.vc-btn.hang:hover{background:var(--red-dark)}.vc-btn .tip{background:var(--bg-float);color:var(--text-strong);white-space:nowrap;pointer-events:none;border-radius:4px;padding:6px 10px;font-size:13px;display:none;position:absolute;bottom:calc(100% + 8px)}.vc-btn:hover .tip{display:block}.voice-empty{color:var(--text-strong);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.voice-empty h2{margin:0}.voice-empty p{color:var(--text-muted);margin:0}.film-bar{color:#fff;opacity:0;background:linear-gradient(#0000,#000c);align-items:center;gap:10px;padding:24px 12px 10px;font-size:13px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.tile:hover .film-bar{opacity:1}.film-bar input[type=range]{accent-color:var(--accent);flex:1}.film-bar button{color:#fff;display:flex}.vol-pop{align-items:center;gap:6px;display:flex}.vol-pop input{accent-color:#fff;width:80px}.source-tabs{gap:8px;margin-bottom:12px;display:flex}.source-tabs button{color:var(--text-muted);border-radius:4px;padding:6px 14px;font-weight:600}.source-tabs button.on{background:var(--bg-active);color:var(--text-strong)}.source-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-height:340px;padding:4px;display:grid;overflow-y:auto}.source{background:var(--bg-2);text-align:left;border:2px solid #0000;border-radius:8px;padding:8px;position:relative}.source:hover{background:var(--bg-4)}.source.on{border-color:var(--accent)}.game-badge{background:var(--green);color:#fff;z-index:1;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.source img{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:4px;width:100%}.source .sname{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex;overflow:hidden}.source .sname img{aspect-ratio:auto;background:0 0;width:16px;height:16px}.quality-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.qbtn{background:var(--bg-2);border:2px solid #0000;border-radius:6px;padding:10px 6px;font-size:14px;font-weight:600}.qbtn small{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:500;display:block}.qbtn.on{border-color:var(--accent);background:#1878b026}.call-modal{z-index:1060;background:var(--bg-1);border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:260px;padding:32px 16px 24px;animation:.2s pop;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0009}.call-modal .cname{color:var(--header);font-size:18px;font-weight:700}.call-modal .csub{color:var(--text-muted);font-size:14px}.call-modal .cbtns{gap:32px;margin-top:12px;display:flex}.call-modal .cbtns button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ring-anim{border-radius:50%;animation:1.2s infinite ring}@keyframes ring{0%{box-shadow:0 0 #23a55ab3}70%{box-shadow:0 0 0 18px #23a55a00}to{box-shadow:0 0 #23a55a00}}.dm-call{background:#000;flex-direction:column;flex:none;height:260px;display:flex}.dm-call .voice-stage{padding-top:12px}.side-panel{background:var(--bg-2);border-left:1px solid var(--divider);flex-direction:column;flex:none;width:420px;display:flex}.side-panel .sp-head{height:48px;color:var(--header);align-items:center;gap:8px;padding:0 8px 0 16px;font-weight:600;display:flex;box-shadow:0 1px #04040533}.side-panel .sp-head .grow{flex:1}.side-panel .sp-body{flex:1;padding:8px;overflow-y:auto}.result{background:var(--bg-3);cursor:pointer;border-radius:8px;margin-bottom:8px;padding:8px 0}.result:hover{background:var(--bg-4)}.result .msg{padding-right:12px}.result .msg:hover{background:0 0}.result .msg.first{margin-top:0}.result .rch{color:var(--text-muted);padding:0 12px 4px;font-size:12px}.kbd{background:var(--bg-1);font-family:var(--mono);border-radius:4px;padding:1px 6px;font-size:12px}.compact .msg.first{margin-top:4px}.update-bar{background:var(--green);color:#fff;justify-content:center;align-items:center;gap:12px;padding:4px;font-size:13px;font-weight:600;display:flex}.update-bar button{background:#0003;border-radius:3px;padding:2px 8px}.update-bar button.later{background:0 0;text-decoration:underline}.st-c-chat{background:var(--accent)}.st-c-music{background:var(--green)}.st-c-sound{background:var(--yellow)}.st-c-emoji{background:#a463f2}.st-c-profile{background:#1abc9c}.st-c-orphan{background:var(--red)}.st-c-other{background:#5c5c66}.st-title{justify-content:space-between;align-items:center;display:flex}.st-usage{background:var(--bg-2);border-radius:8px;margin:16px 0;padding:16px}.st-usage-top{color:var(--text-muted);margin-bottom:10px}.st-usage-top b{color:var(--header);font-size:18px}.st-bar{background:var(--bg-4);border-radius:7px;height:14px;display:flex;overflow:hidden}.st-bar span{min-width:2px}.st-legend{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 12px;margin-top:12px;display:grid}.st-leg{color:var(--text);text-align:left;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:flex}.st-leg:not(.static):hover,.st-leg.on{background:var(--bg-hover)}.st-leg i{border-radius:50%;flex:none;width:10px;height:10px}.st-leg span{color:var(--text-muted);white-space:nowrap;margin-left:auto}.st-clean{border-bottom:1px solid var(--divider);align-items:center;gap:16px;padding:12px 0;display:flex}.st-clean .hint{margin:2px 0 0}.st-clean .btn{flex:none}.st-tools{gap:8px;margin-top:20px;display:flex}.st-tools .select{width:auto}.st-search{background:var(--bg-input);color:var(--text-muted);border-radius:4px;flex:1;align-items:center;gap:6px;padding:0 8px;display:flex}.st-search input{background:0 0;border:0;outline:none;flex:1;height:36px;font-size:14px}.st-selbar{align-items:center;gap:8px;min-height:40px;margin-top:8px;display:flex}.st-check{color:var(--text-muted);cursor:pointer;align-items:center;gap:10px;padding-left:10px;font-size:13px;display:flex}.st-list{flex-direction:column;gap:2px;display:flex}.st-row{border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:flex}.st-row:hover{background:var(--bg-hover)}.st-row.on{background:#1878b024}.st-row input[type=checkbox],.st-check input{width:16px;height:16px;accent-color:var(--accent);flex:none}.st-ico{color:#fff;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;display:grid}.st-info{flex:1;min-width:0}.st-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px;font-weight:500;display:block;overflow:hidden}a.st-name:hover{text-decoration:underline}.st-meta{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12px;overflow:hidden}.st-size{text-align:right;min-width:70px;color:var(--text-muted);flex:none;font-size:13px}.hu-h{text-transform:uppercase;color:var(--text-muted);margin:28px 0 10px;font-size:12px;font-weight:700}.hu-max{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.hu-max .input{width:110px}.hu-max .hint{margin:0}.hu-newcode{gap:8px;display:flex}.hu-newcode .btn{flex:none}.hu-codes{flex-direction:column;gap:2px;margin-top:8px;display:flex}.hu-code{background:var(--bg-2);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.hu-code code{font-family:var(--mono);letter-spacing:1px;color:var(--header);font-size:15px;font-weight:700}.hu-code.used{opacity:.6}.hu-code.used code{text-decoration:line-through}.hu-key{background:var(--bg-2);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:flex}.hu-key code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);letter-spacing:.5px;color:var(--header);flex:1;font-size:13px;font-weight:700;overflow:hidden}.hu-key+.hint .btn{color:var(--red);margin-left:4px;padding:0}.confirm-word{color:var(--text-muted);flex-direction:column;gap:6px;margin-top:14px;font-size:13px;display:flex}.hu-code .grow{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);overflow:hidden}.hu-list{flex-direction:column;gap:2px;margin-top:8px;display:flex}.hu-row{border-radius:6px;align-items:center;gap:12px;padding:8px 10px;display:flex}.hu-row:hover{background:var(--bg-hover)}.hu-row.banned{opacity:.55}.hu-row .btn{flex:none}.hu-name{text-overflow:ellipsis;white-space:nowrap;color:var(--header);font-weight:600;overflow:hidden}.hu-name span{color:var(--text-muted);margin-left:4px;font-size:13px;font-weight:400}.hu-tag{background:var(--accent);color:#fff;vertical-align:1px;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:600}.hu-tag.red{background:var(--red)}.hu-ban:hover{background:var(--red);color:#fff}.auth-code{font-family:var(--mono);letter-spacing:2px}.soundboard{z-index:140;background:var(--bg-2);border-radius:8px;flex-direction:column;width:400px;height:470px;animation:.12s pop;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.sb-head{color:var(--header);align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.sb-tools{gap:8px;padding:0 12px 8px;display:flex}.sb-search{background:var(--bg-1);color:var(--text-muted);border-radius:4px;flex:1;align-items:center;gap:6px;padding:0 8px;display:flex}.sb-search input{background:0 0;border:0;outline:none;flex:1;height:30px;font-size:14px}.sb-body{flex:1;padding:0 8px 8px;overflow-y:auto}.sb-body h6{text-transform:uppercase;color:var(--text-muted);margin:10px 4px 6px;font-size:12px}.sb-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sb-btn{background:var(--bg-3);text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;height:40px;padding:0 8px;display:flex;overflow:hidden}.sb-btn:hover{background:var(--bg-4)}.sb-btn.on{border-color:var(--green);background:#23a55a26}.sb-emo{flex:none;font-size:18px}.sb-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.sb-group{border-radius:6px;margin-top:6px}.sb-group-head{width:100%;color:var(--text-muted);text-align:left;background:0 0;align-items:center;gap:4px;padding:4px 4px 6px;font-size:13px;font-weight:600;display:flex}.sb-group-head:hover{color:var(--header)}.sb-group-head svg{flex:none;transition:transform .12s}.sb-group-head svg.shut{transform:rotate(-90deg)}.sb-group-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-group-head small{color:var(--text-faint);margin-left:auto;font-size:11px;font-weight:500}.sb-loose,.sb-group,.sb-drop-hint{outline-offset:2px;outline:2px dashed #0000}.sb-loose.drop,.sb-group.drop,.sb-drop-hint.drop{outline-color:var(--accent);background:#1878b01a}.sb-drop-hint{border:1px dashed var(--text-faint);color:var(--text-muted);text-align:center;border-radius:6px;padding:10px;font-size:13px}.sb-group-input{max-width:320px}.sb-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.sb-chip{background:var(--bg-3);color:var(--text);border:1px solid #0000;border-radius:12px;padding:3px 10px;font-size:13px}.sb-chip:hover{background:var(--bg-4)}.sb-chip.on{border-color:var(--accent);color:var(--header);background:#1878b033}.sb-add{border-top:1px solid var(--divider);height:40px;color:var(--text);border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.sb-add:hover{background:var(--bg-hover)}.waveform{background:var(--bg-1);cursor:crosshair;border-radius:6px;width:100%;height:140px;margin:8px 0;display:block}.sb-segs{flex-direction:column;gap:6px;margin-top:8px;display:flex}.sb-seg{background:var(--bg-2);border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:14px;display:flex}.sb-seg .input{width:90px;height:32px;padding:4px 8px}.waveform{touch-action:none;height:150px}.sb-section{text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.sb-range{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.sb-range .input{width:92px;height:32px;padding:4px 8px}.sb-clips{flex-direction:column;gap:4px;margin:6px 0 8px;display:flex}.sb-clip{background:var(--bg-2);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:3px 6px 3px 4px;font-size:14px;display:flex}.sb-clip:hover{background:var(--bg-4)}.sb-clip.active{border-color:var(--accent);background:#1878b01f}.sb-clip.drop{border-color:var(--green)}.sb-clip.playing .sb-clip-no{color:var(--green)}.sb-clip .grip{color:var(--text-faint);cursor:grab;display:flex}.sb-clip-no{text-align:right;width:22px;font-weight:700}.sb-clip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-clip-time{font-family:var(--mono);color:var(--text-muted);white-space:nowrap;font-size:12px}.sb-clip-actions{gap:2px;display:flex}.sb-clip-actions .icon-btn:disabled{opacity:.3;cursor:default}.sb-bubble{color:#fff;white-space:nowrap;background:#000000b3;border-radius:12px;padding:3px 10px;font-size:13px;font-weight:600;animation:.15s pop;position:absolute;top:8px;left:50%;transform:translate(-50%)}.user-limit{background:var(--bg-1);color:var(--text-muted);border-radius:8px;padding:1px 6px;font-size:11px;font-weight:600}.roles-layout,.perm-layout{grid-template-columns:220px 1fr;align-items:start;gap:16px;display:grid}.roles-list,.perm-targets{flex-direction:column;gap:2px;display:flex}.role-item{cursor:pointer;color:var(--text-muted);border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;font-weight:500;display:flex}.role-item:hover{background:var(--bg-hover);color:var(--text)}.role-item.on{background:var(--bg-active);color:var(--text-strong)}.role-item .rname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.role-item .rcount{color:var(--text-muted);font-size:12px}.role-item .rmove{display:none}.role-item:hover .rmove{display:flex}.rmove button{color:var(--text-muted);display:flex}.rmove button:hover{color:var(--text-strong)}.role-dot{border-radius:50%;flex:none;width:12px;height:12px}.role-edit{min-width:0}.tri{border:1px solid var(--bg-4);border-radius:4px;display:inline-flex;overflow:hidden}.tri button{width:30px;height:26px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.tri button+button{border-left:1px solid var(--bg-4)}.tri button.on{background:var(--bg-4);color:var(--text-strong)}.tri button.on.deny{background:var(--red);color:#fff}.tri button.on.allow{background:var(--green);color:#fff}.perm-list{flex-direction:column;gap:4px;display:flex}.perm-row{background:var(--bg-2);border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:14px;display:flex}.save-bar{background:var(--bg-float);box-shadow:var(--shadow);border-radius:6px;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;display:flex;position:sticky;bottom:0}.save-bar span{flex:1;font-weight:500}.channel.muted{opacity:.45}.embed{background:var(--bg-2);border-left:4px solid var(--bg-1);border-radius:4px;flex-direction:column;gap:6px;max-width:520px;padding:8px 16px 12px 12px;display:flex}.embed-row{justify-content:space-between;gap:16px;display:flex}.embed-site{color:var(--text-muted);font-size:12px}.embed-title{color:var(--link);font-size:15px;font-weight:600;display:block}.embed-desc{color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:14px;display:-webkit-box;overflow:hidden}.embed-thumb{object-fit:cover;cursor:pointer;border-radius:4px;flex:none;width:80px;height:80px}.embed-image{cursor:pointer;object-fit:contain;border-radius:4px;align-self:flex-start;max-width:100%;max-height:300px}.embed-yt{aspect-ratio:16/9;cursor:pointer;background:#000;border-radius:4px;width:400px;max-width:100%;position:relative;overflow:hidden}.embed-yt img{object-fit:cover;width:100%;height:100%}.embed-play{background:#0009;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.embed-yt:hover .embed-play{background:red}.stream-warn{color:#000;white-space:nowrap;background:#f0b232f2;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;top:44px;left:50%;transform:translate(-50%)}.cemoji{object-fit:contain;vertical-align:-5px;width:22px;height:22px}.m-content.jumbo .cemoji{width:48px;height:48px}.emoji-admin{flex-direction:column;gap:4px;display:flex}.emoji-admin-row{background:var(--bg-2);border-radius:4px;align-items:center;gap:12px;padding:6px 8px;display:flex}.emoji-admin-row img{object-fit:contain;width:32px;height:32px}.emoji-admin-row .ename{flex:1;font-weight:600}.poll{background:var(--bg-2);border:1px solid var(--bg-1);border-radius:8px;flex-direction:column;gap:6px;width:min(460px,100%);margin-top:6px;padding:14px;display:flex}.poll-q{color:var(--header);font-size:17px;font-weight:700}.poll-sub{color:var(--text-muted);font-size:12px}.poll-opt{background:var(--bg-1);text-align:left;border:2px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.poll-opt:hover:not(:disabled){border-color:var(--bg-4)}.poll-opt.on{border-color:var(--accent)}.poll-bar{background:#1878b040;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.poll-opt.top .poll-bar{background:#1878b066}.poll-text,.poll-pct{font-weight:500;position:relative}.poll-pct{color:var(--text-muted);white-space:nowrap;font-size:13px}.game-suggest{border:1px solid var(--green);background:#23a55a1f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;font-size:14px;display:flex}.server-form{text-align:left;flex-direction:column;gap:8px;display:flex}.server-form label{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.server-form .input.mono{font-family:var(--mono);letter-spacing:.04em}.server-form .hint{margin:0}.server-form .hint button{color:var(--link)}.server-form .hint button:hover{text-decoration:underline}.server-form .btn{align-self:flex-start}.server-note{background:var(--mention-bg);border-left:3px solid var(--mention-bar);color:var(--text-strong);border-radius:4px;padding:8px 10px;font-size:13px}.splash .input{background:var(--bg-3)}.motto{background:var(--bg-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin:4px 0 20px;padding:22px 32px;display:flex}.motto-text{letter-spacing:.01em;color:var(--text-strong);font-size:30px;font-weight:800}.motto-imza{opacity:.92;width:190px;height:auto}.tile.film .t-bottom{display:none}.fp{pointer-events:none;position:absolute;inset:0;container-type:size}.fp-sub{text-align:center;white-space:pre-line;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000,0 2px 4px #000;font-size:max(16px,3.3cqw);font-weight:600;line-height:1.25;transition:bottom .2s;position:absolute;bottom:84px;left:6%;right:6%}.fp:not(.show) .fp-sub{bottom:5%}.fp-paused{color:#fff;background:#0009;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;font-size:15px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fp-osd{color:#fff;background:#000000bf;border-radius:8px;padding:6px 12px;font-size:15px;font-weight:700;position:absolute;top:44px;left:14px}.fp-bar{opacity:0;pointer-events:auto;background:linear-gradient(#0000,#000000e0);padding:28px 14px 8px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.fp.show .fp-bar{opacity:1}.fp-track{align-items:center;height:18px;display:flex;position:relative}.fp-track:before{content:"";background:#ffffff47;border-radius:2px;height:4px;position:absolute;left:0;right:0}.fp-fill{background:var(--accent);border-radius:2px;height:4px;position:absolute;left:0}.fp-track.can{cursor:pointer}.fp-track.can:hover:before,.fp-track.can:hover .fp-fill{height:6px}.fp-thumb{opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;margin-left:-7px;transition:opacity .15s;position:absolute}.fp-track.can:hover .fp-thumb{opacity:1}.fp-tip{color:#fff;white-space:nowrap;pointer-events:none;background:#000000e0;border-radius:4px;padding:2px 7px;font-size:12px;font-weight:600;position:absolute;bottom:20px;transform:translate(-50%)}.fp-row{color:#fff;align-items:center;gap:4px;margin-top:2px;display:flex}.fp-row button{color:#fff;background:0 0;border-radius:6px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 6px;display:flex}.fp-row button:hover{background:#ffffff29}.fp-row button.on{color:#6cc0f0}.fp-row .fp-play{border-radius:50%;min-width:42px;height:42px}.fp-state{opacity:.85;padding:0 8px;display:flex}.fp-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 8px;font-size:13px;font-weight:600}.fp-rate{background:#ffffff2e;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700}.fp-sp{flex:1}.fp-vol{align-items:center;display:flex}.fp-vol input{width:90px}.tile .t-bottom{pointer-events:none;align-items:flex-end;gap:8px;padding:24px 8px 8px;transition:background .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.tile:hover .t-bottom{background:linear-gradient(#0000,#000000b3)}.tile .t-bottom .t-name{min-width:0;max-width:none;position:static}.tile .t-ctrl{color:#fff;opacity:0;pointer-events:auto;flex:none;align-items:center;gap:2px;margin-left:auto;transition:opacity .15s;display:flex}.tile:hover .t-ctrl,.tile .t-ctrl:focus-within{opacity:1}.tile .t-ctrl button{color:#fff;background:0 0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;display:flex}.tile .t-ctrl button:hover{background:#ffffff29}.t-vol{align-items:center;display:flex}.t-vol input{width:90px}.embed-media{background:#000;border:0;border-radius:6px;width:480px;max-width:100%;margin-top:8px;display:block}.embed-cover{cursor:pointer;background-position:50%;background-size:cover;padding:0;position:relative}.embed-cover .embed-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.embed-cover:hover .embed-play{background:var(--accent)}.source-mini{aspect-ratio:16/9;width:100%;color:var(--text-muted);background:#000;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.source .source-mini img{aspect-ratio:auto;background:0 0;width:40px;height:40px}.game-suggest small{color:var(--text-muted)}.strip-area{flex:none;position:relative}.strip-toggle{z-index:3;color:#fff;opacity:0;background:#000000bf;border-radius:999px;align-items:center;gap:2px;padding:5px 10px;transition:opacity .15s;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.strip-area.closed .strip-toggle{top:-38px}.focus-wrap:hover .strip-toggle,.strip-toggle:focus-visible{opacity:1}.strip-toggle:hover{background:#000000eb}.live-badge.live-hover{cursor:pointer}.live-card{z-index:130;background:var(--bg-1);border-radius:8px;width:260px;animation:.15s ease-out fade;position:fixed;overflow:hidden;box-shadow:0 8px 24px #0000008c}.live-card-prev{aspect-ratio:16/9;color:var(--text-muted);cursor:pointer;background:#000;justify-content:center;align-items:center;display:flex;position:relative}.live-card-prev video,.live-card-prev img{object-fit:contain;width:100%;height:100%}.live-card-head{color:var(--text-strong);justify-content:space-between;align-items:center;padding:10px 12px 8px;font-size:13px;font-weight:600;display:flex}.live-card-body{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.live-card-name{color:var(--text-strong);font-weight:700}.live-card-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.live-card-body .btn{margin-top:6px}.stream-pip{z-index:80;aspect-ratio:16/9;background:#000;border-radius:10px;width:320px;animation:.15s ease-out fade;position:fixed;overflow:hidden;box-shadow:0 10px 30px #0009}.pip-video{cursor:grab;width:100%;height:100%}.pip-video video{object-fit:contain;width:100%;height:100%}.pip-name{color:#fff;pointer-events:none;background:#0009;border-radius:4px;align-items:center;gap:5px;max-width:calc(100% - 120px);padding:3px 8px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.pip-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pip-ctrl{opacity:0;gap:2px;transition:opacity .15s;display:flex;position:absolute;bottom:6px;right:6px}.stream-pip:hover .pip-ctrl,.pip-ctrl:focus-within,.stream-pip:hover .pip-back,.pip-back:focus-visible{opacity:1}.pip-back{color:#fff;opacity:0;background:#0000008c;border-radius:6px;align-items:center;gap:6px;max-width:calc(100% - 12px);padding:4px 8px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;top:6px;left:6px}.pip-back span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pip-back:hover{background:#000000d9}.pip-ctrl button{color:#fff;background:#000000a6;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pip-ctrl button:hover{background:#000000e6}.stream-pip.pip-tr{top:calc(var(--titlebar) + 60px);right:16px}.stream-pip.pip-tl{top:calc(var(--titlebar) + 60px);left:388px}.stream-pip.pip-br{bottom:92px;right:16px}.stream-pip.pip-bl{bottom:92px;left:388px}.stream-pip.dragging{cursor:grabbing;opacity:.85;user-select:none}.pip-ctrl button.danger:hover,.tile .t-ctrl button.danger:hover{background:var(--red)}.stream-paused{color:#fff;text-align:center;pointer-events:none;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;display:flex;position:absolute;inset:0}.stream-paused b{font-size:17px}.stream-paused span{color:#dcdce0;max-width:420px;font-size:14px}.stream-pip .stream-paused b,.live-card .stream-paused b{font-size:14px}.stream-pip .stream-paused span,.live-card .stream-paused span{font-size:12px}.ctx-label{color:var(--text-muted);text-transform:uppercase;padding:6px 8px 2px;font-size:12px;font-weight:700}.game-row{border-bottom:1px solid var(--divider);background:#0e0e10;flex:none;align-items:center;gap:10px;padding:8px;display:flex}.game-row>img,.game-row>svg{width:32px;height:32px;color:var(--text-muted);border-radius:6px;flex:none}.game-row-text{flex:1;min-width:0}.game-row-name{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.game-row-sub{color:var(--text-muted);font-size:12px}.game-row-sub.on,.me-sharing{color:var(--green)}.me-sharing svg{vertical-align:-2px}.ctx-sub{width:208px}.ctx-item.open{background:var(--bg-hover,#ffffff14)}.ctx-check{border:2px solid var(--text-muted);border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.ctx-check.on{border-color:var(--accent);background:var(--accent);color:#fff}.ctx-item:hover .ctx-check{border-color:#fff}.focus-corner{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.focus-main .focus-corner .tile{cursor:pointer;border-radius:8px;box-shadow:0 6px 20px #0009}.focus-corner .tile .t-bottom,.focus-corner .tile .t-badge,.focus-corner .tile .stream-warn{display:none}.modal.golive{width:860px;position:relative;overflow:hidden}.modal.golive .modal-head{z-index:2;padding:8px;position:absolute;top:0;right:0}.golive-prev{aspect-ratio:16/9;background:#000;position:relative}.golive-prev>img{object-fit:contain;width:100%;height:100%}.golive-bg{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.golive-bg img{width:64px;height:64px}.golive-bar{background:var(--bg-2);align-items:center;gap:12px;padding:14px 16px;display:flex}.golive-icon{border-radius:8px;width:40px;height:40px}.golive-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.golive-text b{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.golive-text small{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.golive-gear{background:var(--bg-hover);width:40px;height:40px;color:var(--text-strong);border-radius:8px;justify-content:center;align-items:center;display:flex}.golive-gear:hover{background:#9696a047}.ctx-lbl{flex-direction:column;min-width:0;display:flex}.ctx-hint{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ctx-item:hover .ctx-hint{color:#fffc}.ctx-radio{border:2px solid var(--text-muted);border-radius:50%;flex:none;width:18px;height:18px}.ctx-radio.on{border-color:var(--accent);background:radial-gradient(circle, #fff 0 3px, var(--accent) 4px)}.ctx-item:hover .ctx-radio{border-color:#fff}.dev-group{border-radius:6px;align-items:center;display:flex}.dev-group:hover{background:var(--bg-hover)}.dev-btn{width:16px;height:32px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;display:flex}.dev-btn:hover{color:var(--text-strong)}.popout.me-card{width:300px;overflow:visible}.me-card .banner{border-radius:8px 8px 0 0;height:110px}.me-bubble{background:var(--bg-2);max-width:172px;color:var(--text-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;padding:6px 10px;font-size:13px;font-style:italic;position:absolute;top:98px;left:112px;overflow:hidden}.me-bubble.set{color:var(--text);font-style:normal}.me-bubble:hover{color:var(--text-strong)}.me-menu{background:var(--bg-2);border-radius:8px;margin-top:12px;padding:6px}.me-menu button{width:100%;color:var(--text);border-radius:4px;align-items:center;gap:10px;padding:8px;font-size:14px;display:flex}.me-menu button>span:not(.me-dot){text-align:left;flex:1}.me-menu button:hover{background:var(--bg-hover);color:var(--text-strong)}.me-sep{background:var(--divider);height:1px;margin:4px 6px}.me-sub-wrap{position:relative}.me-flyout{z-index:2;background:var(--bg-float);width:200px;box-shadow:var(--shadow);border-radius:8px;padding:6px;position:absolute;top:-6px;left:calc(100% + 14px)}.me-flyout:before{content:"";width:16px;height:100%;position:absolute;top:0;left:-16px}.me-flyout button.on{background:var(--accent);color:#fff}.me-dot{flex:none;width:12px;height:12px;display:inline-block;position:relative}.dm-profile{background:var(--bg-2);flex:none;width:340px;position:relative;overflow-y:auto}.dp-banner{height:130px}.dp-avatar{border:6px solid var(--bg-2);cursor:pointer;border-radius:50%;margin:-46px 0 0 16px;display:inline-block}.dp-body{padding:8px 16px 24px}.dm-profile .p-name{color:var(--header);font-size:20px;font-weight:700}.dm-profile .p-user{color:var(--text);font-size:14px}.dm-profile .p-status{color:var(--text);margin-top:8px;font-size:14px}.dm-profile .p-sec{border-top:1px solid var(--divider);margin-top:14px;padding-top:14px}.dm-profile .p-sec h5{color:var(--text-strong);text-transform:uppercase;margin:0 0 8px;font-size:12px}.dm-profile .p-sec p{white-space:pre-wrap;margin:0;font-size:14px}.dp-server{width:100%;color:var(--text);text-align:left;border-radius:6px;align-items:center;gap:10px;padding:6px;font-size:14px;display:flex}.dp-server:hover{background:var(--bg-hover);color:var(--text-strong)}.dp-server-icon{background:var(--bg-1);width:32px;height:32px;color:var(--text-strong);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.dock{z-index:20;border:1px solid var(--divider);background:var(--bg-3);border-radius:12px;width:356px;position:absolute;bottom:8px;left:8px;overflow:hidden;box-shadow:0 8px 24px #00000073}.dock .game-row,.dock .voice-panel,.dock .user-panel{background:0 0}.dock .user-panel{height:56px}.rail,.sidebar{padding-bottom:calc(var(--dock-h,0px) + 16px)}.invite-join{text-align:center;padding:8px 16px 20px}.invite-join h2{color:var(--text-strong);margin:4px 0}.ij-icon{background:var(--bg-1);width:80px;height:80px;color:var(--text-strong);border-radius:24px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex;overflow:hidden}.ij-sub,.ij-meta{color:var(--text-muted);font-size:14px}.ij-meta{margin-bottom:20px}.invite-card{background:var(--bg-2);border-radius:8px;width:432px;max-width:100%;padding:16px}.ic-head{color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700}.ic-row{align-items:center;gap:14px;display:flex}.ic-icon{background:var(--bg-1);width:50px;height:50px;color:var(--text-strong);border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.ic-text{flex-direction:column;flex:1;min-width:0;display:flex}.ic-text b{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ic-text small{color:var(--text-muted)}.modal.picker{width:1040px;height:min(820px, calc(100vh - var(--titlebar,0px) - 48px));padding:20px 20px 0;position:relative}.modal.picker .modal-head{z-index:2;padding:4px;position:absolute;top:0;right:0}.pk-title{color:var(--text-strong);margin:0 0 12px;font-size:18px;font-weight:700}.pk-tabs{background:var(--bg-1);border-radius:10px;gap:4px;margin-right:36px;padding:4px;display:flex}.pk-tabs button{height:40px;color:var(--text-muted);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.pk-tabs button:hover{color:var(--text-strong)}.pk-tabs button.on{background:var(--bg-4);color:var(--text-strong)}.pk-body{flex:1;min-height:0;margin:16px -8px 0 0;padding-right:8px;overflow-y:auto}.pk-grid{grid-template-columns:repeat(2,1fr);gap:22px 18px;padding-bottom:16px;display:grid}.pk-card{text-align:left;flex-direction:column;gap:10px;min-width:0;display:flex}.pk-thumb{aspect-ratio:16/9;background:#000;border:2px solid #0000;border-radius:10px;position:relative;overflow:hidden}.pk-thumb img{object-fit:contain;width:100%;height:100%}.pk-card:hover .pk-thumb{border-color:var(--text-muted)}.pk-share{color:#111;opacity:0;background:#fff;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;transition:opacity .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pk-card:hover .pk-share,.pk-card:focus-visible .pk-share{opacity:1}.pk-card:hover .pk-thumb img{filter:brightness(.6)}.pk-name{min-width:0;color:var(--text-strong);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.pk-name img{flex:none;width:20px;height:20px}.pk-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pk-web,.pk-film{color:var(--text-muted);flex-direction:column;align-items:flex-start;gap:12px;padding:8px 4px 20px;line-height:1.5;display:flex}.pk-web p,.pk-film p{margin:0}.pk-film-row{flex-wrap:wrap;gap:10px;display:flex}.pk-file{color:var(--text-strong)}.pk-foot{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;margin:0 -20px;padding:14px 20px;display:flex}.pk-sum{flex-direction:column;display:flex}.pk-sum b{color:var(--text-strong)}.pk-sum small{color:var(--text-muted)}.pk-gear{background:var(--bg-4);width:44px;height:44px;color:var(--text-strong);border-radius:10px;justify-content:center;align-items:center;display:flex}.pk-gear:hover{background:var(--bg-hover)}.music-save{gap:6px;padding:0 12px 10px;display:flex}.music-list{cursor:default}.music-list .mt{align-items:baseline;display:flex}.call-timer{color:var(--green);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600}.vv-timer{margin-left:6px;font-size:14px}.dm-timer{margin-right:8px;font-size:14px}.channel.drop-target{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--bg-hover)}.voice-user[draggable=true]{cursor:grab}.p-voice{background:var(--bg-2);border-radius:8px;flex-direction:column;gap:8px;margin-top:12px;padding:10px;display:flex}.p-voice h5{color:var(--text-strong);margin:0;font-size:12px}.p-voice-ch{color:var(--text-strong);align-items:center;gap:6px;display:flex}.p-voice-ch small{color:var(--text-muted)}.p-voice .btn{justify-content:center;align-items:center;gap:6px;display:flex}.live-card-new{color:var(--text-strong);text-align:center;padding:0 16px;font-weight:600}.crop{flex-direction:column;align-items:center;gap:14px;padding-bottom:16px;display:flex}.crop-view{cursor:grab;touch-action:none;background:#000;border-radius:8px;position:relative;overflow:hidden}.crop-view:active{cursor:grabbing}.crop-view.round{border-radius:50%}.crop-view img{pointer-events:none;user-select:none;max-width:none;position:absolute;top:0;left:0}.crop-zoom{width:300px;color:var(--text-muted);align-items:center;gap:10px;display:flex}.crop-zoom .range{flex:1}.game-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.game-card{background:var(--bg-2);text-align:center;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;display:flex}.game-card:hover{border-color:var(--accent);background:var(--bg-4)}.gbig{font-size:40px}.gplayers{color:var(--green);font-size:12px;font-weight:600}.gdesc{color:var(--text-muted);font-size:12px;line-height:1.35}.game-active{flex-direction:column;gap:6px;display:flex}.game-row{background:var(--bg-2);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.game-row:hover{background:var(--bg-4)}.gicon{font-size:22px}.game-window{inset:calc(var(--titlebar) + 24px) 24px 24px 96px;z-index:95;background:var(--bg-3);border-radius:12px;flex-direction:column;animation:.15s pop;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 40px #0009}.game-head{background:var(--bg-2);border-bottom:1px solid var(--divider);align-items:center;gap:10px;padding:10px 14px;display:flex}.game-body{flex-direction:column;flex:1;min-height:0;padding:16px;display:flex;overflow:auto}.game-mini{z-index:95;background:var(--accent);color:#fff;box-shadow:var(--shadow);border-radius:24px;padding:10px 16px;font-weight:700;position:fixed;bottom:24px;right:24px}.lobby{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:auto;display:flex}.lobby h2{color:var(--header);margin:0}.lobby-players{flex-wrap:wrap;justify-content:center;gap:16px;margin:8px 0 16px;display:flex}.lobby-player{flex-direction:column;align-items:center;gap:6px;width:80px;font-size:13px;display:flex;position:relative}.lobby-kick{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-4px;right:10px}.lobby-empty{border:2px dashed var(--text-muted);width:48px;height:48px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.game-result{border:1px solid var(--green);color:var(--text-strong);text-align:center;background:#23a55a26;border-radius:8px;margin:8px 0;padding:10px 14px;font-weight:700}.game-result.small{padding:6px 10px;font-size:13px}.turn{text-align:center;color:var(--text-strong);margin:8px 0;font-weight:600}.board-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;display:flex}.side{flex-direction:column;gap:8px;width:240px;display:flex}.side .pl{align-items:center;gap:8px;font-weight:600;display:flex}.chess{aspect-ratio:1;user-select:none;border:4px solid #3b2a1a;border-radius:4px;grid-template-columns:repeat(8,1fr);width:min(70vh,560px);display:grid}.sq{cursor:pointer;background:#eeeed2;justify-content:center;align-items:center;display:flex;position:relative}.sq.dark{background:#769656}.sq.last{box-shadow:inset 0 0 0 100px #f6f66973}.sq.sel{box-shadow:inset 0 0 0 100px #1878b073}.sq.check{box-shadow:inset 0 0 0 100px #f23f4399}.pc{z-index:1;font-size:min(6.4vh,52px);line-height:1}.pc.w{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 3px #000}.pc.b{color:#111;text-shadow:0 0 1px #fff}.pc-mini{font-size:20px}.pc-mini.w{color:#fff;text-shadow:0 0 2px #000}.sq .dot{background:#00000040;border-radius:50%;width:26%;height:26%;position:absolute}.sq .cap{border:5px solid #00000040;border-radius:50%;position:absolute;inset:4%}.coord{color:#00000080;font-size:10px;font-weight:700;position:absolute}.coord.r{top:2px;left:3px}.coord.f{bottom:1px;right:3px}.moves{max-height:240px;font-family:var(--mono);background:var(--bg-2);border-radius:6px;padding:6px 10px;font-size:13px;overflow:auto}.tavla{user-select:none;background:#6b4423;border:10px solid #3e2612;border-radius:8px;flex-direction:column;width:min(100%,860px);display:flex}.trow{height:230px;display:flex}.tmid{justify-content:center;align-items:center;height:44px;display:flex}.pt{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}.pt.top{justify-content:flex-start}.pt .tri{clip-path:polygon(0 100%,50% 8%,100% 100%);background:#e8d3a7;position:absolute;inset:0 4px}.pt.top .tri{clip-path:polygon(0 0,50% 92%,100% 0)}.pt.odd .tri{background:#8f2d1f}.pt.can .tri{filter:brightness(1.25)}.pt.sel .tri{background:#1878b0}.pt.dest .tri{background:#23a55a}.pnum{color:#ffffff80;font-size:9px;position:absolute;bottom:-2px}.pt.top .pnum{top:-2px;bottom:auto}.stack{z-index:1;flex-direction:column-reverse;align-items:center;padding:4px 0;display:flex}.stack.top{flex-direction:column}.chk{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:1px 0;font-size:13px;font-weight:700;display:flex;box-shadow:inset 0 -3px #00000040,0 1px 2px #00000080}.chk.w{color:#000;background:#f4f1e8}.chk.b{color:#fff;background:#1d1d1d}.chk.small{vertical-align:middle;width:16px;height:16px;display:inline-block}.bar,.off{cursor:pointer;color:#fff;background:#3e2612;flex-direction:column;justify-content:center;align-items:center;width:46px;font-weight:700;display:flex}.off{background:#2a190b;gap:4px;font-size:13px}.bar.can,.off.dest{background:#23a55a}.bar.sel{background:#1878b0}.dice{gap:8px;display:flex}.die{color:#fff;font-size:40px;line-height:1}.die.used{opacity:.3}.card-table{flex-direction:column;align-items:center;gap:10px;display:flex}.card{color:#111;user-select:none;background:#fff;border:1px solid #bbb;border-radius:7px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:64px;height:92px;font-weight:800;display:flex;box-shadow:0 2px 4px #00000059}.card.red{color:#d32f2f}.card .cr{font-size:22px;line-height:1}.card .cs{font-size:26px;line-height:1}.card.small{width:40px;height:58px}.card.small .cr{font-size:15px}.card.small .cs{font-size:16px}.card.back{color:#fffc;background:repeating-linear-gradient(45deg,#1878b0 0 6px,#1569a0 6px 12px);font-size:10px}.card.empty{box-shadow:none;color:var(--text-muted);background:#ffffff0f;border:2px dashed #fff3;font-size:12px}.card.play{cursor:pointer;transition:transform .1s}.card.play:hover{transform:translateY(-10px)}.card.dim{filter:brightness(.8)}.felt{color:#fff;background:radial-gradient(#1c7a45,#0d4f2b);border:8px solid #3e2612;border-radius:120px;flex-direction:column;align-items:center;gap:10px;min-width:min(100%,600px);padding:24px 48px;display:flex}.felt .hint{color:#fffc}.opponents,.seats{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.opp,.seat{background:var(--bg-2);border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:110px;padding:8px 12px;display:flex;position:relative}.opp.active,.seat.active{border-color:var(--green)}.seat.folded,.seat.out{opacity:.5}.opp-cards,.seat-cards{gap:2px;display:flex}.opp-cards .card.small{width:20px;height:30px;font-size:0}.pile{position:relative}.pile-under{font-weight:700;position:absolute;top:30px;left:-36px}.deck-info{align-self:flex-start;align-items:center;gap:6px;font-weight:700;display:flex}.my-hand{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.board-cards{gap:8px;display:flex}.pot{font-size:18px;font-weight:800}.chips{font-size:13px;font-weight:700}.betchip{color:#000;background:#f0b232;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:800;position:absolute;bottom:-10px}.dealer{color:#000;background:#fff;border-radius:50%;padding:0 4px;font-size:10px}.tag{background:var(--red);color:#fff;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800}.tag.grey{background:#3d3d44}.poker-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.otile{cursor:pointer;user-select:none;vertical-align:middle;background:linear-gradient(#fffbea,#eee3c4);border:1px solid #c9b98f;border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:38px;height:54px;display:inline-flex;box-shadow:0 2px 3px #0006}.otile.small{width:26px;height:36px}.otile.small .tn{font-size:14px}.otile.back{color:#8b7a55;background:linear-gradient(#e8dcc0,#cdbf9b)}.otile.empty{box-shadow:none;background:#ffffff0f;border:2px dashed #ffffff40}.otile.sel{box-shadow:0 0 0 3px var(--accent);transform:translateY(-8px)}.otile.okey{box-shadow:0 0 0 2px #f0b232,0 2px 3px #0006}.tn{font-size:20px;font-weight:900;line-height:1}.tdot{border-radius:50%;width:6px;height:6px}.tn.red{color:#d32f2f}.tn.black{color:#111}.tn.yellow{color:#e0a100}.tn.blue{color:#1e5bd6}.tdot.red{background:#d32f2f}.tdot.black{background:#111}.tdot.yellow{background:#e0a100}.tdot.blue{background:#1e5bd6}.rack{background:linear-gradient(#8a5a2b,#6b4423);border-radius:8px;flex-wrap:wrap;justify-content:center;gap:4px;max-width:860px;padding:12px;display:flex}.okey-center{border-radius:24px;flex-direction:row;justify-content:center;gap:40px}.center-col{flex-direction:column;align-items:center;gap:6px;display:flex}.discard-top{min-height:36px}.billiards{flex-direction:column;align-items:center;gap:8px;display:flex}.billiards canvas{border-radius:10px;max-width:min(100%,1000px);max-height:calc(100vh - 300px);box-shadow:0 6px 20px #00000080}.bil-info{gap:16px;display:flex}.bil-info span{background:var(--bg-2);border-radius:6px;padding:4px 10px;font-size:13px}.bil-info span.on{background:var(--green);color:#fff}.power{background:var(--bg-4);border-radius:5px;width:300px;height:10px;overflow:hidden}.power i{background:linear-gradient(90deg,#23a55a,#f0b232,#f23f43);height:100%;display:block}.draw-game{flex:1;gap:14px;min-height:0;display:flex}.draw-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.draw-top{justify-content:space-between;align-items:center;display:flex}.draw-top .word{letter-spacing:2px;color:var(--header);font-size:24px;font-weight:800}.draw-top .timer{font-weight:700}.draw-canvas{position:relative}.draw-canvas canvas{aspect-ratio:8/5;touch-action:none;background:#fff;border-radius:8px;width:100%}.draw-overlay{color:#fff;background:#0009;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:18px;display:flex;position:absolute;inset:0}.draw-tools{align-items:center;gap:6px;display:flex}.swatch{border:2px solid var(--bg-4);border-radius:50%;width:26px;height:26px}.swatch.on{border-color:var(--accent);transform:scale(1.15)}.swatch.width{background:var(--bg-2);justify-content:center;align-items:center;display:flex}.swatch.width i{background:var(--text-strong);border-radius:50%;max-width:18px;max-height:18px;display:block}.draw-side{flex-direction:column;gap:8px;width:260px;display:flex}.scores{flex-direction:column;gap:4px;display:flex}.score{background:var(--bg-2);border-radius:6px;justify-content:space-between;padding:6px 10px;display:flex}.score.ok{background:#23a55a33}.score.drawer{background:#1878b033}.feed{background:var(--bg-2);border-radius:6px;flex:1;min-height:120px;padding:6px 10px;font-size:14px;overflow-y:auto}.fline.ok{color:var(--green);font-weight:700}.fline.sys{color:var(--yellow);font-weight:700}.fline.close{color:var(--yellow)}@keyframes agm-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-10px,3px)}30%,70%{transform:translate(10px,-3px)}}.app.shake{animation:.55s agm-shake}.music-panel{z-index:140;background:var(--bg-2);border-radius:8px;flex-direction:column;width:420px;max-height:520px;animation:.12s pop;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.music-now{border-bottom:1px solid var(--divider);padding:12px}.music-title{color:var(--header);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.music-queue{flex:1;padding:6px 8px;overflow-y:auto}.music-item{border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.music-item.on{color:var(--text-strong);background:#23a55a26}.music-item .mt{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bot-tile{color:#fff;text-align:center;flex-direction:column;gap:8px;padding:12px;background:linear-gradient(135deg,#1d1d24,#0b0b0d)!important}.bot-tile .bt{text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:14px;font-weight:700;overflow:hidden}.music-controls{justify-content:center;align-items:center;gap:6px;margin-top:6px;display:flex}.music-controls .icon-btn.on{color:var(--green)}.music-controls .icon-btn.big{background:var(--bg-4);width:40px;height:40px;color:var(--text-strong);border-radius:50%}.music-controls .icon-btn:disabled{opacity:.35;cursor:default}.music-mode{text-align:center;margin:2px 0 0;font-size:12px}.music-item.bad .mt{color:var(--text-faint);text-decoration:line-through}.bot-badge{background:var(--accent);color:#fff;border-radius:3px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px}.spin{animation:1s linear infinite agm-spin}@keyframes agm-spin{to{transform:rotate(360deg)}}.music-item{cursor:default;user-select:none}.music-item:hover{background:#ffffff0d}.music-item.sel{box-shadow:inset 0 0 0 1px var(--accent);background:#1878b038}.music-item.drop{box-shadow:inset 0 2px 0 var(--accent)}.card.svg{background:0 0;border:none;border-radius:6px;width:66px;height:92px;padding:0;overflow:hidden;box-shadow:0 3px 8px #00000073}.card.svg.small{border-radius:4px;width:42px;height:58px}.opp-cards .card.svg.small{border-radius:3px;width:22px;height:31px}button.card.svg{cursor:pointer}.card.svg.play:hover{box-shadow:0 0 0 2px var(--accent), 0 8px 18px #00000080;transform:none}.flip{perspective:600px}.board-cards,.seat-cards{perspective:800px}.pisti-pop{z-index:3;color:#fff;white-space:nowrap;pointer-events:none;background:#e30a17;border-radius:12px;padding:8px 18px;font-size:26px;font-weight:900;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 20px #00000080}.card.svg.back{background:repeating-linear-gradient(45deg,#1878b0 0 5px,#1569a0 5px 10px);border:2px solid #f4f4f6;justify-content:center;align-items:center;display:flex}.card.svg.back img{width:64%;height:auto}.card.svg.small.back{border-width:1.5px}.chess-wrap{border:4px solid #3b2a1a;border-radius:4px;flex:none;width:min(70vh,560px);overflow:hidden;box-shadow:0 6px 18px #0006}