/* SocialPulsar · Topluluk — cam pencere. Her yüzey cam (--glass-*), metin beyaz; opak gri kutu yok. */
.cx-window[hidden],.ai-workspace:not([data-view="chat"]) .cx-window{display:none!important}
.cx-window,.cx-layer{--cx-r:22px;--cx-accent:#4f7dff;--cx-green:#3ddc84;--cx-red:#ff5f6d;--cx-yellow:#f5c542}
.ai-rail{--cx-green:#3ddc84}
.cx-window{position:relative;z-index:1;display:grid;grid-template-columns:72px 252px minmax(0,1fr) 0;gap:8px;min-width:0;height:calc(100dvh - 40px);margin:20px 20px 20px 14px;padding:8px;overflow:hidden;
  border-radius:var(--radius-window);background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:#fff;
  font:14px/1.45 Inter,InterSP,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
.cx-window[data-members="on"]{grid-template-columns:72px 252px minmax(0,1fr) 236px}
:where(.cx-window,.cx-layer) button{font:inherit;color:inherit;cursor:pointer}
.cx-i{display:inline-grid;place-items:center;flex:none;width:20px;height:20px}
.cx-i svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cx-i.big{width:44px;height:44px;opacity:.75}
.cx-muted{color:var(--on-glass-3,rgba(255,255,255,.6))}.cx-muted.pad{padding:10px 14px;margin:0}.small{font-size:12px}
.cx-window ::-webkit-scrollbar,.cx-layer ::-webkit-scrollbar{width:8px;height:8px}
.cx-window ::-webkit-scrollbar-thumb,.cx-layer ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.cx-window ::-webkit-scrollbar-track{background:transparent}

/* rail: Topluluk icon in voice + badge */
.ai-rail-item.cx-in-voice span::after{content:"";position:absolute;bottom:-3px;right:-3px;width:14px;height:14px;border-radius:50%;background:var(--cx-green,#3ddc84);box-shadow:0 0 0 2px rgba(255,255,255,.85)}

/* ---------- sunucu şeridi ---------- */
.cx-servers{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.cx-servers::-webkit-scrollbar{display:none}
.cx-srv{position:relative;display:grid;place-items:center;width:72px;height:50px;border:0;background:none;padding:0}
.cx-srv-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--sc,#4f7dff) 75%,#fff 0%),color-mix(in srgb,var(--sc,#4f7dff) 55%,#000 15%));border:1px solid rgba(255,255,255,.3);font-weight:700;font-size:15px;letter-spacing:.02em;transition:border-radius .2s,transform .2s,background .2s}
.cx-srv-icon img{width:100%;height:100%;object-fit:cover}
.cx-srv-icon.home{background:rgba(255,255,255,.16)}
.cx-srv-icon.home .cx-i{width:24px;height:24px}
.cx-srv-icon.add{background:rgba(255,255,255,.1);color:var(--cx-green);border-style:dashed}
.cx-srv:hover .cx-srv-icon,.cx-srv.active .cx-srv-icon{border-radius:16px}
.cx-srv.active .cx-srv-icon.home{background:rgba(255,255,255,.92);color:#23242c}
.cx-srv.add:hover .cx-srv-icon{background:var(--cx-green);color:#fff;border-style:solid}
.cx-srv.muted .cx-srv-icon{opacity:.55}
.cx-pill{position:absolute;left:0;top:50%;width:4px;height:0;border-radius:0 4px 4px 0;background:#fff;transform:translateY(-50%);transition:height .2s}
.cx-srv.unread .cx-pill{height:8px}.cx-srv:hover .cx-pill{height:20px}.cx-srv.active .cx-pill{height:40px}
.cx-srv .cx-badge{position:absolute;right:10px;bottom:0}
.cx-srv-voice{position:absolute;right:10px;bottom:0;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--cx-green);box-shadow:0 0 0 2px rgba(255,255,255,.75)}
.cx-srv-voice .cx-i{width:12px;height:12px}
.cx-srv-sep{width:32px;height:2px;margin:2px 0;border:0;border-radius:2px;background:rgba(255,255,255,.25)}
.cx-srv.dm .cx-av{width:48px;height:48px}
.cx-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--cx-red,#ff5f6d);color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 0 0 2px rgba(255,255,255,.75);font-style:normal}

/* ---------- yan panel ---------- */
.cx-side,.cx-members{display:flex;flex-direction:column;min-height:0;border-radius:var(--cx-r);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.cx-side-head{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 14px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:none;text-align:left}
.cx-side-head.server{font-weight:700;font-size:15px}
.cx-side-head.server span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-side-head.server:hover{background:rgba(255,255,255,.08)}
.cx-side-head.search{padding:0 10px}
.cx-side-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 12px}
.cx-cat{margin-top:12px}.cx-cat:first-child{margin-top:0}
.cx-cat-head{display:flex;align-items:center;gap:4px;padding:2px 4px 4px 2px;border-radius:6px}
.cx-cat-head.plain{padding:14px 6px 6px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--on-glass-3)}
.cx-cat-head.plain span{flex:1}
.cx-cat-toggle{flex:1;display:flex;align-items:center;gap:2px;min-width:0;border:0;background:none;padding:0;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--on-glass-3);text-align:left}
.cx-cat-toggle span[data-no-i18n]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-cat-toggle .cx-i{width:12px;height:12px;transition:transform .15s}
.cx-cat-head.collapsed .cx-cat-toggle .cx-i{transform:rotate(-90deg)}
.cx-cat-toggle:hover{color:#fff}
.cx-cat-add{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:6px;background:none;color:var(--on-glass-3);padding:0}
.cx-cat-add .cx-i{width:16px;height:16px}.cx-cat-add:hover{color:#fff}
.cx-chan{position:relative;display:flex;align-items:center;margin:1px 0;border-radius:10px;color:var(--on-glass-3);transition:background .12s,color .12s}
.cx-chan-main{flex:1;display:flex;align-items:center;gap:6px;min-width:0;height:34px;padding:0 8px;border:0;background:none;text-align:left;color:inherit}
.cx-chan-main span[data-no-i18n]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.cx-chan-main>.cx-i:first-child{opacity:.75}
.cx-lock{width:12px!important;height:12px!important;margin-left:-8px;margin-top:8px;opacity:.9}
.cx-chan:hover{background:rgba(255,255,255,.09);color:var(--on-glass-2)}
.cx-chan.active{background:rgba(255,255,255,.2);color:#fff}
.cx-chan.unread{color:#fff}.cx-chan.unread span[data-no-i18n]{font-weight:700}
.cx-chan.unread::before{content:"";position:absolute;left:-8px;top:50%;width:4px;height:8px;border-radius:0 4px 4px 0;background:#fff;transform:translateY(-50%)}
.cx-chan.muted{opacity:.45}
.cx-chan .cx-badge{margin-right:6px}
.cx-chan-tools{display:none;gap:2px;padding-right:6px}
.cx-chan:hover .cx-chan-tools,.cx-chan.active .cx-chan-tools{display:flex}
.cx-chan-tools button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:none;color:var(--on-glass-2);padding:0}
.cx-chan-tools .cx-i{width:15px;height:15px}.cx-chan-tools button:hover{color:#fff}
.cx-limit{margin-left:auto;padding:1px 6px;border-radius:8px;background:rgba(255,255,255,.14);font-size:11px;font-variant-numeric:tabular-nums}
.cx-vmembers{display:flex;flex-direction:column;gap:1px;padding:2px 0 6px 28px}
.cx-vmember{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 6px;border:0;border-radius:8px;background:none;color:var(--on-glass-2);text-align:left;font-size:13px}
.cx-vmember span[data-no-i18n]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-vmember:hover{background:rgba(255,255,255,.08);color:#fff}
.cx-vmember .cx-av{transition:box-shadow .12s}
.cx-vmember.speaking .cx-av,.cx-tile.speaking,.cx-av.speaking{box-shadow:0 0 0 2px var(--cx-green),0 0 12px rgba(61,220,132,.55)}
.cx-vstate{width:15px!important;height:15px!important;opacity:.8}.cx-vstate.red,.cx-i.red{color:var(--cx-red);opacity:1}
.cx-live{padding:1px 5px;border-radius:5px;background:var(--cx-red);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}
.cx-drop-before{box-shadow:inset 0 2px 0 var(--cx-green)}
.cx-drop-into{background:rgba(61,220,132,.08);border-radius:10px}
.cx-chan.dragging{opacity:.4}
.cx-dm-link{display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:0 10px;border:0;border-radius:10px;background:none;color:var(--on-glass-2);font-weight:600}
.cx-dm-link:hover{background:rgba(255,255,255,.09);color:#fff}.cx-dm-link.active{background:rgba(255,255,255,.2);color:#fff}
.cx-dm{position:relative;display:flex;align-items:center;border-radius:10px;color:var(--on-glass-2)}
.cx-dm:hover{background:rgba(255,255,255,.09);color:#fff}.cx-dm.active{background:rgba(255,255,255,.2);color:#fff}.cx-dm.unread{color:#fff}
.cx-dm-main{flex:1;display:flex;align-items:center;gap:10px;min-width:0;padding:6px 8px;border:0;background:none;text-align:left;color:inherit}
.cx-dm-text{display:flex;flex-direction:column;min-width:0;flex:1}
.cx-dm-text>span{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-dm-text small{font-size:12px;color:var(--on-glass-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-dm-close{display:none;place-items:center;width:24px;height:24px;margin-right:6px;border:0;border-radius:6px;background:none;color:var(--on-glass-3);padding:0}
.cx-dm:hover .cx-dm-close{display:grid}.cx-dm-close .cx-i{width:14px;height:14px}

/* ses çubuğu ve kullanıcı çubuğu */
.cx-voicebar{padding:8px 10px;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(61,220,132,.1),transparent)}
.cx-voicebar-top{display:flex;align-items:center;gap:8px}
.cx-signal .cx-i{width:18px;height:18px}.cx-signal.good{color:var(--cx-green)}.cx-signal.ok{color:var(--cx-yellow)}.cx-signal.bad{color:var(--cx-red)}
.cx-voicebar-text{flex:1;display:flex;flex-direction:column;min-width:0;border:0;background:none;padding:0;text-align:left}
.cx-voicebar-text b{font-size:13px;color:var(--cx-green)}
.cx-voicebar-text small{font-size:12px;color:var(--on-glass-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-voicebar-text:hover small{text-decoration:underline}
.cx-voicebar-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.cx-vb-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);font-size:12.5px}
.cx-vb-btn:hover{background:rgba(255,255,255,.16)}.cx-vb-btn.on{background:rgba(255,255,255,.9);color:#23242c}
.cx-vb-btn .cx-i{width:16px;height:16px}
.cx-userbar{display:flex;align-items:center;gap:2px;padding:8px;border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.cx-me{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:3px 4px;border:0;border-radius:10px;background:none;text-align:left}
.cx-me:hover{background:rgba(255,255,255,.1)}
.cx-me-text{display:flex;flex-direction:column;min-width:0}
.cx-me-text>span{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-me-text small{font-size:11.5px;color:var(--on-glass-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-icon-btn{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:none;color:var(--on-glass-2)}
.cx-icon-btn:hover{background:rgba(255,255,255,.12);color:#fff}
.cx-icon-btn.on{color:#fff;background:rgba(255,255,255,.16)}
.cx-icon-btn.red{color:var(--cx-red)}
.cx-icon-btn .cx-i{width:19px;height:19px}

/* avatarlar ve durum noktaları */
.cx-av{position:relative;display:inline-grid;place-items:center;flex:none!important;width:40px;height:40px;border-radius:50%;background:linear-gradient(140deg,color-mix(in srgb,var(--av,#4f7dff) 80%,#fff 10%),color-mix(in srgb,var(--av,#4f7dff) 70%,#000 20%));border:1px solid rgba(255,255,255,.35);font-size:14px;font-weight:700;letter-spacing:.02em;color:#fff;user-select:none}
.cx-av.xxs{width:16px;height:16px;font-size:7px;border:0}.cx-av.xs{width:24px;height:24px;font-size:9.5px}.cx-av.sm{width:32px;height:32px;font-size:12px}.cx-av.md{width:40px;height:40px}
.cx-av.lg{width:56px;height:56px;font-size:18px}.cx-av.xl{width:80px;height:80px;font-size:26px}.cx-av.xxl{width:84px;height:84px;font-size:28px}.cx-av.srv{width:48px;height:48px}
.cx-av.bot{background:#fff;color:#e0567a}.cx-av.bot svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:1.8}
.cx-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2.5px rgba(255,255,255,.85);background:#8a8f8c}
.cx-av.xs .cx-dot{width:9px;height:9px}.cx-av.xl .cx-dot{width:20px;height:20px;right:2px;bottom:2px}
.cx-dot.online{background:var(--cx-green,#3ddc84)}.cx-dot.idle{background:var(--cx-yellow,#f5c542)}.cx-dot.dnd{background:var(--cx-red,#ff5f6d)}.cx-dot.offline,.cx-dot.invisible{background:#8a8f8c}
.cx-profile-status .cx-dot,.cx-status-item .cx-dot{position:static;display:inline-block;box-shadow:none;vertical-align:middle}
.cx-dot.big{width:12px;height:12px}

/* ---------- ana alan ---------- */
.cx-main{display:flex;flex-direction:column;min-width:0;min-height:0;border-radius:var(--cx-r);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);overflow:hidden}
.cx-head{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 10px 0 14px;border-bottom:1px solid rgba(255,255,255,.12)}
.cx-head-left{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.cx-head-icon{opacity:.7}
.cx-head-title{flex:none;font-weight:700;font-size:15.5px;border:0;background:none;padding:0;white-space:nowrap}
.cx-head-topic{min-width:0;padding:0 0 0 12px;margin-left:4px;border:0;border-left:1px solid rgba(255,255,255,.25);background:none;color:var(--on-glass-3);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.cx-head-tools{display:flex;align-items:center;gap:2px}
.cx-back{display:none}
.cx-search-wrap{position:relative;display:flex;align-items:center;margin-left:6px}
.cx-search-wrap .cx-i{position:absolute;right:8px;width:15px;height:15px;opacity:.6;pointer-events:none}
.cx-search{width:150px;transition:width .2s}.cx-search:focus{width:220px}
.cx-slow{font-size:13px;opacity:.7;padding:0 6px}
.cx-tabs{display:flex;gap:4px;margin-left:12px;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}
.cx-tabs button{height:28px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--on-glass-2);font-weight:600;font-size:13px}
.cx-tabs button:hover{background:rgba(255,255,255,.1);color:#fff}.cx-tabs button.on{background:rgba(255,255,255,.2);color:#fff}
.cx-input{width:100%;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font:inherit;outline:0}
textarea.cx-input{height:auto;padding:10px 12px;resize:vertical}
select.cx-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px;background-repeat:no-repeat}
select.cx-input option{color:#222}
.cx-input::placeholder{color:rgba(255,255,255,.5)}
.cx-input:focus{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.14)}
.cx-input.slim{height:30px;border-radius:9px;font-size:13px;padding:0 10px}

.cx-chat-wrap{flex:1;display:flex;min-height:0}
.cx-chat{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}
.cx-chat.cx-dropping::after{content:"Dosyaları bırak";position:absolute;inset:10px;display:grid;place-items:center;border:2px dashed rgba(255,255,255,.7);border-radius:18px;background:rgba(79,125,255,.25);font-size:18px;font-weight:700;z-index:5;pointer-events:none}
html[lang="en"] .cx-chat.cx-dropping::after{content:"Drop files to upload"}
html[lang="zh-CN"] .cx-chat.cx-dropping::after{content:"拖放文件以上传"}
.cx-chat-body{position:relative;flex:1;min-height:0;display:flex}
.cx-scroll{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.cx-list{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:12px 0 18px}
.cx-loading,.cx-loading-old{display:grid;place-items:center;padding:24px}
.cx-welcome{padding:24px 18px 14px}
.cx-welcome h2{margin:12px 0 4px;font-size:28px}
.cx-welcome p{margin:0;color:var(--on-glass-2)}
.cx-welcome-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.16)}
.cx-welcome-icon .cx-i{width:38px;height:38px}
.cx-day{display:flex;align-items:center;margin:16px 18px 6px;color:var(--on-glass-3);font-size:12px;font-weight:600}
.cx-day::before,.cx-day::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.18)}
.cx-day span{padding:0 10px}
.cx-new-line{display:flex;align-items:center;margin:8px 18px 4px;color:var(--cx-red);font-size:11px;font-weight:800;text-transform:uppercase}
.cx-new-line::before{content:"";flex:1;height:1px;background:var(--cx-red)}
.cx-new-line span{padding:0 4px;border-radius:4px;background:var(--cx-red);color:#fff;margin-left:4px}

.cx-msg{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);padding:2px 48px 2px 14px;margin-top:0}
.cx-msg.head{margin-top:14px}
.cx-msg:hover{background:rgba(255,255,255,.05)}
.cx-msg.mention{background:rgba(245,197,66,.12);box-shadow:inset 3px 0 0 var(--cx-yellow)}
.cx-msg.mention:hover{background:rgba(245,197,66,.17)}
.cx-msg.pending{opacity:.55}.cx-msg.failed .cx-md{color:#ffb3b9}
.cx-msg.flash{animation:cxflash 1.8s ease}
@keyframes cxflash{0%,40%{background:rgba(245,197,66,.28)}100%{background:transparent}}
.cx-msg>.cx-reply-ref{grid-column:1/-1}
.cx-gutter{display:flex;justify-content:flex-start;padding-top:2px}
.cx-av-btn{border:0;background:none;padding:0;border-radius:50%;height:40px}
.cx-av-btn:active{transform:translateY(1px)}
.cx-hover-time{visibility:hidden;width:44px;font-size:10.5px;color:var(--on-glass-3);text-align:right;padding-top:3px;padding-right:6px}
.cx-msg:hover .cx-hover-time{visibility:visible}
.cx-msg-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.cx-author{border:0;background:none;padding:0;font-weight:700;font-size:15px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.28)}
.cx-author:hover{text-decoration:underline}
.cx-msg-head time,.cx-sys time{font-size:11.5px;color:var(--on-glass-3)}
.cx-tag{padding:0 5px;border-radius:4px;background:var(--cx-accent);font-size:10px;font-weight:800;line-height:16px}
.cx-msg-body{min-width:0}
.cx-md{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;color:rgba(255,255,255,.94);font-size:15px;line-height:1.42}
.cx-md.jumbo{font-size:44px;line-height:1.15}
.cx-md a{color:#9fc2ff;text-decoration:none}.cx-md a:hover{text-decoration:underline}
.cx-code{padding:1px 5px;border-radius:5px;background:rgba(0,0,0,.25);font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.cx-pre{margin:6px 0;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);overflow-x:auto;white-space:pre;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;max-width:100%}
.cx-quote{margin:4px 0;padding:0 0 0 12px;border-left:4px solid rgba(255,255,255,.4)}
.cx-h{margin:8px 0 2px;font-weight:800;line-height:1.25}h3.cx-h{font-size:22px}h4.cx-h{font-size:19px}h5.cx-h{font-size:16px}
.cx-sub{font-size:12px;color:var(--on-glass-3)}
.cx-ul{margin:2px 0;padding-left:22px}
.cx-spoiler{border-radius:4px;background:rgba(0,0,0,.6);color:transparent;cursor:pointer;transition:color .2s}
.cx-spoiler *{visibility:hidden}.cx-spoiler.open{background:rgba(255,255,255,.12);color:inherit}.cx-spoiler.open *{visibility:visible}
.cx-mention{padding:0 3px;border-radius:4px;background:rgba(79,125,255,.35);color:#dce6ff;font-weight:600;cursor:pointer}
.cx-mention:hover{background:var(--cx-accent);color:#fff}
.cx-mention.me{background:rgba(245,197,66,.35);color:#fff3cf}
.cx-mention.role{background:color-mix(in srgb,var(--rc,#4f7dff) 35%,transparent);color:#fff}
.cx-edited{font-size:11px;color:var(--on-glass-3)}
.cx-reply-ref{display:flex;align-items:center;gap:6px;min-width:0;margin:4px 0 2px 34px;padding:0;border:0;background:none;color:var(--on-glass-2);font-size:13px;text-align:left;position:relative}
.cx-reply-ref::before{content:"";position:absolute;left:-30px;top:9px;width:26px;height:12px;border:2px solid rgba(255,255,255,.3);border-right:0;border-bottom:0;border-top-left-radius:6px}
.cx-reply-ref b{flex:none;font-weight:600}.cx-reply-ref span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-reply-ref:hover span{color:#fff}
.cx-msg.system{padding-top:4px;padding-bottom:4px}
.cx-sys-icon{width:16px!important;height:16px!important;margin:4px 0 0 14px;color:var(--on-glass-3)}
.cx-msg.system.missed .cx-sys-icon{color:var(--cx-red)}
.cx-sys{margin:0;color:var(--on-glass-2);font-size:14px}
.cx-sys .cx-author{font-size:14px}
.cx-sys time{margin-left:8px}
.cx-link{border:0;background:none;padding:0;color:#9fc2ff;font-size:inherit}.cx-link:hover{text-decoration:underline}.cx-link.danger{color:var(--cx-red)}
.cx-failed{display:flex;gap:10px;font-size:12.5px;color:#ffb3b9}
.cx-failed button{border:0;background:none;padding:0;color:#fff;text-decoration:underline;font-size:12.5px}
.cx-tools{position:absolute;right:16px;top:-16px;display:none;align-items:center;gap:1px;padding:2px;border-radius:10px;background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:2}
.cx-msg:hover .cx-tools,.cx-tools:focus-within{display:flex}
.cx-tools button{display:grid;place-items:center;width:32px;height:30px;border:0;border-radius:8px;background:none;color:var(--on-glass-2);padding:0}
.cx-tools button:hover{background:rgba(255,255,255,.14);color:#fff}
.cx-tools .cx-i{width:18px;height:18px}.cx-quick{font-size:17px}
.cx-msg.editing .cx-tools{display:none}
.cx-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.cx-react{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.08);font-size:14px}
.cx-react b{font-size:12.5px;font-weight:700;color:var(--on-glass-2)}
.cx-react:hover{border-color:rgba(255,255,255,.4)}
.cx-react.me{background:rgba(79,125,255,.3);border-color:rgba(140,170,255,.8)}.cx-react.me b{color:#fff}
.cx-react.add{opacity:0;color:var(--on-glass-2)}.cx-msg:hover .cx-react.add{opacity:1}.cx-react.add .cx-i{width:16px;height:16px}
.cx-edit{margin:4px 0}
.cx-edit-box{position:relative;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}
.cx-edit textarea{display:block;width:100%;min-height:40px;max-height:300px;padding:10px 12px;border:0;background:none;color:#fff;font-family:inherit;font-size:15px;line-height:1.4;resize:none;outline:0!important}
.cx-edit small{font-size:12px;color:var(--on-glass-3)}
.cx-files{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-width:min(520px,100%)}
.cx-files.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cx-img{display:block;max-width:100%;max-height:340px;padding:0;border:0;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.06)}
.cx-files.grid .cx-img{width:100%!important;aspect-ratio:1!important}
.cx-img img{display:block;width:100%;height:100%;object-fit:cover}
.cx-video{max-width:100%;max-height:360px;border-radius:12px;background:#000}
.cx-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);max-width:420px}
.cx-file>.cx-i{width:30px;height:30px;opacity:.8}
.cx-file>div{flex:1;display:flex;flex-direction:column;min-width:0}
.cx-file a{color:#9fc2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.cx-file a:hover{text-decoration:underline}
.cx-file small{font-size:12px;color:var(--on-glass-3)}
.cx-file audio{width:100%;margin-top:6px;height:36px}
.cx-vm{display:inline-flex;align-items:center;gap:10px;margin-top:4px;padding:6px 12px 6px 6px;border-radius:24px;background:linear-gradient(135deg,rgba(79,125,255,.45),rgba(224,86,122,.35));border:1px solid rgba(255,255,255,.3);max-width:100%}
.cx-vm-play{color:#2a2b33!important;display:grid;place-items:center;flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#2a2b33}
.cx-vm-play .cx-i{width:16px;height:16px}.cx-vm-play svg{fill:currentColor}
.cx-wave{display:flex;align-items:center;gap:2px;width:200px;height:30px;cursor:pointer}
.cx-wave i{flex:1;min-width:2px;border-radius:2px;background:rgba(255,255,255,.45)}
.cx-wave i.on{background:#fff}
.cx-vm-time{font-size:12.5px;font-variant-numeric:tabular-nums;min-width:34px}
.cx-vm-speed{height:24px;padding:0 7px;border:0;border-radius:12px;background:rgba(255,255,255,.2);font-size:11.5px;font-weight:700}
.cx-jump{position:absolute;left:16px;right:16px;bottom:8px;display:flex;align-items:center;gap:10px;height:34px;padding:0 14px;border:0;border-radius:12px;background:rgba(79,125,255,.85);color:#fff;font-size:13px;z-index:3;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.cx-jump span{flex:1;text-align:left}.cx-jump[hidden]{display:none}

/* yazma kutusu */
.cx-composer-wrap{position:relative;padding:0 16px}
.cx-replybar{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:14px 14px 0 0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-bottom:0;font-size:13px;color:var(--on-glass-2)}
.cx-replybar span:first-child{flex:1}.cx-replybar b,.cx-replybar span[data-no-i18n]{color:#fff;font-weight:700}
.cx-replybar[hidden]{display:none}
.cx-ping{height:24px;padding:0 8px;border:0;border-radius:8px;background:none;font-size:12px;font-weight:800;color:var(--on-glass-3)}.cx-ping.on{color:#9fc2ff}
.cx-replybar:not([hidden])+.cx-pending+.cx-composer,.cx-replybar:not([hidden])+.cx-pending:not(:empty){border-top-left-radius:0;border-top-right-radius:0}
.cx-pending{display:flex;gap:8px;overflow-x:auto}
.cx-pending:not(:empty){padding:10px;border-radius:14px 14px 0 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-bottom:0}
.cx-pending:not(:empty)+.cx-composer{border-top-left-radius:0;border-top-right-radius:0}
.cx-pfile{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;width:150px;padding:8px;border-radius:12px;background:rgba(255,255,255,.1);overflow:hidden}
.cx-pfile img{width:100%;height:84px;object-fit:cover;border-radius:8px}
.cx-pfile>.cx-i{width:40px;height:40px;margin:22px 0}
.cx-pfile span{width:100%;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-pfile small{font-size:11px;color:var(--on-glass-3)}
.cx-pfile.error small{color:var(--cx-red)}
.cx-pbar{position:absolute;left:0;bottom:0;height:3px;background:var(--cx-green);transition:width .2s}
.cx-pfile.done .cx-pbar{opacity:0}
.cx-pfile .cx-icon-btn{position:absolute;top:4px;right:4px;width:26px;height:26px;background:rgba(0,0,0,.35)}
.cx-composer{position:relative;display:flex;align-items:flex-end;gap:4px;min-height:48px;padding:6px 8px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.cx-composer:focus-within{border-color:rgba(255,255,255,.4)}
.cx-composer textarea{flex:1;min-height:36px;max-height:300px;padding:8px 4px;border:0;background:none;color:#fff;font-family:inherit;font-size:15px;line-height:1.35;resize:none;outline:0!important}
.cx-composer textarea::placeholder{color:rgba(255,255,255,.5)}
.cx-composer .cx-icon-btn{width:36px;height:36px}
.cx-composer .cx-i{width:22px;height:22px}
.cx-send.on,.cx-composer:focus-within .cx-send{color:#fff}
.cx-composer.readonly{align-items:center;gap:10px;padding:0 14px;color:var(--on-glass-2);font-size:14px}
.cx-composer.recording>:not(.cx-recbar){visibility:hidden}
.cx-recbar{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:14px;background:rgba(255,95,109,.18)}
.cx-recbar.preview{background:rgba(79,125,255,.18)}
.cx-recbar .cx-vm{flex:1;margin:0;background:none;border:0;padding:0}
.cx-recbar .cx-wave{flex:1;width:auto}
.cx-rec-dot{width:10px;height:10px;border-radius:50%;background:var(--cx-red);animation:cxblink 1s infinite}
@keyframes cxblink{50%{opacity:.25}}
.cx-rec-time{font-variant-numeric:tabular-nums;font-weight:700;min-width:40px}
.cx-rec-wave{flex:1;display:flex;align-items:center;gap:2px;height:28px;overflow:hidden;justify-content:flex-end}
.cx-rec-wave i{width:3px;flex:none;border-radius:2px;background:#fff}
.cx-typing{display:flex;align-items:center;gap:6px;height:24px;padding:0 18px;font-size:12.5px;color:var(--on-glass-2)}
.cx-typing span[data-no-i18n]{font-weight:500}
.cx-dots{display:inline-flex;gap:3px}.cx-dots i{width:5px;height:5px;border-radius:50%;background:#fff;animation:cxdot 1.2s infinite}
.cx-dots i:nth-child(2){animation-delay:.15s}.cx-dots i:nth-child(3){animation-delay:.3s}
@keyframes cxdot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.cx-suggest{position:absolute;left:16px;right:16px;bottom:calc(100% + 6px);max-height:320px;overflow-y:auto;padding:6px;border-radius:14px;background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:0 18px 40px rgba(0,0,0,.3);z-index:20}
.cx-edit .cx-suggest{left:0;right:0}
.cx-suggest h6{margin:4px 8px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--on-glass-3)}
.cx-suggest button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:9px;background:none;text-align:left}
.cx-suggest button.on{background:rgba(255,255,255,.18)}
.cx-suggest small{margin-left:auto;color:var(--on-glass-3);font-size:12px}
.cx-sug-emoji{font-size:20px}
.cx-role-dot{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%}

/* sağ panel (sabitlenenler, arama) */
.cx-panel{display:flex;flex-direction:column;width:340px;min-height:0;border-left:1px solid rgba(255,255,255,.12)}
.cx-panel[hidden]{display:none}
.cx-panel header{display:flex;align-items:center;gap:8px;height:48px;padding:0 8px 0 14px;border-bottom:1px solid rgba(255,255,255,.12)}
.cx-panel header b{flex:1}
.cx-panel-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.cx-result{position:relative;padding:10px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.cx-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:12px;color:var(--on-glass-3)}
.cx-result-msg{display:flex;gap:10px}
.cx-result-msg>div{min-width:0;flex:1}
.cx-result-msg time{font-size:11px;color:var(--on-glass-3)}
.cx-result .cx-md{font-size:14px}
.cx-unpin{position:absolute;top:6px;right:40px;width:24px;height:24px}

/* ---------- kişiler ---------- */
.cx-home{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px}
.cx-home-search{position:relative;margin-bottom:10px}
.cx-home-search .cx-i{position:absolute;right:12px;top:9px;opacity:.6}
.cx-people{flex:1;overflow-y:auto}
.cx-mgroup{margin:16px 6px 6px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--on-glass-3)}
.cx-mgroup:first-child{margin-top:4px}
.cx-person{display:flex;align-items:center;gap:12px;padding:10px;border-top:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer}
.cx-person:hover{background:rgba(255,255,255,.08);border-top-color:transparent}
.cx-person-text{flex:1;display:flex;flex-direction:column;min-width:0}
.cx-person-text b{font-size:15px}.cx-person-text small{font-size:12.5px;color:var(--on-glass-3)}
.cx-person-tools{display:flex;gap:6px}
.cx-round{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.1);padding:0;color:#fff}
.cx-round:hover{background:rgba(255,255,255,.22)}
.cx-round .cx-i{width:19px;height:19px}
.cx-round.on{background:rgba(255,255,255,.92);color:#23242c}
.cx-round.red{background:var(--cx-red);border-color:transparent}
.cx-round.red:hover{background:#ff4252}
.cx-round.green{background:var(--cx-green);border-color:transparent}
.cx-round.wide{width:64px;border-radius:19px}

/* ---------- üye listesi ---------- */
.cx-members-scroll{flex:1;overflow-y:auto;padding:4px 8px 16px}
.cx-member{display:flex;align-items:center;gap:10px;width:100%;padding:5px 8px;border:0;border-radius:10px;background:none;text-align:left}
.cx-member:hover{background:rgba(255,255,255,.09)}
.cx-member.off{opacity:.45}.cx-member.off:hover{opacity:1}
.cx-member-text{display:flex;flex-direction:column;min-width:0}
.cx-member-name{text-shadow:0 1px 3px rgba(0,0,0,.25);display:flex;align-items:center;gap:4px;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-member-text small{font-size:12px;color:var(--on-glass-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-crown{width:14px!important;height:14px!important;color:var(--cx-yellow)}

/* ---------- ses sahnesi ---------- */
.cx-voice-wrap{flex:1;display:flex;min-height:0}
.cx-voice-chat{width:min(400px,42%);display:flex;flex-direction:column;min-height:0;border-left:1px solid rgba(255,255,255,.12)}
.cx-voice-chat .cx-chat-wrap{min-height:0}
.cx-stage{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(120% 100% at 50% 0%,rgba(255,255,255,.06),transparent 60%)}
.cx-stage.idle{align-items:center;justify-content:center}
.cx-join{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;text-align:center}
.cx-join h2{margin:6px 0 0;font-size:26px}.cx-join p{margin:0;color:var(--on-glass-2)}
.cx-join-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
.cx-join-icon .cx-i{width:40px;height:40px}
.cx-join-faces{display:flex;justify-content:center}.cx-join-faces .cx-av{margin-left:-8px;box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.cx-join-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
.cx-grid{flex:1;display:grid;gap:10px;padding:14px;min-height:0;align-content:center;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cx-grid.n1{grid-template-columns:minmax(0,900px);justify-content:center}
.cx-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cx-grid.focus{display:flex;flex-direction:column;align-content:stretch}
.cx-grid-main{flex:1;min-height:0;display:flex}
.cx-grid-main .cx-tile{flex:1;aspect-ratio:auto}
.cx-grid-strip{display:flex;gap:8px;overflow-x:auto;height:120px;flex:none}
.cx-grid-strip .cx-tile{width:200px;flex:none;aspect-ratio:auto}
.cx-tile{position:relative;display:grid;place-items:center;aspect-ratio:16/9;min-height:0;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);cursor:pointer;transition:box-shadow .15s}
.cx-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.cx-tile.screen video{object-fit:contain}
.cx-tile video.mirror,.cx-cam-preview video.mirror{transform:scaleX(-1)}
.cx-tile-av{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--av,#4f7dff) 45%,transparent),transparent 70%)}
.cx-tile.speaking{box-shadow:0 0 0 3px var(--cx-green),0 0 22px rgba(61,220,132,.45)}
.cx-tile-name{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 60px);padding:4px 10px;border-radius:10px;background:rgba(0,0,0,.45);font-size:13px;font-weight:600}
.cx-tile-name span[data-no-i18n]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-tile-name .cx-i{width:15px;height:15px}
.cx-tile-name small{font-weight:400;opacity:.75}
.cx-tile-wait{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--on-glass-2)}
.cx-tile-full{position:absolute;right:10px;bottom:10px;display:none;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:rgba(0,0,0,.45);padding:0}
.cx-tile:hover .cx-tile-full{display:grid}.cx-tile-full .cx-i{width:16px;height:16px}
.cx-tile:fullscreen{border-radius:0;border:0}
.cx-controls{display:flex;justify-content:center;gap:12px;padding:12px 0 18px}
.cx-controls .cx-round{width:52px;height:52px}.cx-controls .cx-round.wide{width:80px;border-radius:26px}
.cx-controls .cx-i{width:22px;height:22px}
.cx-callstrip{display:flex;flex-direction:column;min-height:240px;max-height:56%;border-bottom:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.05))}
.cx-callstrip .cx-grid{grid-template-columns:repeat(auto-fit,minmax(200px,320px));justify-content:center}
.cx-callstrip.waiting{align-items:center;justify-content:center;gap:8px;min-height:180px;padding:18px}
.cx-callstrip.waiting p{margin:0;color:var(--on-glass-2)}
.cx-calling{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px}
.cx-calling span{color:var(--on-glass-2)}
.cx-calling-av{border-radius:50%;animation:cxring 1.6s ease-out infinite}
@keyframes cxring{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}100%{box-shadow:0 0 0 22px rgba(255,255,255,0)}}

/* ---------- düğmeler ---------- */
.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.12);color:#fff;font-weight:600;font-size:14px;white-space:nowrap}
.cx-btn:hover{background:rgba(255,255,255,.22)}
.cx-btn.primary{background:rgba(255,255,255,.92);color:#23242c;border-color:transparent}
.cx-btn.primary:hover{background:#fff}
.cx-btn.danger{background:var(--cx-red,#ff5f6d);border-color:transparent;color:#fff}
.cx-btn.danger:hover{background:#ff4252}
.cx-btn.big{height:46px;padding:0 22px;font-size:15px;border-radius:14px}
.cx-btn.small{height:32px;padding:0 12px;font-size:13px}
.cx-btn:disabled{opacity:.5;cursor:default}
.cx-btn .cx-i{width:18px;height:18px}

/* ---------- boş durumlar ---------- */
.cx-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px;text-align:center;color:var(--on-glass-2)}
.cx-empty strong{font-size:17px;color:#fff}.cx-empty p{margin:0;max-width:360px}
.cx-empty.small{padding:20px;flex:none}

/* ---------- katman: menü, açılır kart, pencere ---------- */
.cx-layer{position:fixed;inset:0;z-index:60;pointer-events:none;color:#fff;font:14px/1.45 Inter,InterSP,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
.cx-layer>*{pointer-events:auto}
.cx-layer svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cx-menu,.cx-pop{position:fixed;z-index:70;min-width:200px;max-width:320px;max-height:min(70vh,560px);overflow-y:auto;padding:6px;border-radius:14px;background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:0 22px 50px rgba(0,0,0,.35);animation:cxpop .12s ease-out}
@keyframes cxpop{from{opacity:0;transform:scale(.97)}}
.cx-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 10px;border:0;border-radius:9px;background:none;text-align:left;font-size:13.5px}
.cx-menu button:hover,.cx-menu button:focus-visible{background:rgba(255,255,255,.16);outline:0}
.cx-menu button.danger{color:#ff9aa3}.cx-menu button.danger:hover{background:var(--cx-red,#ff5f6d);color:#fff}
.cx-menu button:disabled{opacity:.4;cursor:default}
.cx-menu-label{flex:1}.cx-menu button small{color:var(--on-glass-3)}
.cx-menu .cx-i{width:17px;height:17px;opacity:.8}
.cx-menu hr{margin:5px 6px;border:0;border-top:1px solid rgba(255,255,255,.18)}
.cx-menu-check{opacity:1!important}
.cx-menu-emoji{display:flex;gap:2px;padding:2px 2px 6px}
.cx-menu-emoji button{justify-content:center;width:36px;min-height:36px;padding:0;font-size:20px}
.cx-menu-slider{padding:6px 10px 8px}.cx-menu-slider span{display:block;font-size:12px;color:var(--on-glass-3);margin-bottom:4px}
.cx-menu-slider input{width:100%}
.cx-status-item{display:flex!important;align-items:center;gap:12px}
.cx-status-item span{display:flex;flex-direction:column}.cx-status-item small{font-size:11.5px;color:var(--on-glass-3)}
.cx-status-item.checked{background:rgba(255,255,255,.1)}
.cx-pop.profile{width:320px;max-width:calc(100vw - 16px);padding:0;overflow:hidden}
.cx-pop.emoji{width:360px;max-width:calc(100vw - 16px);padding:8px}
.cx-profile-banner{height:72px;background:linear-gradient(135deg,var(--av,#4f7dff),color-mix(in srgb,var(--av,#4f7dff) 40%,#e0567a 60%))}
.cx-profile-av{margin:-42px 0 0 16px}.cx-profile-av .cx-av{box-shadow:0 0 0 4px rgba(255,255,255,.55)}
.cx-profile-body{padding:8px 16px 16px}
.cx-profile-body h3{margin:4px 0 0;font-size:20px}
.cx-profile-body p{margin:4px 0}
.cx-profile-custom{font-size:13.5px}
.cx-profile-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--on-glass-2)}
.cx-profile-about,.cx-profile-roles{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}
.cx-profile-about h5,.cx-profile-roles h5{margin:0 0 6px;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-glass-3)}
.cx-profile-actions{display:flex;gap:8px;margin-top:14px}
.cx-profile-actions .cx-btn.primary{flex:1}
.cx-role-chips{display:flex;flex-wrap:wrap;gap:4px}
.cx-role-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.08);font-size:12px}
.cx-role-chip i{width:10px;height:10px;border-radius:50%;background:var(--rc)}
.cx-role-chip.add{padding:0 4px}.cx-role-chip.add .cx-i{width:14px;height:14px}
.cx-emoji{display:flex;flex-direction:column;gap:6px}
.cx-emoji-tabs{display:flex;gap:2px}
.cx-emoji-tabs button{flex:1;height:30px;border:0;border-radius:8px;background:none;font-size:17px}
.cx-emoji-tabs button:hover{background:rgba(255,255,255,.14)}
.cx-emoji-grid{height:280px;overflow-y:auto}
.cx-emoji-grid h6{margin:0;padding:8px 4px 4px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-glass-2)}
.cx-emoji-set{display:grid;grid-template-columns:repeat(8,1fr)}
.cx-emoji-set button{height:38px;border:0;border-radius:8px;background:none;font-size:22px;padding:0}
.cx-emoji-set button:hover{background:rgba(255,255,255,.16)}

.cx-modal-wrap{position:fixed;inset:0;z-index:65;display:grid;place-items:center;padding:20px;background:rgba(18,20,19,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .18s}
.cx-modal-wrap.show{opacity:1}
.cx-modal{display:flex;flex-direction:column;width:min(480px,100%);max-height:calc(100dvh - 40px);border-radius:26px;background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:0 40px 90px rgba(10,14,12,.4),inset 0 1px 0 rgba(255,255,255,.4);transform:scale(.97);transition:transform .18s}
.cx-modal-wrap.show .cx-modal{transform:none}
.cx-modal.narrow{width:min(460px,100%)}
.cx-modal.settings{width:min(1000px,100%);height:min(720px,calc(100dvh - 40px))}
.cx-modal-head{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 8px 22px}
.cx-modal-head>div{flex:1}
.cx-modal-head h3{margin:0;font-size:20px}
.cx-modal-head p{margin:4px 0 0;color:var(--on-glass-2);font-size:13.5px}
.cx-modal-body{flex:1;min-height:0;overflow-y:auto;padding:8px 22px 18px}
.cx-modal.settings .cx-modal-body{padding:0;overflow:hidden;display:flex}
.cx-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 18px;border-top:1px solid rgba(255,255,255,.14)}
.cx-confirm-text{margin:0;color:var(--on-glass-2)}
.cx-field{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.cx-field>span{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--on-glass-2)}
.cx-field>small{font-size:12px;color:var(--on-glass-3)}
.cx-field[hidden]{display:none}
.cx-row{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap}
.cx-row.two>*{flex:1;min-width:200px}
.cx-row.end{justify-content:flex-end}
.cx-row.sticky{position:sticky;bottom:0;padding:12px 0 2px;margin-bottom:0;background:linear-gradient(transparent,rgba(92,102,96,.9) 35%)}
.cx-toggle{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer}
.cx-toggle>span{flex:1;display:flex;flex-direction:column}
.cx-toggle>span small{font-size:12.5px;color:var(--on-glass-3)}
.cx-toggle input{position:absolute;opacity:0;pointer-events:none}
.cx-toggle>i{position:relative;flex:none;width:42px;height:24px;border-radius:12px;background:rgba(255,255,255,.22);transition:background .15s}
.cx-toggle>i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
.cx-toggle input:checked+i{background:var(--cx-green,#3ddc84)}
.cx-toggle input:checked+i::after{transform:translateX(18px)}
.cx-toggle input:focus-visible+i{outline:2px solid #fff;outline-offset:2px}
.cx-swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cx-swatches button{width:28px;height:28px;border-radius:8px;border:2px solid transparent;padding:0}
.cx-swatches button.on{border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.25)}
.cx-swatch-custom input{width:34px;height:30px;padding:0;border:0;background:none;cursor:pointer}
.cx-add-server section h4,.cx-invite section h4{margin:6px 0 2px}
.cx-add-server section p{margin:0}
.cx-or{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--on-glass-3);font-size:12px}
.cx-or::before,.cx-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.2)}
.cx-pick-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto;margin:8px 0}
.cx-pick-list[hidden]{display:none}
.cx-pick{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:4px 8px;border:0;border-radius:10px;background:none;text-align:left;cursor:pointer}
.cx-pick:hover{background:rgba(255,255,255,.1)}
.cx-pick>span:not(.cx-av){display:flex;flex-direction:column}.cx-pick small{font-size:12px;color:var(--on-glass-3)}
.cx-copy-row{display:flex;gap:8px;margin:8px 0}
.cx-invite-preview{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;text-align:center}
.cx-invite-preview h3{margin:8px 0 0}
.cx-srv-icon.big{width:80px;height:80px;border-radius:24px;font-size:24px}
.cx-type-pick{display:flex;flex-direction:column;gap:8px;margin:4px 0 8px}
.cx-type{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);cursor:pointer}
.cx-type:has(input:checked){background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}
.cx-type input{position:absolute;opacity:0}
.cx-type span{display:flex;flex-direction:column}.cx-type small{font-size:12.5px;color:var(--on-glass-3)}
.cx-type .cx-i{width:26px;height:26px}
.cx-settings{display:flex;width:100%;min-height:0}
.cx-settings-nav{display:flex;flex-direction:column;gap:2px;width:220px;flex:none;padding:6px 10px 20px 18px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.14)}
.cx-settings-nav h6{margin:14px 10px 4px;font-size:12px;font-weight:700;color:var(--on-glass-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-settings-nav button{height:34px;padding:0 10px;border:0;border-radius:9px;background:none;text-align:left;color:var(--on-glass-2);font-weight:500}
.cx-settings-nav button:hover{background:rgba(255,255,255,.1);color:#fff}
.cx-settings-nav button.on{background:rgba(255,255,255,.2);color:#fff}
.cx-settings-nav button.danger{color:#ff9aa3}
.cx-settings-nav hr{width:100%;border:0;border-top:1px solid rgba(255,255,255,.14);margin:8px 0}
.cx-settings-body{flex:1;min-width:0;overflow-y:auto;padding:6px 26px 24px}
.cx-settings-body h3{margin:10px 0 14px;font-size:19px}
.cx-settings-body h5{margin:20px 0 4px;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-glass-3)}
.cx-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(79,125,255,.2);font-size:13px}
.cx-ow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;margin-top:12px;min-height:300px}
.cx-ow-targets{display:flex;flex-direction:column;gap:2px}
.cx-ow-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 6px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--on-glass-3)}
.cx-ow-targets>button{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:0;border-radius:9px;background:none;text-align:left}
.cx-ow-targets>button:hover{background:rgba(255,255,255,.1)}.cx-ow-targets>button.on{background:rgba(255,255,255,.2)}
.cx-ow-title{display:flex;align-items:center;justify-content:space-between;padding:4px 0 6px;border-bottom:1px solid rgba(255,255,255,.14)}
.cx-ow-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cx-ow-row>span{flex:1;display:flex;flex-direction:column}.cx-ow-row small{font-size:12px;color:var(--on-glass-3)}
.cx-tri{display:flex;border:1px solid rgba(255,255,255,.22);border-radius:9px;overflow:hidden}
.cx-tri button{display:grid;place-items:center;width:34px;height:28px;border:0;background:none;padding:0;color:var(--on-glass-3)}
.cx-tri button+button{border-left:1px solid rgba(255,255,255,.18)}
.cx-tri .cx-i{width:16px;height:16px}
.cx-tri .deny.on{background:var(--cx-red);color:#fff}.cx-tri .inherit.on{background:rgba(255,255,255,.3);color:#fff}.cx-tri .allow.on{background:var(--cx-green);color:#fff}
.cx-overview{display:flex;gap:24px;flex-wrap:wrap}
.cx-overview-icon{display:flex;flex-direction:column;align-items:center;gap:8px}
.cx-overview-fields{flex:1;min-width:260px}
.cx-roles{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}
.cx-role-list{display:flex;flex-direction:column;gap:2px}
.cx-role-list>.cx-btn{margin-bottom:6px}
.cx-role-row{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px;border:0;border-radius:9px;background:none;text-align:left}
.cx-role-row span[data-no-i18n]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-role-row small{font-size:11.5px;color:var(--on-glass-3)}
.cx-role-row:hover{background:rgba(255,255,255,.1)}.cx-role-row.on{background:rgba(255,255,255,.2)}
.cx-grip{width:14px!important;height:14px!important;opacity:.5;cursor:grab}
.cx-role-edit h4{margin:6px 0 4px;font-size:16px}
.cx-member-table{display:flex;flex-direction:column}
.cx-mt-row{display:grid;grid-template-columns:32px minmax(140px,1.4fr) minmax(0,2fr) 36px;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.1)}
.cx-mt-row.head{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--on-glass-3)}
.cx-member-table .cx-mt-row:has(code){grid-template-columns:24px minmax(0,1.6fr) 60px 120px 32px 32px}
.cx-mt-name{display:flex;flex-direction:column;min-width:0}
.cx-mt-name>span{font-weight:600;display:inline-flex;align-items:center;gap:4px}
.cx-mt-name small,.cx-mt-name code{font-size:12px;color:var(--on-glass-3)}
.cx-profile-edit{display:flex;align-items:center;gap:16px;margin-bottom:8px}
.cx-meter{flex:1;height:10px;min-width:160px;border-radius:5px;background:rgba(255,255,255,.15);overflow:hidden}
.cx-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cx-green,#3ddc84),var(--cx-yellow,#f5c542) 70%,var(--cx-red,#ff5f6d));transition:width .06s}
.cx-cam-preview{display:grid;place-items:center;width:320px;max-width:100%;aspect-ratio:16/9;border-radius:14px;border:1px dashed rgba(255,255,255,.3);overflow:hidden;color:var(--on-glass-3);font-size:13px}
.cx-cam-preview video{width:100%;height:100%;object-fit:cover}
.cx-keys{display:flex;flex-direction:column}
.cx-keys>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.cx-keys kbd{padding:3px 8px;border-radius:7px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);font:12.5px ui-monospace,Menlo,monospace}
.cx-format{display:flex;flex-direction:column}
.cx-format>div{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.cx-format code{white-space:pre;font-size:12.5px;color:var(--on-glass-2)}
.cx-del-preview{padding:8px 0;border-radius:12px;background:rgba(255,255,255,.07);pointer-events:none}
.cx-del-preview .cx-tools{display:none!important}

/* gelen arama, bildirim baloncukları, büyük resim */
.cx-incoming{position:fixed;right:24px;top:24px;z-index:80;display:flex;flex-direction:column;align-items:center;gap:6px;width:250px;padding:22px 18px 18px;border-radius:26px;background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:0 30px 70px rgba(0,0,0,.4);animation:cxpop .2s ease-out}
.cx-incoming strong{font-size:18px;margin-top:6px}.cx-incoming>span{color:var(--on-glass-2);font-size:13.5px}
.cx-incoming-av{border-radius:50%;animation:cxring 1.4s ease-out infinite}
.cx-incoming-actions{display:flex;gap:16px;margin-top:12px}
.cx-incoming-actions .cx-round{width:52px;height:52px}
.cx-toasts{position:fixed;left:50%;bottom:28px;z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);pointer-events:none}
.cx-toast{max-width:min(520px,calc(100vw - 32px));padding:10px 16px;border-radius:14px;background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:0 12px 30px rgba(0,0,0,.3);font-size:13.5px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.cx-toast.show{opacity:1;transform:none}
.cx-toast.error{border-color:rgba(255,95,109,.7)}
.cx-lightbox{position:fixed;inset:0;z-index:85;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;background:rgba(18,20,19,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cx-lightbox img{max-width:100%;max-height:calc(100dvh - 120px);border-radius:10px;cursor:zoom-out}
.cx-lightbox-bar{display:flex;gap:18px;align-items:center;font-size:13px}
.cx-lightbox-bar a{color:#9fc2ff}
.cx-gesture{position:fixed;left:50%;top:20px;z-index:90;display:flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:14px;background:var(--cx-accent,#4f7dff);color:#fff;transform:translateX(-50%);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.cx-audio{display:none}

/* ---------- mobil ---------- */
@media(max-width:1200px){
  .cx-window[data-members="on"]{grid-template-columns:72px 236px minmax(0,1fr) 0}
  .cx-window[data-members="on"] .cx-members{display:none}
  .cx-panel{position:absolute;right:0;top:0;bottom:0;z-index:6;background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}
}
@media(max-width:900px){
  .cx-window{display:flex;margin:0;height:100dvh;border-radius:0;padding:6px;padding-top:max(6px,env(safe-area-inset-top));gap:6px}
  .cx-window[data-pane="list"] .cx-main,.cx-window[data-pane="chat"] .cx-servers,.cx-window[data-pane="chat"] .cx-side{display:none}
  .cx-window[data-pane="list"] .cx-side{flex:1}
  .cx-window .cx-members{display:none!important}
  .cx-main{flex:1}
  .cx-back{display:inline-grid}
  .cx-head-topic,.cx-search-wrap{display:none}
  .cx-msg{padding-right:12px}
  .cx-tools{right:8px}
  .cx-voice-chat{position:absolute;inset:52px 0 0;width:auto;z-index:4;background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}
  .cx-settings-nav{width:150px;padding-left:10px}
  .cx-ow,.cx-roles{grid-template-columns:1fr}
  .cx-incoming{left:50%;right:auto;transform:translateX(-50%)}
  .cx-wave{width:130px}
  .cx-grid{grid-template-columns:1fr!important}
  .cx-tabs{margin-left:4px;padding-left:4px}
}
@media(pointer:coarse){.cx-tools{display:none!important}}
/* the sign-in page's global "footer" rule (absolute, 8px monospace) must not reach dialog footers */
.cx-layer footer,.cx-window footer,.bd-window footer{position:static;left:auto;right:auto;bottom:auto;margin:0;font:inherit;letter-spacing:normal;color:inherit}