:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f7fa;--surface:#fff;--text:#233443;--muted:#71808d;--line:#e5ebef;--accent:#176c60;--soft:#eaf5f1;--danger:#bc384b;--sidebar:#f8fafb;--app-height:100dvh;font-synthesis:none;text-rendering:optimizelegibility;color:var(--tg-theme-text-color,var(--text));background:var(--tg-theme-bg-color,var(--page));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111b23;--surface:#172630;--sidebar:#13212a;--text:#edf3f7;--muted:#a2b1bc;--line:#2b3b46;--accent:#65ceb2;--soft:#213b37;--danger:#ff8795}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111b23;--surface:#172630;--sidebar:#13212a;--text:#edf3f7;--muted:#a2b1bc;--line:#2b3b46;--accent:#65ceb2;--soft:#213b37;--danger:#ff8795}*{box-sizing:border-box}body{min-width:300px;margin:0;overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:8px;padding:8px 10px}button:disabled{cursor:default;opacity:.45}button:hover:not(:disabled){background:var(--soft)}a{color:var(--tg-theme-link-color,var(--accent));text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{color:inherit;background:var(--tg-theme-secondary-bg-color,var(--page));border:1px solid var(--line);border-radius:10px}input{width:100%;padding:12px}textarea{resize:none}h1,h2,p{margin:0}.workspace{height:var(--app-height);background:var(--tg-theme-bg-color,var(--surface));grid-template-columns:320px minmax(0,1fr);max-width:1440px;margin:auto;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);min-height:0;padding-top:max(8px, env(safe-area-inset-top));flex-direction:column;display:flex}.sidebar-header{justify-content:space-between;align-items:center;padding:22px 20px 20px;display:flex}.brand{letter-spacing:-3px;color:var(--accent);align-items:center;font-size:27px;font-weight:900;display:flex}.brand>span{color:var(--muted)}.brand strong{letter-spacing:-.4px;color:var(--text);margin-left:14px;font-size:18px}.avatar{background:var(--soft);width:42px;height:42px;color:var(--accent);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex;position:relative}.avatar.small{border-radius:11px;width:34px;height:34px;font-size:12px}.status{border:2px solid var(--surface);background:#8c9da7;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.status.online{background:#29ad7e}.status.away{background:#e2a948}.status.dnd{background:#db626d}.main-nav{border-bottom:1px solid var(--line);gap:8px;margin:0 16px 16px;display:flex}.main-nav a{color:var(--muted);border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:14px;font-weight:600;display:flex}.main-nav a.active{color:var(--accent);border-color:var(--accent)}.main-nav a span{background:var(--soft);border-radius:5px;padding:2px 6px;font-size:11px}.sidebar-search{padding:0 18px 14px}.sidebar-search input{background:var(--surface);font-size:13px}.category-filters{flex-wrap:wrap;gap:3px;padding:0 14px 14px;display:flex}.category-filters button,.chip{color:var(--muted);border-radius:20px;padding:7px 9px;font-size:11px}.category-filters .selected,.chip.selected{color:var(--accent);background:var(--soft);font-weight:700}.channel-list{flex:1;padding:0 10px;overflow-y:auto}.channel-row{color:inherit;border-radius:12px;align-items:center;gap:12px;margin:2px 0;padding:13px 10px;display:flex}.channel-row:hover{background:var(--page)}.channel-row.active{background:var(--soft)}.channel-avatar{width:42px;height:42px;color:var(--muted);background:var(--page);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:23px;display:flex}.channel-avatar.group{color:#8d70b3}.channel-row-text{flex:1;min-width:0}.channel-row-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.channel-row-text small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.unread-count{background:var(--accent);color:var(--surface);text-align:center;border-radius:7px;min-width:22px;padding:4px 6px;font-size:11px;font-weight:700}.unread-count.mentioned{background:var(--danger)}.sidebar-footer{padding:18px 20px max(20px, env(safe-area-inset-bottom));color:var(--muted);border-top:1px solid var(--line);font-size:11px}.sidebar-footer small{margin:8px 0 0 14px;font-size:10px;display:block}.connection-dot{background:#df9f3d;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.connection-dot.online{background:#29ad7e}.main-panel{min-width:0;min-height:0}.conversation,.threads-page{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.conversation-header{padding:max(20px, env(safe-area-inset-top)) 24px 18px;border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex}.conversation-header>div{flex:1;min-width:0}.conversation-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:650;line-height:1.4;overflow:hidden}.conversation-header>div>span{color:var(--muted);font-size:11px}.channel-icon{color:var(--accent);font-size:26px}.back-link{padding:7px;font-size:22px}.message-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:20px 0;scroll-padding:20px;overflow-y:auto}.message{gap:12px;padding:12px 24px;scroll-margin-block:30px;display:flex}.message:hover{background:var(--page)}.message.highlighted{background:var(--soft);box-shadow:inset 3px 0 var(--accent)}.message-content{flex:1;min-width:0}.message-meta{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.message-meta strong{font-size:13px;font-weight:650}.message-meta time,.edited{color:var(--muted);font-size:10px}.own .message-meta strong{color:var(--accent)}.markdown{overflow-wrap:anywhere;margin-top:5px;font-size:14px;line-height:1.65}.markdown p{margin-bottom:7px}.markdown p:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3{margin:8px 0;font-size:1.2em}.markdown ul,.markdown ol{padding-left:24px}.markdown pre{background:var(--page);border:1px solid var(--line);border-radius:8px;padding:12px;overflow:auto}.markdown code{background:var(--page);border-radius:4px;padding:1px 4px;font-size:12px}.markdown pre code{padding:0}.markdown blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:8px 0;padding-left:14px}.markdown table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.markdown th,.markdown td{border:1px solid var(--line);padding:5px 10px}.mention{color:var(--accent);background:var(--soft);border-radius:3px}.message-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:7px;display:flex}.message-actions button,.message-actions a{color:var(--muted);border-radius:5px;padding:4px 6px;font-size:10px}.message-actions a{color:var(--accent)}.danger-text{color:var(--danger)!important}.day-divider{color:var(--muted);align-items:center;gap:18px;margin:20px 24px 12px;font-size:10px;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.unread-divider{text-align:center;border-top:1px solid var(--accent);color:var(--accent);margin:14px 24px 0;padding:8px 0;font-size:10px}.reactions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.reactions button{border:1px solid var(--line);padding:3px 8px;font-size:13px}.reactions button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.reactions span{font-size:10px}.emoji-picker{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;gap:2px;max-width:340px;margin-top:8px;padding:8px;display:flex}.emoji-picker button{padding:8px;font-size:21px}.delete-confirm{border:1px solid var(--danger);border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:8px;font-size:12px;display:flex}.attachments{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.attachment{text-align:left;border:1px solid var(--line);background:var(--page);border-radius:10px;gap:10px;max-width:100%;padding:10px;display:flex}.attachment>span:last-child{min-width:0}.attachment strong{overflow-wrap:anywhere;font-size:12px;display:block}.attachment small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.file-icon{background:var(--soft);color:var(--accent);border-radius:5px;flex:none;place-items:center;width:32px;height:36px;font-size:12px;display:grid}.thread-root{border:1px solid var(--line);background:var(--page);border-radius:12px;margin:0 18px 12px;padding-top:12px}.thread-root .message{padding:12px 16px}.section-label{color:var(--muted);padding:0 16px;font-size:10px;display:block}.composer{padding:4px 24px max(18px, env(safe-area-inset-bottom));position:relative}.composer-input{border:1px solid var(--line);background:var(--page);border-radius:12px;gap:10px;padding:10px;display:flex}.composer textarea{background:0 0;border:0;flex:1;width:100%;min-width:0;padding:2px 3px;font-size:14px;line-height:1.5}.composer textarea:focus-visible{outline:none}.composer-input:focus-within{border-color:var(--accent)}.send-button{background:var(--tg-theme-button-color,var(--accent));width:36px;height:36px;color:var(--tg-theme-button-text-color,var(--surface));border-radius:10px;align-self:flex-end;padding:0;font-size:23px}.send-button:hover:not(:disabled){background:var(--accent)}.composer-hint{color:var(--muted);padding:7px 3px 0;font-size:9px;display:block}.typing-indicator{height:20px;color:var(--muted);flex:none;padding-left:28px;font-size:10px}.mention-suggestions{border:1px solid var(--line);background:var(--surface);z-index:2;border-radius:12px;max-height:260px;position:absolute;bottom:calc(100% - 2px);left:24px;right:24px;overflow:auto;box-shadow:0 8px 24px #0001}.mention-suggestions button{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.mention-suggestions strong{font-size:12px}.mention-suggestions small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.load-more{color:var(--accent);margin:4px auto 18px;font-size:11px;display:block}.new-messages{background:var(--soft);color:var(--accent);border:1px solid var(--line);border-radius:18px;font-size:12px;position:absolute;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #0002}.threads-scroll{flex:1;padding:24px;overflow-y:auto}.thread-card{color:inherit;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:18px;display:block}.thread-card:hover{background:var(--page)}.thread-card-heading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.thread-card-heading strong{color:var(--accent);flex:1;font-size:12px}.thread-card-heading time{color:var(--muted);font-size:10px}.thread-preview{gap:12px;display:flex}.thread-preview>div{min-width:0}.thread-preview strong{font-size:12px}.thread-preview p{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:5px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.thread-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.thread-reply-excerpt{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;margin:0;font-size:11px;overflow:hidden}.thread-reply-excerpt p{margin:0}.thread-replies{border-left:2px solid var(--line);margin:16px 0 14px 17px;padding-left:26px}.thread-replies>div{gap:10px;padding:5px 0;font-size:11px;display:flex}.thread-replies strong{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:90px;overflow:hidden}.thread-replies span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;overflow:hidden}.thread-replies time{color:var(--muted);font-size:9px}.thread-count{color:var(--accent);font-size:10px}.error{background:color-mix(in srgb, var(--danger) 9%, var(--surface));color:var(--danger);overflow-wrap:anywhere;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.error span{flex:1}.error button{flex-shrink:0;font-size:11px}.notice{background:var(--soft);color:var(--muted);border-radius:8px;margin-bottom:16px;padding:12px;font-size:12px}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:36px;font-size:12px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty,.welcome{text-align:center;color:var(--muted);padding:70px 30px}.empty>span,.welcome-icon{color:var(--accent);margin-bottom:20px;font-size:44px;display:block}.empty h2{color:var(--text);margin-bottom:10px;font-size:17px}.empty p,.welcome p{font-size:13px;line-height:1.7}.welcome{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.welcome h1{color:var(--text);margin-bottom:12px;font-size:25px}.welcome p{max-width:300px}.welcome a{margin-top:30px;font-size:12px}.list-empty{color:var(--muted);text-align:center;padding:30px;font-size:12px}.auth-screen{height:var(--app-height);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.auth-screen h1{margin:20px 0 12px;font-size:26px}.auth-screen p{color:var(--muted);margin-bottom:24px;font-size:13px}.auth-logo{letter-spacing:-6px;color:var(--accent);font-size:52px;font-weight:900}.auth-logo span{color:var(--muted)}.auth-screen .error{border-radius:10px;max-width:420px}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));background:var(--text);max-width:calc(100% - 30px);color:var(--surface);z-index:10;border-radius:12px;padding:12px 20px;font-size:12px;position:fixed;transform:translate(-50%);box-shadow:0 4px 20px #0002}.file-dialog{border:1px solid var(--line);width:min(850px,100vw - 20px);max-height:calc(var(--app-height) - 30px);background:var(--surface);color:inherit;border-radius:16px;padding:0}.file-dialog::backdrop{background:#0009}.file-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.file-dialog header strong{overflow-wrap:anywhere;font-size:13px}.file-content{max-height:calc(var(--app-height) - 170px);text-align:center;padding:10px;overflow:auto}.file-content>img{max-width:100%;height:auto}.primary{background:var(--accent);color:var(--surface);margin:14px auto;font-size:12px;display:block}.pdf-controls{justify-content:center;align-items:center;gap:15px;margin-bottom:12px;font-size:12px;display:flex}.pdf-viewer canvas{background:#fff;max-width:100%}.deleted{color:var(--muted);font-size:12px;font-style:italic}@media (width<=700px){.workspace{grid-template-columns:1fr}.sidebar{border:0}.main-panel,.detail-open .sidebar{display:none}.detail-open .main-panel{display:block}.sidebar-header{padding:18px 20px}.channel-row{padding:15px 10px}.conversation-header{padding:max(14px, env(safe-area-inset-top)) 12px 12px;gap:8px}.conversation-header h1{font-size:16px}.message{gap:10px;padding:12px 14px}.composer{padding:4px 12px max(12px, env(safe-area-inset-bottom))}.composer-hint{font-size:8px}.typing-indicator{padding-left:16px}.mention-suggestions{left:12px;right:12px}.threads-scroll,.thread-card{padding:14px}.thread-card-heading time{font-size:9px}.threads-page .chip{padding:7px;font-size:10px}.thread-root{margin-inline:12px}.day-divider{margin-inline:14px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}