:root{--bg: #ffffff;--bg-subtle: #f7f7f9;--bg-hover: rgba(29, 28, 29, .05);--sidebar-bg: #f4f3f8;--sidebar-active: #4a3aff;--sidebar-active-text: #ffffff;--border: rgba(29, 28, 29, .12);--text: #1d1c1d;--text-muted: #616061;--accent: #4a3aff;--accent-soft: rgba(74, 58, 255, .1);--mention-bg: rgba(29, 155, 209, .12);--mention-text: #1264a3;--mention-self-bg: rgba(242, 199, 68, .35);--mention-self-text: #6b4e00;--code-bg: rgba(29, 28, 29, .05);--pinned-bg: rgba(242, 199, 68, .12);--online: #2bac76;--away: #e8a33d;--offline: #a0a0a2;--danger: #e01e5a;color-scheme:light}:root[data-theme=dark]{--bg: #1a1d21;--bg-subtle: #222529;--bg-hover: rgba(255, 255, 255, .05);--sidebar-bg: #141619;--sidebar-active: #5b4dff;--sidebar-active-text: #ffffff;--border: rgba(255, 255, 255, .1);--text: #d1d2d3;--text-muted: #9a9b9d;--accent: #7b6fff;--accent-soft: rgba(123, 111, 255, .18);--mention-bg: rgba(29, 155, 209, .2);--mention-text: #6cc4f5;--mention-self-bg: rgba(242, 199, 68, .25);--mention-self-text: #f2c744;--code-bg: rgba(255, 255, 255, .07);--pinned-bg: rgba(242, 199, 68, .08);color-scheme:dark}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}kbd{font-family:inherit;font-size:11px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.muted{color:var(--text-muted)}.clickable,.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--bg-hover)}.app-root{display:flex;flex-direction:column;height:100%}.app-body{flex:1;min-height:0}.env-banner{flex-shrink:0;padding:4px 12px;background:#f2c744;color:#3d2e00;font-size:12px;font-weight:600;text-align:center;-webkit-app-region:drag}.darwin .env-banner{padding-inline-start:80px}.app-drag-region{display:none;height:28px;flex-shrink:0;-webkit-app-region:drag}.darwin .app-drag-region{display:block}.auth-screen{display:grid;place-items:center;height:100%;padding:16px;box-sizing:border-box;-webkit-app-region:drag}.auth-card{width:100%;max-width:400px;-webkit-app-region:no-drag}.auth-brand,.auth-subtitle{text-align:center;margin-top:0!important}.auth-alert{margin-bottom:16px}.auth-forgot{margin-top:4px}.auth-email-link{margin-top:8px}.auth-joining{display:grid;place-items:center;padding:24px 0}.auth-hint{margin:12px 0 0;text-align:center;font-size:12px;opacity:.7}.workspace{display:flex;height:100%;overflow:hidden}.workspace-main{flex:1;min-width:0;display:flex}.workspace-loading{flex:1;display:grid;place-items:center}.sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--sidebar-bg);border-inline-end:1px solid var(--border)}.workspace-button{display:flex;align-items:center;gap:8px;margin:10px 10px 6px;padding:6px 8px;border:0;background:none;border-radius:6px;cursor:pointer;text-align:start}.workspace-button:hover{background:var(--bg-hover)}.workspace-name{font-size:17px;font-weight:700}.sidebar-search{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-muted);cursor:pointer}.sidebar-search span{flex:1;text-align:start;white-space:nowrap}.sidebar-notice{margin:0 12px 8px;padding:6px 10px;border:0;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;text-align:start;cursor:pointer}.sidebar-scroll{flex:1;overflow-y:auto;padding-bottom:12px}.sidebar-section{margin-top:12px}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 10px 2px 20px;font-size:13px}.sidebar-row{display:flex;align-items:center;gap:8px;width:calc(100% - 16px);margin:0 8px;padding:4px 12px;border:0;border-radius:6px;background:none;color:var(--text-muted);text-align:start;cursor:pointer;font-size:14px}.sidebar-row:hover{background:var(--bg-hover)}.sidebar-row-unread{color:var(--text);font-weight:700}.sidebar-row-active,.sidebar-row-active:hover{background:var(--sidebar-active);color:var(--sidebar-active-text)}.sidebar-row-active .muted{color:inherit;opacity:.8}.sidebar-row-icon{display:inline-flex;width:16px;justify-content:center;opacity:.85}.sidebar-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-badge{min-width:20px;padding:0 6px;border-radius:9px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;text-align:center}.sidebar-me{display:flex;align-items:center;gap:10px;padding:10px 14px;border:0;border-top:1px solid var(--border);background:none;cursor:pointer;text-align:start}.sidebar-me:hover{background:var(--bg-hover)}.sidebar-me-text{display:flex;flex-direction:column;min-width:0}.sidebar-me-status{font-size:12px}.sidebar-build{padding:0 14px 6px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;-webkit-user-select:text;user-select:text}.presence-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0;box-sizing:border-box}.presence-dot-online{background:var(--online)}.presence-dot-away{border:2px solid var(--away)}.presence-dot-offline{border:2px solid var(--offline)}.presence-online .ant-badge-dot{background:var(--online)}.presence-away .ant-badge-dot{background:var(--away)}.presence-offline .ant-badge-dot{background:var(--offline)}.channel-layout{flex:1;display:flex;min-width:0}.channel-view{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.channel-header{flex-shrink:0;border-bottom:1px solid var(--border)}.channel-header-main{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:0 12px 0 20px}.channel-title{display:flex;align-items:center;gap:8px;min-width:0}.channel-title h5{margin:0!important;white-space:nowrap}.channel-topic{margin-inline-start:8px;min-width:0;max-width:480px;font-size:13px}.channel-header-actions{display:flex;align-items:center;flex-shrink:0}.channel-error{flex:1;display:grid;place-items:center}.message-scroller{flex:1;overflow-y:auto;display:flex;flex-direction:column-reverse}.message-list{display:flex;flex-direction:column-reverse;padding:8px 0 4px}.message-loading{display:flex;justify-content:center;padding:16px}.channel-intro{padding:32px 20px 16px}.channel-intro h3,.channel-intro h4{margin:8px 0 4px!important}.day-divider{position:relative;display:flex;justify-content:center;margin:12px 0 4px}.day-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--border)}.day-divider span{position:relative;padding:2px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);font-size:12px;font-weight:600}.message{position:relative;display:flex;gap:10px;padding:6px 20px}.message-grouped{padding-top:1px;padding-bottom:1px}.message:hover{background:var(--bg-hover)}.message-pinned{background:var(--pinned-bg)}.message-gutter{width:36px;flex-shrink:0;display:flex;justify-content:flex-end}.message-hover-time{visibility:hidden;font-size:11px;color:var(--text-muted);line-height:22px;white-space:nowrap}.message:hover .message-hover-time{visibility:visible}.message-body{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px}.message-time{font-size:12px}.message-pin-label{font-size:12px;color:var(--text-muted);margin-bottom:2px}.message-content{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.message-edited{font-size:12px}.message-text{min-width:0;overflow-wrap:anywhere;line-height:1.46}.message-text p{margin:0}.message-text p+p,.message-text ul,.message-text ol,.message-text pre,.message-text blockquote,.message-text table{margin:4px 0 0}.message-text ul,.message-text ol{padding-inline-start:22px}.message-text code{padding:1px 4px;border-radius:4px;background:var(--code-bg);color:var(--danger);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.message-text pre{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--code-bg);overflow-x:auto}.message-text pre code{padding:0;background:none;color:inherit}.message-text blockquote{padding-inline-start:10px;border-inline-start:4px solid var(--border);color:var(--text-muted)}.message-text table{border-collapse:collapse}.message-text th,.message-text td{padding:4px 8px;border:1px solid var(--border)}.mention{padding:0 2px;border-radius:3px;background:var(--mention-bg);color:var(--mention-text);font-weight:500}.mention-self{background:var(--mention-self-bg);color:var(--mention-self-text)}.message-actions{position:absolute;top:-14px;right:20px;display:none;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--bg);box-shadow:0 1px 3px #00000014}.message:hover .message-actions,.message-actions-open{display:flex}.message-edit{margin:4px 0}.message-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px;font-size:12px}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction{display:inline-flex;align-items:center;gap:4px;padding:0 7px;height:24px;border:1px solid var(--border);border-radius:12px;background:var(--bg-subtle);cursor:pointer;font-size:13px}.reaction-mine{border-color:var(--accent);background:var(--accent-soft)}.reaction-count{font-size:12px;font-weight:600}.emoji-picker{display:grid;grid-template-columns:repeat(6,32px);gap:2px}.emoji-option{width:32px;height:32px;border:0;border-radius:6px;background:none;font-size:18px;cursor:pointer}.emoji-option:hover{background:var(--bg-hover)}.thread-summary{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:2px 6px;border:1px solid transparent;border-radius:6px;background:none;color:var(--accent);font-weight:600;font-size:13px;cursor:pointer}.thread-summary:hover{border-color:var(--border);background:var(--bg)}.thread-summary-time{color:var(--text-muted);font-weight:400}.attachments{display:flex;flex-direction:column;gap:6px;margin-top:4px}.attachment-images{display:flex;flex-wrap:wrap;gap:6px}.attachment-image{border-radius:8px;border:1px solid var(--border);object-fit:cover;max-width:100%}.attachment-file{display:inline-flex;align-items:center;gap:10px;max-width:420px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);color:var(--text)}.attachment-file-icon{font-size:22px;color:var(--accent)}.attachment-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.attachment-file-size{color:var(--text-muted);font-size:12px}.typing-indicator{height:18px;padding:0 20px;font-size:12px;color:var(--text-muted)}.composer{position:relative;margin:0 20px 14px;padding:6px 8px 4px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.composer:focus-within{border-color:var(--accent)}.composer-row{display:flex;align-items:flex-end;gap:4px}.composer-input{flex:1;padding:5px 4px!important}.composer-hint{padding:2px 6px 0;font-size:11px}.composer-progress{margin:0 4px}.composer-staged{display:flex;flex-wrap:wrap;gap:8px;padding:4px 4px 8px}.staged-file{position:relative}.staged-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.staged-generic{display:flex;flex-direction:column;justify-content:center;gap:2px;width:160px;height:64px;padding:0 10px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;font-size:12px}.staged-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.staged-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--text);color:var(--bg);font-size:10px;cursor:pointer}.mention-menu{position:absolute;bottom:calc(100% + 4px);left:0;right:0;z-index:10;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--bg);box-shadow:0 4px 16px #0000001f}.mention-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:6px;background:none;text-align:start;cursor:pointer}.mention-option-active{background:var(--accent);color:#fff}.mention-option-active .muted{color:inherit;opacity:.8}.mention-option-channel{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:4px;background:var(--accent-soft);font-weight:700}.join-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 20px 14px;padding:14px;border-radius:10px;background:var(--bg-subtle)}.drop-overlay{position:absolute;inset:8px;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--accent);font-size:18px;font-weight:600;pointer-events:none}.thread-panel{width:380px;flex-shrink:0;display:flex;flex-direction:column;border-inline-start:1px solid var(--border);background:var(--bg)}.darwin .thread-panel{padding-top:28px}.thread-header{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:0 8px 0 16px;border-bottom:1px solid var(--border)}.thread-channel{margin-inline-start:8px;font-size:13px}.thread-scroller{flex:1;overflow-y:auto;padding:8px 0}.thread-divider{margin:8px 0!important;font-size:12px!important}.thread-panel .message{padding-inline:16px}.thread-panel .composer,.thread-panel .typing-indicator{margin-inline:16px}.modal-empty{margin:24px 0}.settings-danger{margin-top:24px}.invite-row{display:flex;width:100%;margin-bottom:8px}.profile-photo{display:flex;align-items:center;gap:16px;margin-bottom:20px}.status-presets{display:flex;flex-wrap:wrap;gap:6px;margin:-12px 0 20px}.admin-invite{display:flex;margin-bottom:16px}.search-modal .ant-modal-content{padding:8px}.search-results{max-height:60vh;overflow-y:auto;border-top:1px solid var(--border);padding-top:4px}.search-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:0;border-radius:6px;background:none;text-align:start;cursor:pointer}.search-row span:first-of-type{flex-shrink:0}.search-row kbd{margin-inline-start:auto}.search-row-active{background:var(--accent);color:#fff}.search-row-active .muted,.search-row-active kbd{color:inherit;opacity:.85}.search-hit{display:flex;gap:10px;width:100%;padding:8px 12px;border:0;border-radius:6px;background:none;text-align:start;cursor:pointer}.search-hit:hover{background:var(--bg-hover)}.search-hit-body{flex:1;min-width:0}.search-hit-meta{display:flex;gap:8px;font-size:13px}.search-hit-text{margin:2px 0 0!important}.search-empty{display:grid;place-items:center;padding:32px}@media(max-width:900px){.thread-panel{position:absolute;inset:0 0 0 auto;width:min(380px,100%);z-index:20;box-shadow:-4px 0 16px #00000026}.channel-layout{position:relative}}@media(max-width:640px){.sidebar{width:200px}.channel-topic{display:none}.message,.channel-header-main{padding-inline:12px}.composer,.join-bar{margin-inline:12px}}