@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-ext-wght-normal-tDTa1Fj6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-wght-normal-BFexNX-K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f1f5f9;--panel:#fff;--panel-2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#2563eb;--accent-soft:#dbeafe;--danger:#dc2626;--bubble-in:#fff;--bubble-out:#dcf8c6;--chat-bg:#e7ebe4;--hover:#f1f5f9;--shadow:0 8px 30px #00000026;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--panel:#111a2e;--panel-2:#0f172a;--border:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--accent:#3b82f6;--accent-soft:#1e3a8a;--danger:#f87171;--bubble-in:#1e293b;--bubble-out:#1d4ed8;--chat-bg:#0b1324;--hover:#1e293b;--shadow:0 8px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:Vazirmatn Variable,Tahoma,sans-serif;font-size:15px}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;outline:none;width:100%;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=checkbox]{width:auto}a{color:var(--accent)}code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}.muted{color:var(--muted)}.center{text-align:center}.pad{padding:16px}.grow{flex:1;min-width:0}.hint{color:var(--muted);font-size:13px}.error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-radius:8px;padding:8px 12px;font-size:14px}.btn{border:1px solid var(--border);background:var(--panel);cursor:pointer;color:var(--text);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn.sm{padding:5px 10px;font-size:13px}.btn.wide{width:100%;margin:6px 0}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;text-decoration:none;display:inline-flex}.icon-btn:hover{background:var(--hover)}.splash{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.auth-page{justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.auth-card{background:var(--panel);width:100%;max-width:380px;box-shadow:var(--shadow);text-align:center;border-radius:20px;flex-direction:column;gap:12px;padding:28px 24px;display:flex}.auth-card img{align-self:center}.auth-card h1{margin:0;font-size:24px}.auth-card label{text-align:start;flex-direction:column;gap:4px;font-size:14px;display:flex}.tabs{background:var(--panel-2);border-radius:12px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.tabs.scroll{overflow-x:auto}.tabs button,.segmented button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:8px 12px}.tabs button.active,.segmented button.active{background:var(--panel);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #0000001a}.segmented{background:var(--panel-2);border-radius:12px;gap:4px;padding:4px;display:flex}.layout{grid-template:"offline offline""emergency emergency""side chat"1fr/360px 1fr;height:100%;display:grid;overflow:hidden}.offline-bar{color:#111;text-align:center;background:#f59e0b;grid-area:offline;padding:4px;font-size:13px}.emergency-banner{background:var(--danger);color:#fff;grid-area:emergency;align-items:center;display:flex}.emergency-text{color:#fff;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;padding:10px 16px;font-weight:600}.emergency-banner .icon-btn{color:#fff}.sidebar{background:var(--panel);border-inline-end:1px solid var(--border);flex-direction:column;grid-area:side;min-height:0;display:flex;position:relative}.sidebar-head{align-items:center;gap:8px;padding:10px;display:flex;position:relative}.search{border-radius:20px;padding:8px 14px}.site-name{color:var(--muted);padding:0 16px 6px;font-size:12px}.chat-list{flex:1;margin:0;padding:0 6px 80px;list-style:none;overflow-y:auto}.chat-item{color:inherit;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.chat-item:hover{background:var(--hover)}.chat-item.active{background:var(--accent);color:#fff}.chat-item.active .time,.chat-item.active .preview{color:#e0e7ff}.chat-item.emergency:not(.active){background:color-mix(in srgb, var(--danger) 8%, transparent)}.chat-item-body{flex:1;min-width:0}.chat-item .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-item .title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-item .time{color:var(--muted);flex-shrink:0;font-size:12px}.preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.badge{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:inline-flex}.chat-item.active .badge{color:var(--accent);background:#fff}.fab{bottom:20px;background:var(--accent);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--shadow);border:0;border-radius:50%;font-size:22px;position:absolute;inset-inline-end:20px}.avatar{border-radius:50%;flex-shrink:0;display:inline-block;position:relative}.avatar img,.avatar-fallback{object-fit:cover;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.online-dot{bottom:1px;border:2px solid var(--panel);background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;inset-inline-end:1px}.menu-backdrop{z-index:40;position:fixed;inset:0}.menu{top:52px;z-index:41;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;min-width:240px;padding:6px;display:flex;position:absolute;inset-inline-start:10px}.menu.floating{min-width:180px;position:fixed}.menu button{text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px}.menu button:hover{background:var(--hover)}.menu button.danger{color:var(--danger)}.menu-user{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px 12px;display:flex}.menu-user div{flex-direction:column;display:flex}.chat-pane{background:var(--chat-bg);grid-area:chat;min-width:0;min-height:0}.empty-pane{height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.empty-pane h2{color:var(--text);margin:0}.chat-view{flex-direction:column;height:100%;display:flex;position:relative}.chat-head{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:6px 10px;display:flex}.chat-head .back{display:none}.chat-head-info{cursor:pointer;text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:2px;display:flex}.chat-head-info>div{min-width:0}.chat-head .title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.subtitle{color:var(--muted);font-size:13px}.subtitle.accent{color:var(--accent)}.pinned-bar{border:0;border-bottom:1px solid var(--border);background:var(--panel);cursor:pointer;text-align:start;border-inline-start:3px solid var(--accent);align-items:center;gap:10px;padding:6px 16px;font-size:13px;display:flex}.pinned-bar>span:last-child{min-width:0}.pinned-bar b{color:var(--accent);display:block}.messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;padding:12px 4%;display:flex;overflow-y:auto}.day-sep,.system-msg{align-self:center;margin:10px 0 6px}.day-sep,.system-msg span{background:color-mix(in srgb, var(--panel) 75%, transparent);color:var(--muted);border-radius:12px;padding:3px 12px;font-size:12px;display:inline-block}.msg-row{justify-content:flex-end;align-items:flex-end;gap:6px;margin-top:6px;display:flex}.msg-row.grouped{margin-top:0}.msg-row.mine{justify-content:flex-start}.msg-avatar{flex-shrink:0;order:2;width:34px}.bubble-col{flex-direction:column;align-items:flex-end;min-width:0;max-width:min(560px,78%);display:flex}.msg-row.mine .bubble-col{align-items:flex-start}.bubble{background:var(--bubble-in);overflow-wrap:anywhere;border-radius:14px;max-width:100%;padding:6px 10px 4px;position:relative;box-shadow:0 1px 1px #00000014}.msg-row.mine .bubble{background:var(--bubble-out)}@media (prefers-color-scheme:dark){.msg-row.mine .bubble{color:#fff}.msg-row.mine .bubble .meta,.msg-row.mine .bubble a{color:#dbeafe}}.bubble.deleted{color:var(--muted)}.bubble.has-media{padding:3px 3px 4px}.bubble.has-media .text,.bubble.has-media .sender,.bubble.has-media .meta,.bubble.has-media .reply-quote{margin-inline:7px}.sender{color:var(--accent);font-size:13px;font-weight:600}.text{white-space:pre-wrap;line-height:1.6}.meta{color:var(--muted);justify-content:flex-end;gap:6px;margin-top:1px;font-size:11px;display:flex}.msg-more{top:2px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;padding:2px 6px;font-size:18px;position:absolute;inset-inline-end:-28px}.msg-row.mine .msg-more{inset-inline:-28px auto}.bubble:hover .msg-more{opacity:1}@media (pointer:coarse){.msg-more{display:none}}.reply-quote{text-align:start;border:0;border-inline-start:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);cursor:pointer;border-radius:6px;width:100%;max-width:100%;margin:2px 0 4px;padding:3px 8px;font-size:13px;display:block;overflow:hidden}.reply-quote b{color:var(--accent);display:block}.reply-quote span{white-space:nowrap;text-overflow:ellipsis;opacity:.8;display:block;overflow:hidden}.media{cursor:pointer;background:#0002;border:0;border-radius:11px;width:360px;max-width:100%;max-height:420px;padding:0;display:block;overflow:hidden}.media img{object-fit:cover;width:100%;height:100%;display:block}video.media{object-fit:contain;background:#000}.voice{width:280px;max-width:100%}.file-card{color:inherit;align-items:center;gap:10px;padding:4px 0;text-decoration:none;display:flex}.file-card>span:last-child{flex-direction:column;min-width:0;display:flex}.file-icon{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-card small{color:var(--muted)}.flash .bubble{animation:1.2s flash}@keyframes flash{0%,60%{box-shadow:0 0 0 3px var(--accent)}}.composer-wrap{background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.composer{align-items:flex-end;gap:6px;padding:8px;display:flex}.composer.blocked{color:var(--muted);background:var(--panel);border-top:1px solid var(--border);justify-content:center;padding:16px;font-size:14px}.composer textarea{resize:none;border-radius:20px;max-height:160px;padding:9px 14px;line-height:1.5;overflow-y:hidden}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;width:42px;height:42px;font-size:18px;transform:scaleX(-1)}.send-btn:disabled{opacity:.4}.composer-bar{align-items:center;gap:10px;padding:6px 12px 0;display:flex}.bar-body{border-inline-start:3px solid var(--accent);flex:1;min-width:0;padding-inline-start:8px;font-size:13px}.bar-body b{color:var(--accent);display:block}.drop-overlay{background:color-mix(in srgb, var(--accent) 25%, transparent);border:3px dashed var(--accent);pointer-events:none;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.send-preview{object-fit:contain;background:#0002;border-radius:10px;width:100%;max-height:50vh}.progress{background:var(--panel-2);border-radius:11px;height:22px;position:relative;overflow:hidden}.progress div{background:var(--accent);height:100%;transition:width .2s}.progress span{text-align:center;font-size:12px;line-height:22px;position:absolute;inset:0}.modal-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden}.modal.small{gap:12px;max-width:400px;padding:16px;overflow-y:auto}.modal.small h3{margin:0}.modal.large{max-width:860px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;padding-inline-start:18px;display:flex}.modal-head h3{margin:0;font-size:17px}.modal-body{padding:16px;overflow-y:auto}.modal-body h4{margin:18px 0 8px}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.danger-zone{justify-content:flex-start;margin-top:20px}.form{flex-direction:column;gap:10px;display:flex}.form label{flex-direction:column;gap:4px;font-size:14px;display:flex}label.check{cursor:pointer;flex-direction:row;align-items:center;gap:8px}.boxed{border:1px solid var(--border);border-radius:12px;margin:8px 0;padding:12px}details.boxed summary{cursor:pointer}.inline-form{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.inline-form input{flex:1;min-width:120px}.user-list{margin:8px 0 0;padding:0;list-style:none}.user-list button:not(.btn){cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.user-list button:not(.btn):hover{background:var(--hover)}.user-list span:not(.avatar,.avatar-fallback,.online-dot,.role-badge,.tag){flex-direction:column;display:flex}.user-list small{color:var(--muted)}.row-item{align-items:center;gap:10px;padding:8px;display:flex}.row-item.faded{opacity:.5}.member-actions{flex-direction:column;gap:8px;padding:4px 12px 12px;padding-inline-start:56px;display:flex}.perm-box{background:var(--panel-2);border-radius:10px;flex-direction:column;gap:6px;padding:10px;font-size:14px;display:flex}.role-badge,.tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px}.tag.danger{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}.profile-head{align-items:center;gap:16px;margin-bottom:12px;display:flex}.profile-head>div{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.avatar-edit{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.avatar-edit>span:last-child{bottom:0;background:var(--panel);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 1px 4px #0000004d}.description{white-space:pre-wrap}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border-radius:16px;align-items:center;gap:4px;padding:3px 4px 3px 10px;padding-inline-start:10px;font-size:13px;display:inline-flex}.chip button{cursor:pointer;color:inherit;background:0 0;border:0}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.stat{background:var(--panel-2);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.stat small{color:var(--muted)}.audit{margin:0;padding:0;font-size:14px;list-style:none}.audit li{border-bottom:1px solid var(--border);padding:8px 0}.audit small{color:var(--muted);margin-inline-end:8px}.audit-details{color:var(--muted);overflow-wrap:anywhere;text-align:left;font-family:ui-monospace,Consolas,monospace;font-size:12px}.lightbox{z-index:60;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}.lightbox-dl{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;z-index:70;box-shadow:var(--shadow);background:#111827;border-radius:12px;max-width:calc(100% - 32px);padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=767px){.layout{grid-template-columns:1fr;grid-template-areas:"offline""emergency""side"}.layout.has-chat{grid-template-areas:"offline""emergency""chat"}.layout.has-chat .sidebar,.layout:not(.has-chat) .chat-pane{display:none}.chat-head .back{display:inline-flex}.messages{padding:8px}.bubble-col{max-width:85%}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-height:92vh;max-width:100%!important}.member-actions{padding-inline-start:12px}}.voice-player{align-items:center;gap:10px;width:260px;max-width:100%;padding:2px 0;display:flex}.play-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:14px}.voice-body{flex:1;min-width:0}.wave{cursor:pointer;align-items:center;gap:2px;height:28px;display:flex}.wave span{background:color-mix(in srgb, var(--muted) 45%, transparent);border-radius:2px;flex:1;min-width:2px}.wave span.on{background:var(--accent)}.voice-meta{color:var(--muted);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.speed{background:color-mix(in srgb, var(--muted) 20%, transparent);cursor:pointer;border:0;border-radius:8px;padding:0 6px;font-size:11px}.media-placeholder,.video-processing{color:var(--text);background:color-mix(in srgb, var(--muted) 20%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.video-processing{cursor:default}.spinner{border:3px solid color-mix(in srgb, var(--muted) 40%, transparent);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.video-poster{background:#000;position:relative}.video-poster img{object-fit:cover;width:100%;height:100%}.play-overlay{color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:auto;font-size:22px;display:flex;position:absolute;inset:0}.video-info{bottom:6px;color:#fff;background:#0000008c;border-radius:8px;padding:1px 8px;font-size:12px;position:absolute;inset-inline-start:6px}.video-wrap{position:relative}.quality-select{top:6px;color:#fff;background:#0009;border:0;border-radius:8px;width:auto;padding:2px 6px;font-size:12px;position:absolute;inset-inline-start:6px}.expired{color:var(--muted);padding:6px 0;font-size:13px}.forwarded{color:var(--accent);margin-bottom:2px;font-size:12px}.reactions{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.reaction{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:14px;align-items:center;gap:4px;padding:1px 8px;font-size:13px;display:inline-flex}.reaction.mine{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.quick-reactions{border-bottom:1px solid var(--border);flex-wrap:nowrap;gap:2px;margin-bottom:4px;padding:2px 2px 6px;display:flex}.menu .quick-reactions button{border-radius:8px;padding:3px;font-size:19px}.to-bottom{bottom:84px;border:1px solid var(--border);background:var(--panel);width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;z-index:5;border-radius:50%;font-size:18px;position:absolute;inset-inline-end:20px}.to-bottom .badge{top:-8px;position:absolute;inset-inline-start:-4px}.send-btn.mic{font-size:18px;transform:none}.recorder{justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.rec-status{font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.rec-dot{background:var(--danger);border-radius:50%;width:12px;height:12px;transition:transform 80ms}.list-section{color:var(--muted);border-top:1px solid var(--border);margin-top:6px;padding:10px 10px 2px;font-size:12px}.check-row{cursor:pointer}.sticky-actions{background:var(--panel);padding:10px 0;position:sticky;bottom:-16px}.report{flex-direction:column;gap:4px;display:flex}.report-reason{color:var(--danger);font-size:13px}.report-msg{border-inline-start:3px solid var(--border);background:var(--panel-2);white-space:pre-wrap;border-radius:6px;margin:4px 0;padding:6px 10px}.file-card[role=button]{cursor:pointer}.file-icon,.dl-btn{color:#fff;position:relative}.dl-btn{background:var(--accent);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:inline-flex}.dl-btn.on-media{top:6px;z-index:2;background:#0000008c;position:absolute;inset-inline-end:6px}.lightbox .dl-btn.lightbox-dl{width:52px;height:52px;font-size:20px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3px}.ring-track{stroke:#ffffff4d}.ring-bar{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .15s}.ring.indeterminate{animation:1s linear infinite spin}.layout{grid-template-rows:auto auto auto 1fr;grid-template-areas:"offline offline""emergency emergency""voice voice""side chat"}.voice-area{grid-area:voice}@media (width<=767px){.layout{grid-template-areas:"offline""emergency""voice""side"}.layout.has-chat{grid-template-areas:"offline""emergency""voice""chat"}}.voice-bar{color:#fff;background:#166534;align-items:center;gap:8px;padding:6px 10px;display:flex}.vbar-info{min-width:0;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;display:flex}.vbar-info span:last-child{flex-direction:column;min-width:0;display:flex}.vbar-info small{opacity:.85;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.connecting,.dot.reconnecting{background:#facc15;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.3}}.rtc-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ctl{color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff26;border:0;border-radius:50%;width:48px;height:48px;font-size:20px}.ctl.off{color:#111;background:#fff}.ctl.ptt.on{background:#16a34a;transform:scale(1.1)}.ctl.hangup{background:#dc2626}.rtc-controls.compact .ctl{width:36px;height:36px;font-size:16px}.voice-channels{margin-bottom:4px}.list-section.toggle{text-align:start;cursor:pointer;background:0 0;border:0;width:100%;margin-top:0}.vc{border-radius:10px;padding:4px 10px}.vc.active{background:#16a34a26}.vc-row{align-items:center;gap:6px;display:flex}.vc-name{color:inherit;flex:1;padding:4px 0;font-weight:600;text-decoration:none}.vc-user{color:var(--muted);align-items:center;gap:6px;padding:2px 0;padding-inline-start:22px;font-size:13px;display:flex}.live-badge{color:#fff;background:#dc2626;border-radius:4px;margin-inline-start:4px;padding:1px 5px;font-size:10px;font-weight:700}.voice-banner{background:color-mix(in srgb, #16a34a 12%, var(--panel));border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:6px 12px;font-size:14px;display:flex}.vb-faces{display:flex}.vb-faces .avatar+.avatar{margin-inline-start:-8px}.room-view{z-index:55;color:#fff;background:#0b1220;flex-direction:column;display:flex;position:fixed;inset:0}.room-head{align-items:center;gap:10px;padding:10px 12px;display:flex}.room-head .icon-btn{color:#fff}.room-head>div{flex-direction:column;display:flex}.room-head small{opacity:.7}.audio-unlock{align-self:center;margin:8px}.stage{flex:1;min-height:0;padding:0 12px;display:flex}.streams{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;max-height:55vh;padding:0 12px 10px;display:grid;overflow-y:auto}.stream-tile{aspect-ratio:16/9;background:#000;border-radius:12px;display:flex;position:relative;overflow:hidden}.stream-tile.big{aspect-ratio:auto;flex:1}.rtc-video{background:#000;width:100%;height:100%}.rtc-video.mirror{transform:scaleX(-1)}.watch-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e293b,#0f172a);border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:15px;display:flex}.stream-meta{bottom:6px;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;inset-inline:6px}.stream-meta>span{background:#0009;border-radius:8px;margin-inline-end:auto;padding:2px 8px}.stream-meta select,.stream-meta button{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:8px;width:auto;padding:2px 8px;font-size:12px}.tiles{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:10px;padding:12px;display:grid;overflow-y:auto}.room-view.call .tiles{grid-template-columns:repeat(auto-fit,minmax(180px,260px));place-content:center}.tile{background:#1e293b;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 10px;transition:border-color .15s;display:flex;position:relative}.tile.speaking{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e4d}.tile.waiting{opacity:.8}.tile-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.tile-icons{min-height:18px;font-size:13px}.tile-more{top:6px;color:#fff;cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;inset-inline-end:6px}.tile-menu{top:30px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);z-index:2;border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;inset-inline-end:6px}.tile-menu button{text-align:start;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:8px 10px}.tile-menu button:hover{background:var(--hover)}.tile-menu .danger{color:var(--danger)}.room-foot{padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#0000004d}.incoming-call{z-index:65;color:#fff;background:linear-gradient(160deg,#1e3a8a,#0b1220);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:0}.incoming-call h2{margin:12px 0 0}.call-actions{gap:60px;margin-top:40px;display:flex}.call-btn{cursor:pointer;border:0;border-radius:50%;width:72px;height:72px;font-size:30px}.call-btn.accept{background:#16a34a;animation:1.2s infinite pulse-ring}.call-btn.decline{background:#dc2626}@keyframes pulse-ring{0%{box-shadow:0 0 #16a34a99}to{box-shadow:0 0 0 22px #16a34a00}}.call-log{align-items:center;gap:10px;min-width:220px;display:flex}.call-log>span:nth-child(2){flex-direction:column;display:flex}.call-log small{color:var(--muted);font-size:11px}.call-icon{color:#16a34a;font-size:18px}.call-log.missed .call-icon,.call-log.missed b{color:var(--danger)}.form-label{margin-top:4px;font-size:14px}.call-view{z-index:55;color:#fff;touch-action:manipulation;background:radial-gradient(circle at 50% 35%,#1e3a5f,#0b1220 70%);position:fixed;inset:0;overflow:hidden}.call-main{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.call-main.contain{object-fit:contain}.call-main.mirror,.call-pip.mirror{transform:scaleX(-1)}.call-avatar{border-radius:50%;padding:6px;transition:box-shadow .15s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.call-avatar.speaking{box-shadow:0 0 0 6px #22c55e8c,0 0 0 16px #22c55e2e}.call-top{top:0;padding:calc(10px + env(safe-area-inset-top)) 12px 28px;background:linear-gradient(#0000008c,#0000);align-items:flex-start;gap:8px;transition:opacity .25s;display:flex;position:absolute;inset-inline:0}.call-top .icon-btn{color:#fff}.call-view[data-remote="0"] .call-top{background:0 0}.call-view:not(:has(.call-main)) .call-top{background:0 0}.call-title{flex-direction:column;gap:2px;padding-top:6px;display:flex}.call-title b{font-size:18px}.call-title span{opacity:.85;font-variant-numeric:tabular-nums;font-size:14px}.call-view:not(:has(.call-main)) .call-title{text-align:center;align-items:center;position:absolute;top:calc(34% + 90px);left:0;right:0}.call-view:not(:has(.call-main)) .call-title b{font-size:24px}.call-pip{aspect-ratio:3/4;object-fit:cover;cursor:pointer;touch-action:none;z-index:2;background:#000;border:2px solid #ffffff40;border-radius:14px;width:112px;transition:top .2s,bottom .2s,left .2s,right .2s;position:absolute;overflow:hidden;box-shadow:0 6px 24px #00000080}.call-pip.top-end{top:calc(76px + env(safe-area-inset-top));left:12px}.call-pip.top-start{top:calc(76px + env(safe-area-inset-top));right:12px}.call-pip.bottom-end{bottom:calc(110px + env(safe-area-inset-bottom));left:12px}.call-pip.bottom-start{bottom:calc(110px + env(safe-area-inset-bottom));right:12px}@media (width>=768px){.call-pip{aspect-ratio:16/10;width:200px}}.call-controls{bottom:0;padding:28px 12px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0009);justify-content:center;gap:14px;transition:opacity .25s,transform .25s;display:flex;position:absolute;inset-inline:0}.call-controls .ctl{width:56px;height:56px;font-size:22px}.call-controls .ctl.hangup{width:64px;height:64px}.call-view.hide-controls .call-controls{opacity:0;pointer-events:none;transform:translateY(30px)}.call-view.hide-controls .call-top{opacity:0;pointer-events:none}.call-audio-unlock{z-index:3;position:absolute;top:45%;left:50%;transform:translate(-50%)}:root{--bg:#eef1f8;--panel:#fff;--panel-2:#f4f6fb;--border:#e3e7f1;--text:#121628;--muted:#6b7390;--accent:#6366f1;--accent-2:#a855f7;--accent-soft:#e8e9ff;--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #a855f7 100%);--danger:#e11d48;--ok:#10b981;--bubble-in:#fff;--bubble-out:var(--grad);--bubble-out-text:#fff;--chat-bg:#e9ecf6;--hover:#f1f3fa;--shadow:0 12px 40px #1e224629;--shadow-sm:0 2px 10px #1e224614;--glass:#ffffffc7;--radius:16px}@media (prefers-color-scheme:dark){:root{--bg:#0b0e1a;--panel:#121729;--panel-2:#0f1424;--border:#222a44;--text:#e6e8f5;--muted:#8f97b8;--accent:#818cf8;--accent-2:#c084fc;--accent-soft:#252b55;--grad:linear-gradient(135deg, #6366f1 0%, #7c3aed 60%, #9333ea 100%);--bubble-in:#1b2138;--chat-bg:#0d1120;--hover:#1a2036;--shadow:0 12px 40px #0000008c;--shadow-sm:0 2px 10px #00000059;--glass:#121729cc}}body{background:var(--bg);letter-spacing:-.005em}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 35%, transparent) transparent}.btn{border-radius:12px;font-weight:500;transition:background .15s,transform .1s,box-shadow .15s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--grad);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 35%, transparent);border:0}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--accent);background:0 0}.btn,.menu button,.with-icon,.tabs button,summary.with-icon{align-items:center;gap:8px;display:inline-flex}.menu button{display:flex}.icon-btn{transition:background .15s,color .15s}.icon-btn:hover{color:var(--accent);background:var(--accent-soft)}.inline-icon{vertical-align:-2px;margin-inline-start:4px}input,textarea,select{border-radius:12px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.tabs button.active,.segmented button.active{color:var(--accent)}.emoji{vertical-align:-.28em;background-image:url(/emoji/fluent.webp);background-repeat:no-repeat;margin:0 1px;display:inline-block}.emoji-native{line-height:1}.bubble.big-emoji{box-shadow:none!important;background:0 0!important;padding:0 2px!important}.bubble.big-emoji .text{line-height:1.1}.bubble.big-emoji .emoji{animation:.35s cubic-bezier(.2,1.6,.4,1) emoji-pop}.bubble.big-emoji .meta{color:var(--muted)!important}@keyframes emoji-pop{0%{opacity:0;transform:scale(.4)}}.emoji-anchor{position:relative}.emoji-picker{bottom:52px;background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--border);width:340px;max-width:calc(100vw - 24px);height:360px;box-shadow:var(--shadow);z-index:45;border-radius:20px;flex-direction:column;animation:.16s ease-out pop-in;display:flex;position:absolute;inset-inline-end:-40px}.picker-host .emoji-picker{box-shadow:none;background:0 0;border:0;position:static}.menu.floating.picker-host{padding:0}.ep-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));align-content:start;gap:2px;padding:10px;display:grid;overflow-y:auto}.ep-item{cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;height:40px;transition:background .1s,transform .1s;display:flex}.ep-item:hover{background:var(--accent-soft);transform:scale(1.15)}.ep-tabs{border-top:1px solid var(--border);justify-content:space-around;padding:6px;display:flex}.ep-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:6px}.ep-tabs button.active{color:var(--accent);background:var(--accent-soft)}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}.sidebar{background:var(--panel)}.sidebar-head .search{background:var(--panel-2);border-color:#0000}.site-name{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:13px;font-weight:700}.chat-item{border-radius:14px;padding:9px 10px;transition:background .12s}.chat-item.active{background:var(--grad);box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 30%, transparent)}.chat-item .title{align-items:center;gap:5px;display:inline-flex}.type-icon{opacity:.7;flex-shrink:0}.preview{align-items:center;gap:4px;display:flex}.preview-icon{opacity:.75;flex-shrink:0}.badge{background:var(--grad);font-weight:600}.fab{background:var(--grad);box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 45%, transparent);justify-content:center;align-items:center;transition:transform .15s;display:flex}.fab:hover{transform:translateY(-2px)rotate(-4deg)}.menu{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:16px;animation:.14s ease-out pop-in}.menu button svg{color:var(--muted)}.menu button.danger svg{color:var(--danger)}.avatar-fallback{text-shadow:0 1px 2px #0003;background-image:linear-gradient(145deg,#ffffff40,#0000 60%)}.avatar-fallback.saved{background:var(--grad)}.online-dot{background:var(--ok)}.chat-pane{background-color:var(--chat-bg);background-image:radial-gradient(color-mix(in srgb, var(--accent) 14%, transparent) 1px, transparent 1.2px), radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 45%), radial-gradient(circle at 85% 90%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 45%);background-size:22px 22px,100% 100%,100% 100%}.chat-head,.composer-wrap,.pinned-bar,.voice-banner{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4)}.chat-head{border-bottom-color:color-mix(in srgb, var(--border) 70%, transparent)}.bubble{box-shadow:var(--shadow-sm);border-radius:18px;animation:.18s ease-out msg-in}.msg-row:not(.mine) .bubble{border-end-start-radius:6px}.msg-row.mine .bubble{background:var(--bubble-out);color:var(--bubble-out-text);border-end-end-radius:6px}.msg-row.grouped:not(.mine) .bubble{border-start-start-radius:6px}.msg-row.grouped.mine .bubble{border-start-end-radius:6px}.msg-row.mine .bubble .meta,.msg-row.mine .bubble a,.msg-row.mine .bubble .forwarded,.msg-row.mine .bubble .file-card small,.msg-row.mine .bubble .voice-meta{color:#ffffffd1}.msg-row.mine .reply-quote{background:#ffffff29;border-inline-start-color:#fff}.msg-row.mine .reply-quote b{color:#fff}.msg-row.mine .file-icon,.msg-row.mine .play-btn{background:#ffffff38}.msg-row.mine .wave span{background:#fff6}.msg-row.mine .wave span.on{background:#fff}.msg-row.mine .speed{color:#fff;background:#fff3}.msg-row.mine .bubble.deleted{background:var(--panel-2);color:var(--muted)}.ticks{display:inline-flex}.ticks.read{color:#67e8f9}.msg-row:not(.mine) .ticks.read{color:var(--accent)}.meta{align-items:center}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.sender{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.forwarded{align-items:center;gap:4px;display:flex}.reaction{box-shadow:var(--shadow-sm);border-radius:999px;padding:2px 8px 2px 6px;transition:transform .1s}.reaction:hover{transform:scale(1.06)}.reaction.mine{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.quick-reactions{gap:2px;padding-bottom:8px}.quick-reactions button{transition:transform .12s}.quick-reactions button:hover{transform:scale(1.25)translateY(-2px);background:0 0!important}.more-reactions{color:var(--muted);justify-content:center;align-items:center;display:flex!important}.day-sep,.system-msg span{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.composer textarea{background:var(--panel-2);border-color:#0000}.send-btn{background:var(--grad);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 40%, transparent);justify-content:center;align-items:center;transition:transform .12s;display:flex}.send-btn:not(:disabled):hover{transform:scaleX(-1)scale(1.06)}.send-btn.mic:hover{transform:scale(1.06)}.to-bottom{color:var(--accent);justify-content:center;align-items:center;display:flex}.file-icon{background:var(--grad)}.file-icon .dl-icon,.dl-btn .dl-icon{display:flex}.play-btn{background:var(--grad);justify-content:center;align-items:center;display:flex}.play-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pinned-bar{border-inline-start-color:var(--accent)}.pin-icon{color:var(--accent);display:flex}.expired{align-items:center;gap:6px;display:flex}.call-log .call-icon{display:flex}.msg-row.mine .call-log .call-icon,.msg-row.mine .call-log small{color:#ffffffd9}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c1e66}.modal{border-radius:22px;animation:.18s ease-out pop-in}.modal-head h3{font-weight:700}.role-badge,.tag{background:var(--accent-soft);font-weight:600}.stat{background:var(--panel-2);border:1px solid var(--border)}.stat b{font-size:17px}.perm-box{border:1px solid var(--border)}.limits-box label{flex-direction:column;gap:4px;display:flex}.limits-now{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-weight:600}.pill.ok{background:color-mix(in srgb, var(--ok) 15%, transparent);color:var(--ok)}.pill.no{background:color-mix(in srgb, var(--danger) 13%, transparent);color:var(--danger)}.size-field{flex-direction:column;gap:6px;display:flex}.size-label{font-size:14px}.size-row{gap:6px;display:flex}.size-row select{width:auto}.chip-btn{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:999px;padding:3px 12px;font-size:13px}.chip-btn.active{background:var(--grad);color:#fff;border-color:#0000}.voice-bar{background:linear-gradient(135deg,#059669,#10b981)}.ctl{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;transition:transform .12s,background .15s;display:flex}.ctl:hover{transform:translateY(-2px)}.ctl.on{background:var(--grad)}.ctl.hangup{background:linear-gradient(135deg,#e11d48,#f43f5e);box-shadow:0 8px 22px #e11d4866}.vc-name{align-items:center;gap:6px;display:flex}.vc-user svg{opacity:.7}.vb-icon{background:var(--grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.vb-text{align-items:center;gap:6px;font-weight:500;display:flex}.room-view{background:radial-gradient(circle at 20% 0,#1e1b4b,#0b0e1a 60%)}.room-head small{align-items:center;gap:4px;display:inline-flex}.room-stage{flex:1;min-height:0;padding:12px;position:relative}.meet-grid{flex-wrap:wrap;place-content:center;gap:10px;height:100%;display:flex}.grid-cell{flex-shrink:0;min-width:0;min-height:0}.mtile{cursor:pointer;outline-offset:-3px;background:linear-gradient(160deg,#1e2442,#141830);border-radius:18px;outline:3px solid #0000;justify-content:center;align-items:center;width:100%;height:100%;transition:outline-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.mtile.speaking{outline-color:#34d399;box-shadow:0 0 24px #34d39959}.mtile.grid:hover,.mtile.strip:hover{transform:scale(1.01)}.mtile .rtc-video{width:100%;height:100%;position:absolute;inset:0}.mtile-avatar{border-radius:50%;padding:4px;transition:box-shadow .15s}.mtile.speaking .mtile-avatar{box-shadow:0 0 0 4px #34d39999,0 0 0 12px #34d39926}.mtile-label{bottom:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;background:#00000080;border-radius:999px;align-items:center;gap:5px;max-width:calc(100% - 16px);padding:3px 10px;font-size:13px;display:flex;position:absolute;inset-inline-start:8px;overflow:hidden}.mtile-label span{text-overflow:ellipsis;overflow:hidden}.muted-icon{color:#fb7185;flex-shrink:0}.mtile.strip .mtile-label{bottom:4px;padding:1px 6px;font-size:11px;inset-inline-start:4px}.mtile-quality,.mtile-stop{top:10px;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:10px;width:auto;padding:4px 10px;font-size:12px;position:absolute;inset-inline-start:10px}.mtile-stop{inset-inline:auto 44px}.watch-btn{background:radial-gradient(circle at 50% 40%,#312e81,#0f1225);font-size:15px;position:absolute;inset:0}.watch-cta{background:var(--grad);border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:8px 16px;display:inline-flex;box-shadow:0 8px 22px #6366f166}.room-stage.spot{gap:10px;display:flex}.spot-main{flex:1;min-width:0;min-height:0}.filmstrip{flex-direction:column;flex-shrink:0;gap:8px;width:200px;display:flex;overflow-y:auto}.filmstrip .mtile{aspect-ratio:16/10;flex-shrink:0;height:auto}.spot-pip{bottom:22px;aspect-ratio:16/10;z-index:2;border-radius:18px;width:200px;position:absolute;inset-inline-end:22px;box-shadow:0 10px 30px #00000080}@media (width<=767px){.room-stage.spot{flex-direction:column}.filmstrip{flex-direction:row;width:auto;height:96px;overflow:auto hidden}.filmstrip .mtile{aspect-ratio:auto;width:130px;height:100%}.spot-pip{aspect-ratio:3/4;bottom:16px;width:110px;inset-inline-end:16px}}.tile-more{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;background:#0006!important}.tile-menu{z-index:3;top:44px}.tile-menu button{align-items:center;gap:8px;display:flex}.incoming-call{background:radial-gradient(circle at 50% 30%,#4338ca,#1e1b4b 55%,#0b0e1a)}.ic-avatar{border-radius:50%;padding:6px;animation:1.6s ease-out infinite ring-pulse}@keyframes ring-pulse{0%{box-shadow:0 0 #a5b4fc99}to{box-shadow:0 0 0 36px #a5b4fc00}}.call-btn{color:#fff;justify-content:center;align-items:center;display:flex}.call-view{background:radial-gradient(circle at 50% 30%,#312e81,#0b0e1a 70%)}.call-controls .ctl{background:#ffffff24}.call-controls .ctl.on{background:var(--grad)}.call-controls .ctl.off{color:#111;background:#fff}.call-controls .ctl.hangup{background:linear-gradient(135deg,#e11d48,#f43f5e)}.reply-quote>span,.bar-body .preview,.pinned-bar .preview{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:3px;display:flex;overflow:hidden}.reply-quote>span .emoji,.preview .emoji{flex-shrink:0}.emoji-picker{background:var(--panel)}@media (width<=480px){.room-foot .rtc-controls{flex-wrap:nowrap;gap:6px}.room-foot .ctl{width:44px;height:44px}}.menu.floating{inset-inline:auto;width:max-content;max-width:min(340px,100vw - 16px);right:auto}.menu,.emoji-picker{background:color-mix(in srgb, var(--panel) 96%, transparent)}.user-list .chips button.chip-btn{border:1px solid var(--border);border-radius:999px;width:auto;padding:3px 12px;display:inline-flex}.user-list .chips button.chip-btn.active{border-color:#0000}.call-main[data-fit=contain],.mtile .rtc-video[data-fit=contain]{background:0 0}@media (width>=768px){.call-pip{aspect-ratio:auto;height:auto;max-height:260px}}.lightbox-close{top:16px;color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;inset-inline-end:16px}.lightbox-close:hover{background:#ffffff47}.lightbox img{border-radius:8px;max-width:92vw;max-height:88vh;box-shadow:0 20px 60px #0009}.user-list .chips button.chip-btn.active,.user-list .chips button.chip-btn.active:hover{background:var(--grad);color:#fff}