:root{--bg: #26263a;--panel: #383848;--panel2: #3e3e52;--head: #2c2c42;--border: rgba(255, 255, 255, .15);--border-soft: rgba(255, 255, 255, .09);--accent: #94b0c9;--accent2: #6f8fc7;--accent-grad: linear-gradient(135deg, #7ea2d6, #4f6fb8);--text: #f2f4fa;--dim: #a2a6bd;--chat-bg: #404058;--chat-text: #f0f2fa;--green: #3ddc84;--red: #f87171;--yellow: #ffd54d;--pink: #f472b6;--radius: 8px;font-size:15px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 70% -10%,#4a4a6a 0%,var(--bg) 55%);color:var(--text);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13.5px}.app{position:relative;height:100%;min-height:100vh;background:linear-gradient(var(--ui-tint, transparent),var(--ui-tint, transparent)),radial-gradient(1200px 700px at 70% -10%,#4a4a6a 0%,var(--bg) 55%)}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(var(--ui-tint, transparent),var(--ui-tint, transparent));mix-blend-mode:soft-light;opacity:calc(var(--ui-tint-alpha, 0) * .75)}.app>*{position:relative;z-index:1}.app .panel,.app .modal,.app .header,.app .btn,.app .set-card,.app .rooms-list .room-item,.app .users-panel .users-list .u,.app .composer,.app .chat-body,.app .tab,.app .log{isolation:isolate;position:relative}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4a4a68;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#5c5c82}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.app{display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;gap:14px;padding:7px 14px;background:linear-gradient(180deg,#31314a,#2c2c42);border-bottom:1px solid rgba(255,255,255,.18);flex:0 0 auto}.logo{display:flex;align-items:center;gap:9px;-webkit-user-select:none;user-select:none}.logo-badge{width:34px;height:34px;border-radius:9px;background:var(--accent-grad);display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;box-shadow:0 2px 10px #3b82f673;letter-spacing:-1px}.logo-name{font-size:19px;font-weight:800;letter-spacing:.5px}.logo-name b{color:#7ea2ff}.logo-sub{font-size:10.5px;color:var(--dim);margin-top:-2px;letter-spacing:.6px}.header-center{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.room-title{font-size:14.5px;font-weight:700;color:#cfe0ff;display:flex;align-items:center;gap:7px}.room-title .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.online-pill{font-size:11px;color:var(--dim);background:#1a2342;border:1px solid var(--border-soft);padding:3px 9px;border-radius:20px;white-space:nowrap}.online-pill b{color:var(--green)}.header-right{display:flex;align-items:center;gap:10px}.me-chip{display:flex;align-items:center;gap:8px;background:#1a2342;border:1px solid var(--border-soft);padding:4px 10px 4px 6px;border-radius:20px;max-width:220px;overflow:hidden}.me-chip .nick{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn{border:1px solid var(--border);border-radius:7px;background:linear-gradient(180deg,#243158,#1a2342);color:var(--text);padding:6px 12px;font-size:12.5px;font-weight:600;transition:filter .12s,transform .05s,background .15s,border-color .15s,box-shadow .15s;cursor:pointer;font-family:inherit;line-height:1.3}.btn:hover{filter:brightness(1.25);transform:translateY(-.5px)}.btn:active{transform:translateY(1px);filter:brightness(.95)}.btn.primary{background:var(--accent-grad);border-color:color-mix(in srgb,var(--accent) 65%,#fff);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.btn.primary:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 55%,transparent);filter:brightness(1.08)}.btn.danger{background:linear-gradient(180deg,#7c2434,#5b1a27);border-color:#a03a4d;color:#fff}.btn.accent{background:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.04));border-color:color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.1));color:#fff}.btn.ghost{background:#ffffff0a;border-color:#ffffff1f;color:#dbe6ff}.btn.ghost:hover{background:#ffffff14}.btn.soft-on{background:color-mix(in srgb,#34d399 16%,rgba(255,255,255,.04));border-color:color-mix(in srgb,#34d399 50%,rgba(255,255,255,.1));color:#d8f8e9}.btn.soft-on:hover{filter:brightness(1.15)}.btn.small{padding:6px 11px;font-size:12px;border-radius:9px;min-height:32px}.btn.big{padding:11px 18px;font-size:14px;border-radius:12px;font-weight:800;min-height:44px}.btn.pill{border-radius:999px;padding:5px 13px}.btn.toggle-mode{padding:7px 13px;border-radius:10px;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none;box-shadow:none}.main{flex:1;display:grid;grid-template-columns:178px 1fr 224px;gap:8px;padding:8px;min-height:0}.panel{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{flex:0 0 auto;padding:8px 10px;background:linear-gradient(180deg,var(--head),#17203c);border-bottom:1px solid var(--border-soft);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#aebfe8;display:flex;align-items:center;justify-content:space-between}.room-item{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;border-radius:6px;margin:2px 5px;color:#c4d2f5;font-size:13px;font-weight:600;border:1px solid transparent}.room-item:hover{background:#1c2547}.room-item.active{background:linear-gradient(180deg,#24408c,#1b2f66);border-color:#3b5cb0;color:#fff}.room-item .ico{width:16px;text-align:center}.room-count{margin-left:auto;font-size:10.5px;color:var(--dim);background:#1a2342;border-radius:10px;padding:1px 7px;border:1px solid var(--border-soft)}.room-item.active .room-count{background:#ffffff24;color:#dbe7ff;border-color:transparent}.chat-panel{display:flex;flex-direction:column;min-height:0;background:var(--chat-bg);border:1px solid var(--border)}.chat-body{flex:1;display:flex;flex-direction:column;min-height:0}.banner{flex:0 0 auto;height:62px;position:relative;overflow:hidden;background:#e8edf7;border-bottom:1px solid #c9d4ea;display:flex;align-items:center;justify-content:center;cursor:pointer}.banner img{width:100%;height:100%;object-fit:cover}.banner .fallback{font-size:12px;color:#5a6b92;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.banner .tag{position:absolute;top:3px;right:6px;font-size:9px;color:#7c8db4;background:#dfe6f3;padding:1px 6px;border-radius:4px;letter-spacing:1px}.log{flex:1;overflow-y:auto;padding:10px 12px;color:var(--chat-text);line-height:1.55;scroll-behavior:smooth}.msg{margin:1px 0;word-break:break-word}.msg .time{color:#93a0c2;font-size:10.5px;margin-right:5px}.msg .nick{font-weight:700}.msg .nick .tag{font-size:11px}.chat-panel:not(.dark-bg) .msg.self .nick{color:#24408c!important}.msg.sys{color:#8a97ba;font-style:italic;font-size:12.5px}.msg.sys .time{color:#a9b4d0}.msg.me{color:#55628f;font-style:italic}.msg a{color:#2f5fd0;text-decoration:underline}.msg img.inline-img{max-width:220px;max-height:160px;border-radius:7px;display:block;margin:5px 0;border:1px solid #ccd6ec}.pm-banner-msg{background:#ffe9f4;border:1px solid #f9c6dd;border-radius:6px;padding:4px 9px;margin:3px 0;font-size:12.5px;color:#a03a6d;cursor:pointer;display:flex;gap:7px;align-items:center}.composer{flex:0 0 auto;border-top:1px solid #ccd6ec;background:#fff;padding:8px;position:relative}.composer-row{display:flex;gap:7px;align-items:center}.composer input[type=text]{flex:1;border:1px solid #b9c6e4;border-radius:7px;padding:8px 11px;font-size:13.5px;outline:none;color:var(--chat-text);background:#fbfcff}.composer input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f62e}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid #b9c6e4;background:linear-gradient(180deg,#fff,#eef2fb);font-size:16px;display:grid;place-items:center;flex:0 0 auto}.icon-btn:hover{border-color:var(--accent)}.send-btn{border:none;border-radius:8px;padding:0 18px;height:36px;background:var(--accent-grad);color:#fff;font-weight:700;font-size:13px;box-shadow:0 2px 8px #3b82f659}.send-btn:hover{filter:brightness(1.12)}.composer-hint{font-size:10.5px;color:#93a0c2;margin-top:5px;padding-left:3px}.emoji-pop{position:absolute;bottom:56px;left:8px;z-index:60;background:#fff;border:1px solid #b9c6e4;border-radius:10px;box-shadow:0 10px 30px #0f1e4640;padding:8px;width:264px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-pop button{border:none;background:transparent;font-size:19px;padding:4px;border-radius:6px}.emoji-pop button:hover{background:#eef2fb}.users-scroll{flex:1;overflow-y:auto;padding:6px 5px}.user-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;cursor:pointer;position:relative}.user-item:hover{background:#1c2547}.user-item .avatar{position:relative;flex:0 0 auto}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px;border:1.5px solid rgba(255,255,255,.28)}.avatar .dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--green);border:2px solid #141a2e}.user-item .un{font-size:12.5px;font-weight:600;color:#dbe6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.user-item .sub{font-size:10px;color:var(--dim);margin-top:1px}.user-item.me .un{color:#ffd54d}.user-actions{display:none;gap:3px;margin-left:auto;flex:0 0 auto}.user-item:hover .user-actions{display:flex}.user-actions button{border:1px solid #33407a;background:#1c2547;color:#c4d2f5;border-radius:5px;width:24px;height:24px;font-size:12px;display:grid;place-items:center;padding:0}.user-actions button:hover{background:#2a3a6e}.badge-role{font-size:10px}.ctx-menu{position:fixed;z-index:200;min-width:168px;background:#1a2342;border:1px solid #33407a;border-radius:9px;box-shadow:0 14px 40px #00000080;padding:5px;font-size:12.5px}.ctx-menu .item{padding:7px 10px;border-radius:6px;cursor:pointer;display:flex;gap:8px;align-items:center;color:#dbe6ff}.ctx-menu .item:hover{background:#24315c}.ctx-menu .sep{height:1px;background:#2c3a68;margin:4px 6px}.ctx-menu .item.danger{color:#ff9aa6}.pm-windows{position:fixed;right:12px;bottom:12px;z-index:90;display:flex;gap:10px;align-items:flex-end}.pm-window{width:292px;height:360px;display:flex;flex-direction:column;background:#10162b;border:1px solid #33407a;border-radius:10px;box-shadow:0 18px 50px #0000008c;overflow:hidden}.pm-head{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:7px 9px;background:linear-gradient(180deg,#24356a,#1a2650);cursor:pointer;-webkit-user-select:none;user-select:none}.pm-head .avatar{width:24px;height:24px;font-size:12px;border-width:1px}.pm-head .who{flex:1;font-weight:700;font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-head button{background:transparent;border:none;color:#9db1e0;font-size:14px;padding:2px 5px;border-radius:5px}.pm-head button:hover{background:#ffffff1f;color:#fff}.pm-msgs{flex:1;overflow-y:auto;padding:8px;background:#0b0f1f}.pm-msgs .m{margin-bottom:7px}.pm-msgs .who{font-weight:700;font-size:12px}.pm-msgs .txt{font-size:12.5px;color:#e2e8ff;word-break:break-word}.pm-msgs .t{font-size:9.5px;color:#6d7da8;margin-left:5px}.pm-msgs .sysline{text-align:center;font-size:10.5px;color:#6d7da8;font-style:italic;margin:6px 0}.pm-input{flex:0 0 auto;display:flex;gap:5px;padding:7px;background:#131a31;border-top:1px solid #243155}.pm-input input{flex:1;background:#0b0f1f;border:1px solid #2c3a68;border-radius:7px;color:#e2e8ff;padding:6px 9px;font-size:12.5px;outline:none}.pm-input input:focus{border-color:#3b82f6}.pm-input button{border:none;background:var(--accent-grad);color:#fff;border-radius:7px;padding:0 11px;font-weight:700;font-size:12px}.pm-task{position:fixed;right:12px;bottom:12px;z-index:95;display:flex;gap:8px}.pm-task button{position:relative;display:flex;align-items:center;gap:7px;background:#1a2342;border:1px solid #33407a;color:#dbe6ff;border-radius:20px;padding:7px 13px;font-size:12.5px;font-weight:600}.pm-task button:hover{background:#24315c}.pm-task .unread{background:#f472b6;color:#fff;border-radius:10px;font-size:10px;padding:0 6px;line-height:16px;font-weight:800}.call-panel{position:fixed;right:320px;bottom:12px;z-index:110;width:340px;background:#10162b;border:1px solid #33407a;border-radius:10px;box-shadow:0 18px 50px #0009;overflow:hidden}.call-head{display:flex;align-items:center;gap:8px;padding:7px 10px;background:linear-gradient(180deg,#6d2a4e,#43203a);font-weight:700;font-size:12.5px}.call-head .who{flex:1}.call-videos{display:flex;gap:6px;padding:8px}.call-videos video{width:50%;border-radius:8px;background:#000;aspect-ratio:4/3;object-fit:cover;border:1px solid #2c3a68}.call-videos .local-video{transform:scaleX(-1)}.call-controls{display:flex;gap:7px;padding:0 8px 9px}.call-controls button{flex:1}.call-note{padding:0 10px 9px;font-size:10.5px;color:#8fa0c8}.incoming-call{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:300;background:linear-gradient(135deg,#232f63,#1a2342);border:1px solid #4a6cff;border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 20px 60px #0009;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 20px 60px #0009,0 0 #6366f180}70%{box-shadow:0 20px 60px #0009,0 0 0 12px #6366f100}to{box-shadow:0 20px 60px #0009,0 0 #6366f100}}.incoming-call .who{font-weight:700;font-size:14px}.incoming-call .sub{font-size:11px;color:#93a4cc}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;background:radial-gradient(900px 500px at 50% -20%,#22306b 0%,transparent 60%),radial-gradient(800px 600px at 90% 110%,#17203c 0%,transparent 55%),var(--bg)}.login-card{width:400px;max-width:94vw;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 30px 90px #0009}.login-head{padding:22px 24px 16px;text-align:center;background:linear-gradient(180deg,#1e2a4f,#131a31);border-bottom:1px solid var(--border-soft)}.login-head .big-badge{width:58px;height:58px;margin:0 auto 10px;border-radius:15px;background:var(--accent-grad);display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;letter-spacing:-1.5px;box-shadow:0 6px 24px #3b82f680}.login-head h1{margin:0;font-size:22px;letter-spacing:.5px}.login-head .sub{color:var(--dim);font-size:12px;margin-top:4px}.login-body{padding:18px 22px 22px}.tabs{display:flex;gap:6px;margin-bottom:15px}.tabs button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border-soft);background:#18203c;color:var(--dim);font-weight:700;font-size:12.5px}.tabs button.active{background:var(--accent-grad);border-color:transparent;color:#fff}.field{margin-bottom:11px}.field label{display:block;font-size:11.5px;color:var(--dim);margin-bottom:4px;font-weight:600}.field input,.field select{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:#0d1326;color:var(--text);outline:none;font-size:13.5px}.field input:focus,.field select:focus{border-color:var(--accent)}.field-row .field{flex:1}.avatar-picker{display:flex;flex-wrap:wrap;gap:7px}.avatar-picker button{width:40px;height:40px;border-radius:50%;border:2px solid transparent;display:grid;place-items:center;font-size:19px;background:var(--panel2);padding:0}.avatar-picker button.sel{border-color:#fff;box-shadow:0 0 0 3px #3b82f699}.login-err{background:#f871711f;border:1px solid rgba(248,113,113,.4);color:#ffb4ba;padding:8px 11px;border-radius:8px;font-size:12.5px;margin-bottom:11px}.login-foot{text-align:center;font-size:10.5px;color:#5f7099;margin-top:13px;line-height:1.6}.login-foot a{color:#7ea2ff;cursor:pointer}.notice-stack{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:500;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none}.notice{background:#1a2342;border:1px solid #33407a;color:#dbe6ff;border-radius:9px;padding:9px 16px;font-size:12.5px;font-weight:600;box-shadow:0 10px 30px #00000080;animation:slideDown .25s ease;max-width:80vw}.notice.error{border-color:#a03a4d;background:#3a1620;color:#ffc9cf}.notice.warn{border-color:#a07a3a;background:#33230f;color:#ffe3a3}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#0508149e;display:grid;place-items:center;grid-template-columns:minmax(0,1fr)}.modal{width:330px;max-width:92vw;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;box-shadow:0 24px 70px #0009}.modal h3{margin:0 0 12px;font-size:15px}.modal .field{margin-bottom:10px}.modal .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}@media (max-width: 900px){.main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.rooms-panel{flex-direction:row;overflow-x:auto;max-height:52px}.rooms-panel .panel-head{display:none}.rooms-panel .room-item{white-space:nowrap}.users-panel{max-height:130px}.call-panel{right:10px;width:300px}}.divider-v{width:1px;height:22px;background:var(--border-soft);margin:0 2px}.clickable{cursor:pointer}.typing-hint{font-size:10.5px;color:#8fa0c8;padding:3px 12px;background:#eef2fb;border-top:1px dashed #ccd6ec}.app[data-accent=purple]{--accent:#a855f7;--accent2:#7c3aed;--accent-grad:linear-gradient(135deg,#a855f7,#7c3aed)}.app[data-accent=green]{--accent:#10b981;--accent2:#0d9488;--accent-grad:linear-gradient(135deg,#10b981,#0d9488)}.app[data-accent=red]{--accent:#ef4444;--accent2:#dc2626;--accent-grad:linear-gradient(135deg,#ef4444,#dc2626)}.app[data-accent=pink]{--accent:#ec4899;--accent2:#be185d;--accent-grad:linear-gradient(135deg,#ec4899,#be185d)}.app[data-accent=teal]{--accent:#14b8a6;--accent2:#0284c7;--accent-grad:linear-gradient(135deg,#14b8a6,#0284c7)}.app[data-accent=gold]{--accent:#f59e0b;--accent2:#d97706;--accent-grad:linear-gradient(135deg,#f59e0b,#d97706)}.app[data-accent=crimson]{--accent:#fb7185;--accent2:#e11d48;--accent-grad:linear-gradient(135deg,#fb7185,#e11d48)}.chat-panel.dark-bg{--chat-text: #e2e8ff}.chat-panel.dark-bg .log .msg.sys{color:#8fa0c8}.chat-panel.dark-bg .log .msg.me{color:#aeb9dd}.chat-panel.dark-bg .msg a{color:#7ea2ff}.chat-panel.dark-bg .typing-hint{background:#10162b;color:#8fa0c8;border-top-color:#243155}.msg:hover{background:#788cc81a;border-radius:4px}.emoji-pop.big{width:316px;max-height:420px;display:flex;flex-direction:column}.emoji-search{padding:4px}.emoji-search input{width:100%;padding:7px 10px;border:1px solid #b9c6e4;border-radius:8px;font-size:12.5px;outline:none;background:#fbfcff}.emoji-search input:focus{border-color:var(--accent)}.emoji-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:4px;border-bottom:1px solid #e2e8f5}.emoji-tabs button{border:none;background:transparent;font-size:15px;padding:4px 6px;border-radius:6px;cursor:pointer}.emoji-tabs button:hover{background:#eef2fb}.emoji-tabs button.active{background:#dfe8fb}.emoji-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px;min-height:220px;max-height:300px}.emoji-grid button{border:none;background:transparent;font-size:19px;padding:4px;border-radius:6px;cursor:pointer}.emoji-grid button:hover{background:#eef2fb;transform:scale(1.15)}.emoji-empty{grid-column:1 / -1;text-align:center;color:#93a0c2;font-size:12px;padding:18px 0}.modal.wide{width:620px;max-width:95vw;max-height:92vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.settings-panel{background:var(--panel);border:1px solid var(--border)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0d,#fff0)}.modal-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;color:#f2f4fa;letter-spacing:.2px}.title-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-grad);color:#fff;font-size:17px;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 45%,transparent)}.icon-close{width:32px;height:32px;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#c4d2f5;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:.15s}.icon-close:hover{background:#ff808026;border-color:#ff96964d;color:#ffd7dd}.modal-scroll{overflow-y:auto;flex:1;padding:18px 22px 6px}.modal.wide .actions{padding:14px 22px 18px;margin-top:0;border-top:1px solid rgba(255,255,255,.08);background:#00000014}.set-card{background:linear-gradient(180deg,#ffffff08,#ffffff04);border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:14px;overflow:hidden;box-shadow:0 2px 10px #0000002e}.set-card.last{margin-bottom:6px}.set-card-head{padding:12px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:#00000014}.set-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#e7ecff;letter-spacing:.25px;margin:0 0 3px}.sec-icon{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-grad);font-size:13px;box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 40%,transparent);flex-shrink:0}.chip-room{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#dbe6ff;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:2px}.set-hint{font-size:12px;color:#90a0c6;margin:0;line-height:1.5}.set-sub{font-size:12px;color:#90a0c6;margin:4px 0}.set-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}.set-block-title{font-size:11px;color:#8fa0c8;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin:2px 0 -4px;padding:0 2px}.room-bg-sec{border:1px solid color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.12));background:radial-gradient(1200px 60px at 0% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),#ffffff05)}.room-bg-sec .set-card-head{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent)}.row{display:flex;gap:10px;align-items:center;margin-top:0;flex-wrap:wrap}.row .lbl{font-size:12px;color:#bccaf0;font-weight:700;min-width:86px;letter-spacing:.2px}.field-row{display:flex;gap:10px}.inline-row{align-items:center}.slider-lbl{font-size:12px;color:#bccaf0;font-weight:700;min-width:130px}.vol-val{font-size:12px;color:#e7ecff;font-weight:700;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:3px 10px;border-radius:8px;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--accent);flex:1;height:24px;cursor:pointer}.action-row{margin-bottom:-4px}.inp{width:100%;padding:9px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:var(--text);outline:none;font-size:13px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.inp::placeholder{color:#6f80ab}.inp:focus{border-color:var(--accent);background:#00000059;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.inp.grow{flex:1;min-width:120px}.inp.full{width:100%}.inp.color-value{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5px;font-weight:600;padding:9px 12px}.row input[type=text]{flex:1;min-width:120px;padding:9px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:var(--text);font-size:13px;outline:none;font-family:inherit}.row input[type=text]:focus{border-color:var(--accent);background:#00000059}input[type=color]{width:44px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#00000040;cursor:pointer;padding:3px;transition:box-shadow .15s,border-color .15s}input[type=color]:hover{border-color:var(--accent)}input[type=color]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);outline:none}.color-picker.big{width:52px;height:44px;border-radius:12px}.swatch-row{display:flex;flex-wrap:wrap;gap:9px}.swatch-row.accent .accent-swatch,.accent-swatch{width:34px;height:34px;border-radius:50%;border:2.5px solid rgba(255,255,255,.08);cursor:pointer;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.swatch-row.accent .accent-swatch:hover,.accent-swatch:hover{transform:translateY(-1px) scale(1.06)}.accent-swatch.sel{border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent),0 6px 16px #00000059}.swatch-row.nick .color-swatch,.color-swatch{width:26px;height:26px;border-radius:8px;border:2.5px solid rgba(255,255,255,.08);cursor:pointer;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.color-swatch.big-preset{width:32px;height:32px;border-radius:10px}.color-swatch:hover{transform:translateY(-1px) scale(1.06)}.color-swatch.sel{border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,#fff 25%,transparent),0 4px 12px #00000059}.preset-row{display:flex;flex-direction:column;gap:8px}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:9px}.bg-grid.room{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:7px}.bg-thumb{height:42px;border-radius:10px;border:2.5px solid rgba(255,255,255,.09);cursor:pointer;background-size:cover;background-position:center;position:relative;padding:0;overflow:hidden;transition:transform .12s,border-color .12s,box-shadow .12s}.bg-grid.room .bg-thumb{height:34px;border-radius:8px}.bg-thumb:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 75%,#fff)}.bg-thumb.sel{border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent),0 6px 18px #0006}.bg-thumb .chk{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.6);background:#00000040;letter-spacing:.3px}.bg-thumb.custom .chk{color:#fff;font-size:16px;background:#00000059}.chk-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#c4d2f5;cursor:pointer}.chk-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.chk-row.big{background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 14px;gap:12px;transition:border-color .15s,background .15s}.chk-row.big:hover{background:#ffffff0f;border-color:#ffffff24}.chk-row-text{display:flex;flex-direction:column;gap:2px}.chk-title{font-size:13px;color:#eef3ff;font-weight:700}.chk-sub{font-size:11.5px;color:#90a0c6;line-height:1.45}.sound-tests{display:flex;flex-wrap:wrap;gap:7px;margin-top:-2px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:-2px}.chip{display:inline-flex;align-items:center;gap:7px;background:#ffa0b414;border:1px solid rgba(255,160,180,.25);border-radius:999px;padding:5px 6px 5px 12px;font-size:12px;color:#ffd0d8;transition:background .15s,transform .1s}.chip:hover{background:#ffa0b424}.chip-icon{font-size:13px}.chip-text{font-weight:600}.chip-remove{width:22px;height:22px;border-radius:999px;background:#ff96aa2e;border:1px solid rgba(255,150,170,.35);color:#ffd0d8;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;transition:.15s}.chip-remove:hover{background:#ff6b82;color:#fff;border-color:#ff6b82;transform:scale(1.05)}.empty-note{background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;color:#90a0c6;font-size:12.5px;line-height:1.6;text-align:center}.modal.admin{width:660px;max-width:96vw;max-height:88vh;display:flex;flex-direction:column}.modal.admin .tabs{flex-wrap:wrap}.admin-body{overflow-y:auto;max-height:52vh;margin-top:8px}.admin-table table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{text-align:left;color:#93a4cc;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;padding:5px 6px;border-bottom:1px solid #2c3a68}.admin-table td{padding:5px 6px;border-bottom:1px solid #1c2547;color:#dbe6ff}.admin-table select{background:#0d1326;color:var(--text);border:1px solid #2c3a68;border-radius:6px;padding:3px 6px;font-size:11.5px}.admin-actions{display:flex;gap:4px}.banned-tag{color:#ff9aa6;font-size:11px;font-weight:700}.ok-tag{color:var(--green);font-size:11px;font-weight:700}.banner-row{display:flex;align-items:center;gap:8px;margin:6px 0;background:#16203d;border:1px solid #243155;border-radius:8px;padding:5px 8px}.banner-thumb-mini{width:64px;height:26px;border-radius:4px;background:#1c2547;background-size:cover;background-position:center;display:grid;place-items:center;flex:0 0 auto}.banner-txt{flex:1;font-size:12px;color:#dbe6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat-card{background:#16203d;border:1px solid #243155;border-radius:10px;padding:12px;text-align:center}.stat-num{font-size:24px;font-weight:800;color:#7ea2ff}.top-list{grid-column:1 / -1;background:#16203d;border:1px solid #243155;border-radius:10px;padding:10px 12px}.top-row{display:flex;gap:8px;align-items:center;font-size:12.5px;padding:3px 0;color:#dbe6ff}.top-row b{flex:1}textarea.inp{resize:vertical}.radio-pop{width:300px;background:#131a31;border:1px solid #33407a;border-radius:12px;box-shadow:0 18px 50px #0000008c;overflow:hidden;z-index:200}.radio-head{padding:9px 12px;background:linear-gradient(180deg,#24356a,#1a2650);font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px}.radio-body{padding:9px;display:flex;flex-direction:column;gap:6px}.radio-station{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#1a2342;border:1px solid #2c3a68;color:#dbe6ff;border-radius:8px;padding:8px 10px;font-size:12px;cursor:pointer;text-align:left}.radio-station:hover{background:#22305c}.radio-station.playing{border-color:var(--green);color:#b7ffd8}.r-state{font-size:13px}.radio-custom{display:flex;gap:6px}.radio-custom input{flex:1;background:#0d1326;border:1px solid #2c3a68;border-radius:8px;color:var(--text);padding:7px 9px;font-size:11.5px;outline:none}.radio-vol{display:flex;align-items:center;gap:8px;font-size:11px;color:#93a4cc}.radio-vol input[type=range]{flex:1}.bcast-strip{background:#10162b;border-bottom:1px solid #243155;color:#dbe6ff}.bcast-head{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;font-size:11.5px;font-weight:700;color:#9db1e0;text-transform:uppercase;letter-spacing:.6px}.bcast-tiles{display:flex;gap:8px;padding:0 8px 8px;overflow-x:auto}.bcast-tile{width:150px;flex:0 0 auto;background:#000;border-radius:9px;overflow:hidden;border:1px solid #2c3a68;position:relative}.bcast-tile video{width:100%;height:92px;object-fit:cover;display:block;cursor:pointer;background:#000}.bcast-avatar{height:92px;display:grid;place-items:center;font-size:34px;cursor:pointer;position:relative}.bcast-avatar.big{height:260px;font-size:90px;border-radius:12px}.bcast-tile-info{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:#131a31;font-size:10.5px;gap:4px}.bcast-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.bcast-actions{display:flex;gap:2px}.bcast-actions button{background:transparent;border:none;color:#9db1e0;font-size:11px;cursor:pointer;padding:1px 3px;border-radius:4px}.bcast-actions button:hover{background:#24315c}.bcast-focus{width:min(720px,92vw)}.bcast-focus-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#24356a,#1a2650);padding:8px 12px;border-radius:10px 10px 0 0;font-weight:700;font-size:13px}.bcast-focus video{width:100%;max-height:62vh;background:#000;display:block}.eq-bars{display:inline-flex;gap:2px;align-items:flex-end;height:16px}.eq-bars i{width:3px;background:var(--green);border-radius:1px;animation:eq .9s ease-in-out infinite}.eq-bars i:nth-child(1){animation-delay:0s}.eq-bars i:nth-child(2){animation-delay:.2s}.eq-bars i:nth-child(3){animation-delay:.4s}.eq-bars i:nth-child(4){animation-delay:.6s}@keyframes eq{0%,to{height:4px}50%{height:16px}}.game-box{background:#16203d;border:1px solid #33407a;border-radius:10px;padding:9px;margin:6px 0}.game-status{text-align:center;font-size:11.5px;font-weight:700;color:#ffd54d;margin-bottom:7px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:190px;margin:0 auto}.game-cell{aspect-ratio:1;border-radius:8px;border:1px solid #33407a;background:#0d1326;color:#e2e8ff;font-size:22px;font-weight:800;cursor:pointer}.game-cell:disabled{cursor:default}.game-cell.x{color:#7ea2ff}.game-cell.o{color:#f9a8d4}.game-cell:not(:disabled):hover{background:#1c2547}.game-btns{display:flex;gap:6px;justify-content:center;margin-top:8px}.game-request{background:#24356a;border:1px dashed #4a6cff;border-radius:10px;padding:9px;margin:6px 0;font-size:12px;text-align:center;color:#dbe6ff}.modal.profile{width:350px}.profile-head{display:flex;gap:13px;align-items:center;margin-bottom:13px}.profile-nick{font-size:17px;font-weight:800;color:#fff}.profile-role{font-size:11.5px;color:#93a4cc;margin-top:2px}.profile-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.p-row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;background:#16203d;border:1px solid #243155;border-radius:8px;padding:7px 10px}.p-row span{color:#93a4cc}.p-row b{color:#dbe6ff;font-weight:600}.p-row b.online{color:var(--green)}.typing-tag{font-size:9.5px;color:#ffd54d;font-style:italic}.status-ico{margin-left:4px;font-size:10px}.bcast-btn.pulse{animation:pulse 1.2s infinite}.avatar.big{border-width:2px}.owner-pop{position:fixed;top:56px;right:12px;width:340px;max-height:calc(100vh - 76px);display:flex;flex-direction:column;background:#121a33;border:1px solid #2c3a63;border-radius:12px;box-shadow:0 12px 40px #0000008c;z-index:700;overflow:hidden}.owner-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-weight:700;color:#ffd166;background:linear-gradient(135deg,#1d2a52,#232f5e);border-bottom:1px solid #2c3a63}.owner-body{padding:10px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.owner-sec{background:#0e1527;border:1px solid #233058;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.owner-sec-title{font-size:12px;font-weight:700;color:#9fb4ff}.owner-row{display:flex;gap:6px;align-items:center}.owner-row input{flex:1;min-width:0;background:#0a0f1f;border:1px solid #2b3a68;color:#e7ecff;border-radius:8px;padding:6px 8px;font-size:12px}.owner-row input:focus{outline:none;border-color:#4d6dd6}.owner-users{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.owner-user{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12.5px;color:#dfe6ff;padding:3px 6px;border-radius:6px}.owner-user:hover{background:#16203f}.owner-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-actions{display:flex;gap:3px}.owner-actions button{background:#1b2748;border:1px solid #2c3a63;border-radius:6px;cursor:pointer;font-size:11px;padding:2px 5px}.owner-actions button:hover{background:#26355f}.gif-area{display:flex;flex-direction:column;gap:8px;padding:4px 2px}.gif-hint{font-size:11px;color:#7d8bb8}.gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:340px;overflow-y:auto;padding:2px}.gif-grid button,.gif-grid .gif-item{position:relative;border:1px solid #2b3a68;border-radius:8px;background:#0a0f1f;overflow:hidden;cursor:pointer;padding:0;min-height:60px}.gif-grid img{display:block;width:100%;height:64px;object-fit:cover}.gif-grid button:hover{border-color:#4d6dd6;transform:translateY(-1px)}.gif-empty{font-size:12px;color:#7d8bb8;padding:10px}.admin-gifs{max-height:380px}.gif-del{position:absolute;top:3px;right:3px;background:#dc2626e6;color:#fff;border:none;border-radius:6px;width:18px;height:18px;font-size:10px;cursor:pointer;line-height:1}.mine-area{display:flex;flex-direction:column;gap:8px;padding:4px 2px}.mine-add{display:flex;gap:6px}.mine-add input{flex:1;min-width:0;background:#0a0f1f;border:1px solid #2b3a68;color:#e7ecff;border-radius:8px;padding:6px 8px;font-size:12px}.mine-add input:focus{outline:none;border-color:#4d6dd6}.mine-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:320px;overflow-y:auto}.mine-item{position:relative}.mine-item button{width:46px;height:46px;font-size:22px;border:1px solid #2b3a68;border-radius:8px;background:#0a0f1f;cursor:pointer;padding:0;overflow:hidden}.mine-item button img{width:100%;height:100%;object-fit:contain}.mine-item button:hover{border-color:#4d6dd6}.mine-del{position:absolute;top:-5px;right:-5px;background:#dc2626;color:#fff;border-radius:50%;width:15px;height:15px;font-size:9px;display:none;align-items:center;justify-content:center;cursor:pointer}.mine-item:hover .mine-del{display:flex}.inline-img{max-width:240px;max-height:160px;border-radius:8px;display:block;margin:3px 0}.logo-badge{background:linear-gradient(135deg,#f7d367,#d9a83f);color:#1d2b4f;box-shadow:0 2px 12px #f7d36759}.logo-name{color:#eef1f8}.logo-name b{color:#f7d367}.logo-sub{color:#9aa0bb}.header-right .btn,.header-center .btn{background:#2c2c42;border-color:#ffffff2e;color:#e8ecf8}.header-right .btn:hover,.header-center .btn:hover{background:#3c3c58}.me-chip{background:#31314a;border-color:#ffffff29}.me-chip .nick{color:#f2f4fa}.panel{background:linear-gradient(180deg,#383848,#323244);border-color:#ffffff21}.panel-head{background:linear-gradient(180deg,#2c2c42,#262638);border-bottom-color:#ffffff26;color:#e8ecf8}.room-item{color:#d6d9e8;border-bottom-color:#ffffff0f}.room-item:hover{background:#4a4a62}.room-item.active{background:#3f3f58;border-left-color:#f7d367}.user-item{border-bottom-color:#ffffff0f}.user-item:hover{background:#4a4a62}.user-item.me{background:#3d3d54}.user-item.me .un{color:#f7d367}.users-scroll,.rooms-list{scrollbar-color:#4a4a68 transparent}.chat-panel{background:#383848}.chat-panel.dark-bg{--chat-text: #f2f4fa}.chat-panel.dark-bg .log .msg.sys{color:#9fa6c4}.chat-panel.dark-bg .log .msg.me{color:#c2c8e4}.chat-panel.dark-bg .msg a{color:#9fc0f0}.chat-panel.dark-bg .msg img.inline-img{border-color:#ffffff40}.chat-panel .log .msg .time{color:#9aa0bb}.chat-panel.dark-bg .pm-banner-msg{background:#4a3550;border-color:#7d5b8a;color:#f3c9ec}.composer{background:#383848;border-top:1px solid rgba(255,255,255,.16)}.composer input[type=text]{background:#101020;border:1px solid #50506e;color:#f2f4fa}.composer input[type=text]::placeholder{color:#7e84a0}.composer input[type=text]:focus{border-color:#94b0c9;box-shadow:0 0 0 2px #94b0c938}.icon-btn{background:linear-gradient(180deg,#4a4a66,#3a3a52);border:1px solid #5c5c7c;color:#eef1f8}.icon-btn:hover{border-color:#94b0c9;background:#525274}.send-btn{background:linear-gradient(180deg,#b8c0d4,#a8b0c8);color:#1c1c30;box-shadow:0 2px 8px #0006}.send-btn:hover{background:linear-gradient(180deg,#c8cfe0,#b8c0d4)}.composer-hint{color:#8a90ad}.typing-hint{background:#26263a;color:#a2a6bd;border-top-color:#ffffff1f}.emoji-pop{background:#3a3a50;border:1px solid #5c5c7c;box-shadow:0 14px 40px #0009}.emoji-pop button:hover{background:#50506c}.emoji-pop.big{background:#3a3a50;border-color:#5c5c7c}.emoji-pop .emoji-search input{background:#101020;border-color:#50506e;color:#f2f4fa}.emoji-tabs button{background:#2c2c42;border-color:#4a4a68;color:#d6d9e8}.emoji-tabs button:hover{background:#3c3c58}.emoji-tabs button.active{background:#7ea2d6;color:#1c1c30}.emoji-grid button:hover{background:#4c4c6a}.banner{background:#2c2c42;border-color:#ffffff24}.banner .tag{background:#f7d367;color:#1d2b4f}.login-screen{background:radial-gradient(900px 500px at 50% -20%,#56567c 0%,transparent 60%),radial-gradient(800px 600px at 90% 110%,#3a3a56 0%,transparent 55%),var(--bg)}.login-card{border-color:#ffffff2e}.login-head{background:linear-gradient(180deg,#31314a,#2c2c42)}.login-head .big-badge{background:linear-gradient(135deg,#f7d367,#d9a83f);color:#1d2b4f;box-shadow:0 8px 26px #f7d36759}.login-head h1{color:#eef1f8}.login-foot a{color:#9fc0f0}.tabs button{background:#2c2c42;border-color:#ffffff24;color:#d6d9e8}.tabs button:hover{background:#3c3c58}.tabs button.active{background:var(--accent-grad);color:#fff}.modal{background:var(--panel);border-color:#ffffff29}.modal h3{color:#f2f4fa}.btn{background:#3a3a52;border-color:#56567c;color:#eef1f8}.btn:hover{background:#4a4a66}.owner-pop,.owner-head{background:#2e2e44;border-color:#4a4a68}.owner-sec{background:#26263a;border-color:#3c3c56}.owner-row input{background:#101020;border-color:#4a4a68;color:#f2f4fa}.owner-actions button{background:#3a3a52;border-color:#56567c}.bg-thumb.sel{outline-color:#f7d367}.left-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.left-panel .rooms-list{flex:1 1 auto;overflow-y:auto;padding:4px 2px;min-height:0}.panel-foot-stats{flex:0 0 auto;padding:6px 10px;font-size:11px;color:#aab2d0;background:linear-gradient(180deg,#2c2c42,#262638);border-top:1px solid rgba(255,255,255,.12);text-align:center;letter-spacing:.3px}.panel-foot-stats b{color:#f7d367;font-weight:700}.sub-tabs{flex:0 0 auto;display:flex;gap:2px;padding:4px 5px 0;background:linear-gradient(180deg,#2c2c42,#262638);border-bottom:1px solid rgba(255,255,255,.1)}.sub-tabs.bottom-tabs{padding-top:4px;border-top:1px solid rgba(255,255,255,.12);border-bottom:none;background:linear-gradient(0deg,#2c2c42,#262638)}.sub-tabs button{flex:1 1 0;min-width:0;padding:5px 6px 6px;font-size:11px;font-weight:700;color:#aab2d0;background:linear-gradient(180deg,#3a3a50,#32324a);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:6px 6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px;transition:all .1s}.sub-tabs.bottom-tabs button{border-radius:0 0 6px 6px;border-bottom:1px solid rgba(255,255,255,.1);border-top:none}.sub-tabs button:hover{background:#44445e;color:#e8ecf8}.sub-tabs button.active{background:linear-gradient(180deg,#4a4a68,#3a3a54);color:#f7d367;border-color:#f7d36740;box-shadow:inset 0 2px #f7d36759}.sub-tabs.bottom-tabs button.active{box-shadow:inset 0 -2px #f7d36759}.tab-body{flex:1 1 auto;min-height:0;overflow-y:auto}.avatars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;padding:8px 7px}.avatar-tile{aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:10px;background:#2c2c42;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .1s}.avatar-tile:hover{background:#3c3c58;border-color:#94b0c959;transform:translateY(-1px)}.avatar-tile.me{background:linear-gradient(135deg,#4a4a68,#3a3a54);border-color:#f7d36766;box-shadow:inset 0 0 0 1px #f7d36726}.members-list{padding:4px 3px;overflow-y:auto}.buddy-body{flex:0 1 auto;max-height:160px;min-height:62px;overflow-y:auto;padding:6px 7px;background:#262638;border-top:1px solid rgba(255,255,255,.08)}.block-list{display:flex;flex-direction:column;gap:3px}.block-item{display:flex;align-items:center;gap:6px;padding:5px 7px;background:#32324a;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.block-item .un{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:#dbe6ff}button.tiny{flex:0 0 auto;padding:3px 7px;font-size:10.5px;font-weight:700;color:#1c1c30;background:linear-gradient(180deg,#b8c0d4,#a8b0c8);border:1px solid rgba(255,255,255,.18);border-radius:5px;letter-spacing:.1px;transition:filter .1s}button.tiny:hover{filter:brightness(1.1)}button.tiny:active{transform:translateY(1px)}.empty-note{padding:14px 10px;font-size:12px;color:#8a90ad;text-align:center;line-height:1.55}.empty-note.small{padding:8px 6px;font-size:11px}@media (max-width: 900px){.main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.left-panel{flex-direction:row;overflow-x:auto;max-height:52px}.left-panel .panel-head{display:none}.left-panel .rooms-list{display:flex;overflow-x:auto;overflow-y:hidden;padding:0}.left-panel .rooms-list .room-item{white-space:nowrap;flex:0 0 auto}.left-panel .panel-foot-stats{display:none}}.users-backdrop{display:none}@media (max-width: 720px){html,body,#root{height:100%;height:100dvh}body{font-size:13px;overscroll-behavior:none}.app{height:100dvh}.header{gap:6px;padding:6px 8px}.logo{gap:6px}.logo-badge{width:28px;height:28px;font-size:12px;border-radius:8px}.logo-name{font-size:15px;white-space:nowrap}.logo-sub{display:none}.header-center{gap:6px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.header-center::-webkit-scrollbar{display:none}.header-center .btn{white-space:nowrap;flex:0 0 auto}.header-right{gap:5px;overflow-x:auto;scrollbar-width:none;flex:0 1 auto;max-width:100%}.header-right::-webkit-scrollbar{display:none}.header-right .btn{padding:5px 8px;font-size:13px;border-radius:8px;min-width:34px;min-height:34px;flex:0 0 auto}.btn-label{display:none}.header-right .btn .cnt{display:inline-block;background:#f7d367;color:#1d2b4f;border-radius:9px;font-size:9.5px;font-weight:800;min-width:15px;height:15px;line-height:15px;text-align:center;padding:0 3px;margin-left:2px;vertical-align:top}.me-chip{padding:2px 6px 2px 2px;gap:5px}.me-chip .nick,.divider-v{display:none}.main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px;padding:6px}.main>*{min-width:0}.left-panel{flex-direction:row;overflow-x:auto;max-height:none;height:46px;flex:0 0 46px;border-radius:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.left-panel>:not(.rooms-list){display:none}.left-panel::-webkit-scrollbar{display:none}.left-panel .rooms-list{display:flex;overflow-x:auto;overflow-y:hidden;padding:0;min-height:0;height:100%}.left-panel .rooms-list .room-item{flex:0 0 auto;white-space:nowrap;padding:0 12px;height:100%;margin:0;border-radius:0;display:flex;align-items:center;border-bottom:none;border-right:1px solid rgba(255,255,255,.06);scroll-snap-align:start;font-size:12.5px}.left-panel .rooms-list .room-item.active{border-left:none;border-bottom:3px solid #f7d367;background:#3f3f58}.left-panel .rooms-list .room-item .room-count{font-size:10px}.users-panel{position:fixed;left:8px;right:8px;bottom:8px;max-height:62dvh;z-index:160;transform:translateY(110%);transition:transform .28s cubic-bezier(.2,.9,.3,1);box-shadow:0 -8px 40px #0000008c;border-radius:14px}.users-panel.open{transform:none}.users-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:155;background:#0508148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-only{display:none}.sheet-close{background:#ffffff1a;border:none;color:#fff;border-radius:8px;width:30px;height:30px;font-size:14px;display:grid;place-items:center}.mobile-only{display:inline-flex!important}.user-item{min-height:48px;padding:6px 8px;cursor:pointer}.user-item:active{background:#4a4a62}.user-item:hover .user-actions{display:none}.user-actions{display:none!important}.ctx-menu{left:10px!important;right:10px;top:auto!important;bottom:max(10px,env(safe-area-inset-bottom));width:auto;min-width:0;z-index:500;border-radius:14px;padding:8px;box-shadow:0 -10px 50px #0009}.ctx-menu .item{padding:13px 12px;font-size:14.5px;border-radius:10px}.ctx-menu .item:active{background:#24315c}.ctx-menu .sep{margin:6px 8px}.chat-panel{border-radius:10px}.composer{padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.composer-row{gap:6px}.icon-btn{width:38px;height:38px;flex:0 0 38px;font-size:17px}.composer input[type=text]{font-size:15px;padding:10px 12px}.send-btn{height:40px;padding:0 14px;font-size:13.5px}.composer-hint{display:none}.emoji-pop.big{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:58dvh;height:auto;border-radius:16px 16px 0 0;padding:10px;z-index:300;overflow-y:auto;box-shadow:0 -12px 50px #0009}.emoji-pop.big .emoji-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.emoji-pop.big .emoji-grid button{font-size:22px;padding:6px}.emoji-tabs{flex-wrap:wrap}.emoji-tabs button{width:40px;height:40px;font-size:18px}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.mine-add{flex-wrap:wrap}.mine-add input{flex:1 1 100%}.pm-windows{right:0;bottom:0;left:0;gap:0}.pm-window{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;border-radius:0;border:none;z-index:400}.pm-head{padding:10px 12px;min-height:48px}.pm-head button{width:38px;height:38px;font-size:17px}.pm-msgs{padding:10px}.pm-msgs .txt{font-size:14px}.pm-input{padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) 8px;gap:6px}.pm-input input{font-size:15px;padding:11px 12px}.pm-input button{padding:0 16px;font-size:13px}.pm-task{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.pm-task::-webkit-scrollbar{display:none}.pm-task button{flex:0 0 auto;font-size:13px;padding:9px 14px}.call-panel{left:0;right:0;bottom:0;top:0;width:100%;height:100%;border-radius:0;border:none;z-index:420}.call-panel .videos{flex-direction:column}.call-panel video{width:100%;height:50%;object-fit:cover}.call-panel .controls{flex-wrap:wrap;justify-content:center}.call-panel .controls button{min-width:46px;min-height:46px;font-size:17px}.modal-backdrop{align-items:stretch;grid-template-rows:1fr}.modal,.modal.wide,.modal.admin,.modal.profile{width:100%;max-width:100%;min-width:0;height:100%;max-height:100dvh;border-radius:0;border:none;padding:16px 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;box-shadow:none}.modal-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}.modal h3{font-size:16px}.admin-body{flex:1;max-height:none;min-width:0}.admin-table{overflow-x:auto;min-width:0;max-width:100%;width:100%}.admin-table table{min-width:520px}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.bg-grid .bg-thumb{height:40px}.accent-swatch{width:40px;height:40px}.swatch-row,.modal .actions{flex-wrap:wrap}.modal .actions .btn{flex:1;min-height:44px;font-size:14px}.tabs{flex-wrap:wrap}.tabs button{min-height:40px;font-size:13px;padding:0 12px}.radio-pop{left:8px;right:8px;width:auto}.radio-station{min-height:44px;font-size:13px}.owner-pop{left:8px;right:8px;top:60px;width:auto;max-height:calc(100dvh - 76px)}.owner-row input{font-size:15px;padding:9px 10px}.owner-actions button{width:34px;height:34px;font-size:13px}.owner-sec .btn{min-height:40px}.bcast-tiles{scroll-snap-type:x mandatory}.bcast-tile{scroll-snap-align:start}.bcast-tile video{height:88px}.notice-stack{top:auto;bottom:calc(70px + env(safe-area-inset-bottom));width:calc(100% - 20px)}.notice{max-width:100%;font-size:13px;padding:10px 14px}.game-grid{max-width:300px}.game-cell{min-width:64px;min-height:64px;font-size:30px}.incoming-call{left:10px;right:10px}.login-card{width:100%;max-width:100%;border-radius:0;min-height:100dvh;border:none}.login-screen{padding:0}.avatar-picker button{width:40px;height:40px;font-size:20px}button,input,select,.room-item,.user-item,.banner,.gif-grid button,.mine-item button{touch-action:manipulation}::-webkit-scrollbar{width:4px;height:4px}}@media (min-width: 721px) and (max-width: 1000px){.main{grid-template-columns:150px 1fr;grid-template-rows:1fr auto}.users-panel{grid-column:1 / -1;max-height:150px;flex-direction:row}.users-panel .panel-head,.users-panel .sub-tabs,.users-panel .buddy-body{display:none}.users-panel .tab-body,.users-panel .users-scroll,.users-panel .avatars-grid,.users-panel .members-list{display:flex;overflow-x:auto;gap:4px;flex:1;min-height:0}.users-panel .user-item,.users-panel .avatar-tile{flex:0 0 auto;min-width:160px;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin:4px}.users-panel .avatars-grid,.users-panel .members-list{grid-template-columns:none}.users-panel .avatar-tile{min-width:54px;width:54px;height:54px;aspect-ratio:1 / 1}}.main{gap:2px;padding:6px}.left-panel{order:1;grid-column:1;background:linear-gradient(180deg,#7d8190,#aeb4c2)}.chat-panel{order:2;grid-column:2}.users-panel{order:3;grid-column:3;background:linear-gradient(180deg,#7d8190,#aeb4c2)}.panel{border-top:2px solid #f0f2f6;border-left:2px solid #f0f2f6;border-right:2px solid #23242f;border-bottom:2px solid #23242f;border-radius:0}.users-panel{border-top-color:#f7f8fb;border-left-color:#f7f8fb;border-right-color:#4a4d5c;border-bottom-color:#4a4d5c}.header{padding:5px 10px;gap:10px}.logo-badge{width:28px;height:28px;font-size:13px;border-radius:7px}.logo-name{font-size:16px}.header-right .btn,.header-center .btn{padding:4px 9px}.log::-webkit-scrollbar,.users-scroll::-webkit-scrollbar,.left-panel .rooms-list::-webkit-scrollbar{width:15px}.log::-webkit-scrollbar-track,.users-scroll::-webkit-scrollbar-track,.left-panel .rooms-list::-webkit-scrollbar-track{background:#c6cad6;border-left:1px solid #8a8ea0}.log::-webkit-scrollbar-thumb,.users-scroll::-webkit-scrollbar-thumb,.left-panel .rooms-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f2f4f8,#c8ccd8 45%,#b4b8c6);border:1px solid #6a6e80}.log::-webkit-scrollbar-thumb:hover,.users-scroll::-webkit-scrollbar-thumb:hover,.left-panel .rooms-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#fff,#d4d8e4 45%,#c0c4d2)}.log,.users-scroll,.left-panel .rooms-list{scrollbar-color:#c8ccd8 #c6cad6}.cam-box{flex:0 0 auto;padding:8px 8px 6px;background:linear-gradient(180deg,#565a6a,#6a6e80);border-bottom:2px solid #23242f}.cam-screen{position:relative;aspect-ratio:4 / 3;background:#000;border-top:2px solid #3a3c48;border-left:2px solid #3a3c48;border-right:2px solid #d8dae4;border-bottom:2px solid #d8dae4;overflow:hidden;display:grid;place-items:center}.cam-screen video{width:100%;height:100%;object-fit:cover;display:block}.cam-off{display:flex;flex-direction:column;align-items:center;gap:2px;color:#8b90a8}.cam-off .cam-ico{font-size:26px}.cam-off .cam-tag{font-size:11.5px;font-weight:700}.cam-off .cam-sub{font-size:10px;color:#6d728a}.cam-audio{display:flex;flex-direction:column;align-items:center;gap:5px;color:#c8cfe8}.cam-avatar{font-size:26px}.cam-tag{font-size:11px;font-weight:700}.cam-eq{display:flex;gap:3px;align-items:flex-end;height:16px}.cam-eq i{width:4px;border-radius:2px;background:#3ddc84;animation:eqb .9s ease-in-out infinite}.cam-eq i:nth-child(1){animation-delay:0s}.cam-eq i:nth-child(2){animation-delay:.18s}.cam-eq i:nth-child(3){animation-delay:.36s}.cam-eq i:nth-child(4){animation-delay:.54s}@keyframes eqb{0%,to{height:4px}50%{height:16px}}.cam-controls{display:flex;gap:5px;padding-top:6px}.cam-btn{flex:1;background:linear-gradient(180deg,#e8eaf0,#c8ccd8);border-top:1px solid #f7f8fb;border-left:1px solid #f7f8fb;border-right:1px solid #565a6a;border-bottom:1px solid #565a6a;border-radius:3px;color:#26283a;font-size:10.5px;font-weight:700;padding:4px 2px;cursor:pointer}.cam-btn:active{border-top-color:#565a6a;border-left-color:#565a6a;border-right-color:#f7f8fb;border-bottom-color:#f7f8fb;background:#b4b8c6}.cam-btn:disabled{opacity:.6}.cam-btn.stop{background:linear-gradient(180deg,#e8a0a8,#cc8088);color:#3a0a10}.users-panel .panel-head{background:linear-gradient(180deg,#3a3c4e,#2c2e3e);color:#eef1f8;border-bottom:2px solid #23242f;border-top:none;border-left:none;border-right:none}.users-panel .user-item{border-bottom:1px solid #8b90a4;min-height:26px;padding:3px 7px}.users-panel .user-item:hover{background:#c3ccdd}.users-panel .user-item.me{background:#a9c4e8}.users-panel .user-item.me:hover{background:#b3cdec}.users-panel .user-item .un{color:#23263c;font-size:12px}.users-panel .user-item.me .un{color:#14203c}.users-panel .user-item .sub{color:#4c5068}.users-panel .user-item .avatar{border-color:#3a3c4e}.users-panel .user-actions button{background:linear-gradient(180deg,#e8eaf0,#c8ccd8);border-top:1px solid #f7f8fb;border-left:1px solid #f7f8fb;border-right:1px solid #565a6a;border-bottom:1px solid #565a6a}.users-panel .status-ico{font-size:10px}.chat-toolbar{display:flex;gap:3px;flex-wrap:wrap;padding:4px 6px;background:linear-gradient(180deg,#b0b3c0,#9a9eac);border-top:1px solid #e8eaf0;border-bottom:2px solid #23242f}.chat-toolbar button{background:linear-gradient(180deg,#e8eaf0,#c8ccd8);border-top:1px solid #f7f8fb;border-left:1px solid #f7f8fb;border-right:1px solid #565a6a;border-bottom:1px solid #565a6a;border-radius:3px;color:#26283a;font-size:11.5px;font-weight:700;padding:4px 9px;cursor:pointer;white-space:nowrap}.chat-toolbar button:hover{background:linear-gradient(180deg,#f4f6fa,#d4d8e4)}.chat-toolbar button:active,.chat-toolbar button.active{background:#b4b8c6;border-top-color:#565a6a;border-left-color:#565a6a;border-right-color:#f7f8fb;border-bottom-color:#f7f8fb}.chat-toolbar button.off{background:linear-gradient(180deg,#d8b0b6,#c09098);color:#3a1016}.chat-toolbar button.live{background:linear-gradient(180deg,#a8e0b8,#80cc98);color:#0a3018}.composer{padding:7px}.left-panel .rooms-list{overflow-y:auto}.left-panel .panel-head{background:linear-gradient(180deg,#31314a,#262638);border-bottom:2px solid #23242f;border-top:none;border-left:none;border-right:none}@media (max-width: 720px){.main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.left-panel{order:1;grid-column:1;grid-row:1;height:46px;overflow-y:hidden;border-radius:0}.chat-panel{order:2;grid-column:1;grid-row:2}.users-panel{order:3}.chat-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chat-toolbar::-webkit-scrollbar{display:none}.chat-toolbar button{flex:0 0 auto;padding:6px 8px;font-size:11px}.cam-box{padding:6px 6px 4px}.cam-screen{max-width:160px;margin:0 auto}.cam-btn{font-size:10px}}@media (min-width: 721px) and (max-width: 1000px){.main{grid-template-columns:190px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.left-panel{order:1;grid-column:1;grid-row:1 / 3;max-height:none}.left-panel .panel-head{display:flex}.chat-panel{order:2;grid-column:2;grid-row:1}.users-panel{order:3;grid-column:2;grid-row:2;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:150px}.users-panel .sub-tabs,.users-panel .panel-head,.users-panel .buddy-body{display:none}.users-panel .tab-body,.users-panel .users-scroll,.users-panel .avatars-grid,.users-panel .members-list{display:flex;overflow-x:auto;overflow-y:hidden;padding:4px;min-height:0;flex:1}.users-panel .user-item,.users-panel .avatar-tile{flex:0 0 auto;white-space:nowrap;min-width:160px}.users-panel .avatars-grid,.users-panel .members-list{grid-template-columns:none;display:flex}.users-panel .avatar-tile{aspect-ratio:auto;width:54px;height:54px;min-width:54px}}