@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";.icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.icon svg{display:block}.sidebar{width:260px;background:linear-gradient(180deg,#4a154b,#3f0e40);color:#efe7f3;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.workspace-header{padding:6px 10px;height:44px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px}.workspace-switch{flex:1;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;color:inherit;background:transparent;border:1px solid transparent;text-align:left}.workspace-switch:hover{background:#ffffff14;border-color:#ffffff1f}.workspace-info{display:flex;align-items:center;gap:8px;min-width:0}.workspace-icon{width:28px;height:28px;border-radius:6px}.workspace-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-content{flex:1;overflow-y:auto;padding:16px 0;min-height:0}.nav-section{padding:0 10px;margin-bottom:12px;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;color:#ffffffbf;text-decoration:none;margin-bottom:2px;transition:all .2s;width:100%;background:transparent;border:none;text-align:left;font-size:13px}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#1264a3b3;color:#fff}.nav-icon{font-size:16px;width:18px;display:inline-flex;align-items:center;justify-content:center}.section-header{padding:8px 12px;font-size:13px;font-weight:600;color:#ffffffb3;display:flex;align-items:center;justify-content:space-between;margin-top:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-header-label{display:inline-flex;align-items:center;gap:6px}.section-header:hover{color:#ffffffe6}.section-header:before{content:"▼";margin-right:6px;font-size:10px;transition:transform .2s}.section-header.collapsed:before{transform:rotate(-90deg)}.channels-section,.dms-section{padding:0 12px;flex-shrink:0}.channel-item,.dm-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;color:#ffffffbf;text-decoration:none;margin-bottom:2px;transition:all .2s;font-size:13px}.channel-item:hover,.dm-item:hover{background:#ffffff1a;color:#fff}.channel-item.active,.dm-item.active{background:#1264a3;color:#fff}.channel-icon{font-size:13px;width:16px;display:inline-flex;align-items:center;justify-content:center}.add-channel-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;color:#ffffffb3;background:none;border:none;cursor:pointer;width:100%;text-align:left;border-radius:6px;margin-top:4px;font-size:13px}.add-channel-btn:hover{background:#ffffff1a;color:#fff}.dm-avatar-container{position:relative;width:20px;height:20px;flex-shrink:0}.dm-avatar{width:20px;height:20px;border-radius:4px}.status-dot{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:2px solid #4a154b}.unread-badge{background:#e01e5a;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;margin-left:auto}.user-profile{padding:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s;flex-shrink:0}.user-profile:hover{background:#ffffff0d}.user-avatar-container{position:relative;width:36px;height:36px;flex-shrink:0}.user-avatar{width:36px;height:36px;border-radius:6px}.user-info{flex:1;min-width:0}.user-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:12px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:20px}.modal-header button{font-size:24px;color:#616061;padding:4px 8px}.modal-header button:hover{color:#1d1c1d}.modal-body{padding:20px;max-height:60vh;overflow-y:auto}.emoji-picker-overlay{position:fixed;inset:0;z-index:3000}.emoji-picker{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;width:320px;max-height:400px;z-index:3001;display:flex;flex-direction:column}.emoji-picker-header{padding:12px;border-bottom:1px solid #e0e0e0}.emoji-search{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.emoji-search:focus{outline:none;border-color:#1264a3}.emoji-categories{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid #e0e0e0;overflow-x:auto}.emoji-category-btn{padding:4px 8px;background:none;border:none;cursor:pointer;font-size:18px;opacity:.6;transition:opacity .2s}.emoji-category-btn:hover,.emoji-category-btn.active{opacity:1}.emoji-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-btn{padding:8px;background:none;border:none;cursor:pointer;font-size:24px;border-radius:4px;transition:background .2s}.emoji-btn:hover{background:#f8f8f8}.message{display:flex;gap:12px;padding:8px 12px;position:relative;border-radius:4px;transition:background .2s}.message:hover{background:#f8f8f8}.message-avatar{width:36px;height:36px;border-radius:6px;flex-shrink:0}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.message-sender{font-weight:700;color:#1d1c1d;font-size:15px}.message-time{font-size:12px;color:#616061}.edited-label{font-size:11px;color:#616061}.message-text{color:#1d1c1d;line-height:1.5;word-wrap:break-word}.message-edit{margin-top:8px}.message-edit textarea{width:100%;min-height:60px;padding:8px;border:1px solid #1264A3;border-radius:4px;font-family:inherit;font-size:14px;resize:vertical}.edit-actions{display:flex;gap:8px;margin-top:8px}.edit-actions button{padding:6px 12px;border-radius:4px;font-weight:600;font-size:13px}.edit-actions button:first-child{background:#2bac76;color:#fff}.edit-actions button:first-child:hover{background:#228b60}.edit-actions button:last-child{background:#f8f8f8;color:#1d1c1d}.edit-actions button:last-child:hover{background:#e0e0e0}.message-attachments{margin-top:8px}.attachment{margin-bottom:8px}.attachment-image{max-width:400px;max-height:300px;border-radius:8px;cursor:pointer}.attachment-file{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;max-width:400px;cursor:pointer}.attachment-file:hover{background:#f0f0f0}.file-icon{font-size:11px;font-weight:700;color:#4a154b;background:#f1e9f5;padding:4px 6px;border-radius:6px;min-width:36px;text-align:center}.file-info{flex:1;min-width:0}.file-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.reaction{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;font-size:13px;cursor:pointer;transition:all .2s}.reaction:hover{background:#f8f8f8;border-color:#1264a3}.reaction.reacted{background:#ece0f5;border-color:#4a154b}.reaction-emoji{font-size:14px}.reaction-count{font-size:12px;font-weight:600;color:#616061}.add-reaction-btn{padding:4px 8px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;font-size:13px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.add-reaction-btn:hover{background:#f8f8f8;border-color:#1264a3}.thread-replies{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;font-weight:600;color:#1264a3;cursor:pointer;transition:all .2s}.thread-replies:hover{background:#ece0f5;border-color:#4a154b}.message-actions{position:absolute;top:-12px;right:20px;display:flex;gap:4px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:4px;box-shadow:0 2px 8px #0000001a}.message-actions button{padding:6px 10px;background:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s;color:#616061;display:inline-flex;align-items:center;justify-content:center}.message-actions button:hover{background:#f8f8f8}.mention{display:inline-flex;align-items:center;padding:2px 4px;background:#ece0f5;color:#4a154b;border-radius:3px;font-weight:600;cursor:pointer;transition:background .2s}.mention:hover{background:#dcd0e5}.mention-self{background:#fff4e5;color:#b65c00}.mention-self:hover{background:#ffe8cc}.pinned-label{font-size:11px;color:#1264a3;font-weight:600;display:inline-flex;align-items:center;gap:4px}.more-menu-anchor{position:relative;display:inline-flex}.more-options-menu{position:absolute;top:calc(100% + 6px);right:0;text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px;min-width:200px;z-index:100}.more-options-menu button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:8px 12px;background:#fff;border:none;border-radius:4px;text-align:left;font-size:14px;cursor:pointer;transition:background .2s;gap:8px}.more-options-menu button:hover{background:#f8f8f8}.attachment-image-wrapper{position:relative;display:inline-block}.download-attachment-btn{position:absolute;top:8px;right:8px;padding:6px 10px;background:#000000b3;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center}.attachment-image-wrapper:hover .download-attachment-btn{opacity:1}.download-icon{display:inline-flex;align-items:center;color:#616061}.attachment-file:hover .download-icon{color:#1264a3}.mention-autocomplete{position:absolute;bottom:100%;left:0;width:350px;max-height:300px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;margin-bottom:8px}.mention-autocomplete-header{padding:8px 12px;background:#f8f8f8;border-bottom:1px solid #e0e0e0;font-size:12px;font-weight:600;color:#666}.mention-autocomplete-list{max-height:200px;overflow-y:auto}.mention-autocomplete-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background .15s}.mention-autocomplete-item:hover,.mention-autocomplete-item.selected{background:#f0f0f0}.mention-user-avatar{width:32px;height:32px;border-radius:4px;margin-right:10px;-o-object-fit:cover;object-fit:cover}.mention-user-info{flex:1;min-width:0}.mention-user-name{font-size:14px;font-weight:500;color:#1d1c1d;display:flex;align-items:center;gap:6px}.mention-user-fullname{font-weight:400;color:#616061;font-size:13px}.mention-user-title{font-size:12px;color:#616061;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-user-status{margin-left:8px;display:inline-flex;align-items:center}.mention-user-status .status-dot{width:8px;height:8px;border-radius:50%;background:#ccc;border:2px solid #fff}.mention-user-status.online .status-dot{background:#2bac76}.mention-user-status.away .status-dot{background:#f2c744}.mention-user-status.busy .status-dot{background:#e01e5a}.mention-autocomplete-footer{padding:6px 12px;background:#f8f8f8;border-top:1px solid #e0e0e0;font-size:11px;color:#999;text-align:center}.message-composer{border-top:1px solid #e0e0e0;background:#fff;padding:12px 20px 16px;position:relative}.message-composer.thread{border-top:none;padding:6px 0 0;background:transparent}.composer-surface{border:1px solid #dcdcdc;border-radius:10px;overflow:visible;background:#fff;box-shadow:0 1px #00000005}.composer-toolbar{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid #ededed;background:#fafafa}.toolbar-btn{padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;color:#616061;transition:all .2s}.toolbar-btn:hover{background:#f3f3f3;border-color:#d4d4d4;color:#1264a3}.toolbar-btn[data-active=true]{background:#e6eff7;border-color:#c6d8ea;color:#1264a3}.composer-editor{width:100%;padding:12px 12px 6px;border:none;font-family:inherit;font-size:14px;min-height:70px;line-height:1.5;outline:none;white-space:pre-wrap}.composer-editor:empty:before{content:attr(data-placeholder);color:#616061}.composer-mention{display:inline-flex;align-items:center;padding:2px 4px;background:#e6eff7;color:#1264a3;border-radius:3px;font-weight:600}.composer-editor code{background:#f0f0f0;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}.composer-input::-moz-placeholder{color:#616061}.composer-input::placeholder{color:#616061}.composer-actions{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 10px;border-top:1px solid #ededed;background:#fafafa}.composer-actions-left{display:flex;gap:8px}.action-btn{padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;color:#616061;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{background:#f3f3f3;border-color:#d4d4d4;color:#1264a3}.send-btn{padding:6px 16px;background:#2bac76;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:6px}.send-btn:hover:not(:disabled){background:#228b60}.send-btn:disabled{background:#e0e0e0;color:#616061;cursor:not-allowed}.composer-attachments{display:flex;flex-wrap:wrap;gap:12px;padding:10px;border-bottom:1px solid #ededed}.attachment-preview{position:relative;max-width:200px}.attachment-preview-image{width:100%;max-width:200px;max-height:150px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.attachment-file-preview{display:flex;align-items:center;gap:8px;padding:12px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;max-width:300px}.file-icon-label{font-size:11px;font-weight:700;color:#4a154b;background:#f1e9f5;padding:2px 6px;border-radius:6px}.file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:#616061}.remove-attachment-btn{position:absolute;top:-6px;right:-6px;width:24px;height:24px;background:#e01e5a;color:#fff;border:2px solid white;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 4px #0003}.remove-attachment-btn:hover{background:#c01048}.composer-input-wrapper{position:relative}.composer-meta{padding:6px 10px 0;background:#fafafa;border-top:1px solid #ededed}.message-composer.thread .composer-surface{border-radius:8px;box-shadow:none}.message-composer.thread .composer-toolbar{padding:6px 8px}.message-composer.thread .composer-input{min-height:56px;padding:10px 10px 6px}.message-composer.thread .composer-actions{padding:6px 8px 8px}.action-text{font-weight:700;color:inherit}.thread-panel{width:400px;background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%}.thread-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.thread-header h3{margin:0;font-size:18px;font-weight:700}.thread-actions{display:flex;gap:8px;align-items:center}.follow-btn{padding:6px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.follow-btn:hover{background:#f8f8f8;border-color:#1264a3}.follow-btn.following{background:#ece0f5;border-color:#4a154b;color:#4a154b}.close-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:none;border:none;color:#616061;cursor:pointer}.close-btn:hover{color:#1d1c1d;background:#f3f3f3}.thread-content{flex:1;overflow-y:auto;padding:20px;min-height:0}.thread-parent{padding-bottom:16px;border-bottom:2px solid #e0e0e0;margin-bottom:16px}.replies-count{font-size:13px;font-weight:600;color:#616061;margin-bottom:12px}.thread-replies-list{display:flex;flex-direction:column;gap:6px}.thread-composer{border-top:1px solid #e0e0e0;padding:12px 16px 16px;flex-shrink:0;background:#fff}.thread-composer .thread-broadcast{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#616061}.workspace-rail{width:96px;background:linear-gradient(180deg,#3f0e40,#2f0b31);color:#fff;display:flex;flex-direction:column;align-items:stretch;padding:10px 8px;gap:10px;border-right:1px solid rgba(255,255,255,.1);height:100%;box-sizing:border-box}.rail-workspace{width:100%;height:60px;border-radius:14px;overflow:hidden;background:#fff0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;border:none;padding:2px;color:#fff;font-weight:700}.rail-workspace img{width:34px;height:34px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.rail-workspace-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%}.rail-nav{display:flex;flex-direction:column;gap:10px;flex:1;align-items:stretch}.rail-item{width:100%;height:64px;border-radius:14px;background:transparent;color:#ffffffd9;border:1px solid transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;transition:all .15s ease;padding:8px 10px;text-align:center}.rail-label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.rail-item:hover{background:#ffffff1f;color:#fff}.rail-item.active{background:#fff3;color:#fff;border-color:#fff3}.rail-footer{display:flex;flex-direction:column;gap:10px;align-items:stretch}.rail-user{width:100%;height:52px;border-radius:12px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:transparent;color:#fff;padding:6px 10px}.rail-user:hover{background:#ffffff1f}.rail-user-avatar{width:32px;height:32px;border-radius:10px;overflow:hidden;position:relative;flex-shrink:0}.rail-user img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rail-status{position:absolute;bottom:2px;right:2px;width:9px;height:9px;border-radius:50%;border:2px solid #3f0e40}.rail-user-name{font-weight:600;font-size:12px;text-align:center;display:none}.top-nav{height:40px;background:linear-gradient(90deg,#3f0e40,#3a0d3b);color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;-moz-column-gap:12px;column-gap:12px;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.15);width:100%}.top-nav-right{display:flex;align-items:center;gap:8px;justify-self:end}.top-nav-spacer{min-width:0}.top-nav-center{display:flex;align-items:center;gap:12px;width:70vw;flex:0 1 720px;justify-content:center}.top-nav-nav{display:flex;align-items:center;gap:6px}.top-nav-btn{width:28px;height:28px;border-radius:6px;color:#ffffffe6;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}.top-nav-btn:hover{background:#ffffff1f;border-color:#fff3}.top-nav-search{flex:1;max-width:680px;display:flex;align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:0 10px;height:30px;gap:8px}.top-nav-search input{flex:1;background:transparent;border:none;color:#fff;font-size:13px;outline:none}.top-nav-search input::-moz-placeholder{color:#ffffffb3}.top-nav-search input::placeholder{color:#ffffffb3}.top-nav-search-icon{color:#fffc}.main-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f8f8f8}.main-body{flex:1;display:flex;min-height:0;overflow:hidden}.content-shell{flex:1;display:flex;min-width:0;overflow:hidden;background:#fff}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.message-list{flex:1;overflow-y:auto;padding:20px;background:#fff}.channel-view{display:flex;flex-direction:column;height:100%;position:relative}.channel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 6px;border-bottom:1px solid #e0e0e0;background:#fff}.channel-header-left{display:flex;align-items:center;gap:12px}.channel-title{margin:0;font-size:18px;font-weight:700;color:#1d1c1d;display:inline-flex;align-items:center;gap:8px}.channel-title-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;color:#616061}.star-btn{font-size:18px;color:#616061;padding:4px;background:none;border:none;cursor:pointer}.star-btn:hover{color:#1d1c1d}.star-btn.starred{color:#f2c744}.star-btn.starred svg{fill:currentColor}.channel-header-right{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.header-btn{padding:6px 10px;background:#fff;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;color:#1d1c1d;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.header-btn:hover{background:#f3f3f3;border-color:#e0e0e0}.channel-description{padding:8px 20px;background:#f8f8f8;border-bottom:1px solid #e0e0e0;font-size:13px;color:#616061}.members-panel{position:absolute;right:0;top:0;bottom:0;width:300px;background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;z-index:100}.pinned-panel{position:absolute;right:0;top:0;bottom:0;width:320px;background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;z-index:100}.members-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0}.members-header h3{margin:0;font-size:16px}.members-header button{font-size:20px;color:#616061;padding:4px 8px}.pinned-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0}.pinned-header h3{margin:0;font-size:16px}.pinned-header button{font-size:20px;color:#616061;padding:4px 8px}.members-invite{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #f0f0f0}.members-invite select{flex:1;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;background:#fff}.members-invite button{padding:8px 12px;background:#1264a3;color:#fff;border-radius:6px;font-size:13px;font-weight:600}.members-invite button:disabled{background:#e0e0e0;color:#9a9a9a;cursor:not-allowed}.members-empty{padding:8px 16px;font-size:12px;color:#616061;border-bottom:1px solid #f0f0f0}.pinned-empty{padding:12px 16px;font-size:12px;color:#616061}.pinned-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.pinned-item{border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px;background:#fdfdfd}.pinned-item-header{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#616061;margin-bottom:6px}.pinned-sender{font-weight:600;color:#1d1c1d}.pinned-preview{font-size:13px;color:#1d1c1d;line-height:1.4;word-break:break-word}.members-list{flex:1;overflow-y:auto;padding:8px}.member-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;cursor:pointer;transition:background .2s}.member-item:hover{background:#f8f8f8}.member-avatar{width:36px;height:36px;border-radius:6px}.member-info{flex:1;min-width:0}.member-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-title{font-size:12px;color:#616061;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-status{width:10px;height:10px;border-radius:50%}.member-actions{display:flex;align-items:center;gap:8px}.member-remove-btn{border:1px solid #f2c6c6;background:#fff5f5;color:#b42318;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s,background .2s,border-color .2s}.member-item:hover .member-remove-btn{opacity:1;pointer-events:auto}.member-remove-btn:hover{background:#fce8e8;border-color:#e9a9a9}.dm-view{display:flex;flex-direction:column;height:100%}.dm-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e0e0e0;background:#fff}.dm-header-left{display:flex;align-items:center;gap:12px}.dm-user-avatar-container{position:relative;width:36px;height:36px}.dm-user-avatar{width:36px;height:36px;border-radius:6px}.dm-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.dm-user-info{display:flex;flex-direction:column}.dm-user-name{margin:0;font-size:18px;font-weight:700;color:#1d1c1d}.dm-user-status{font-size:13px;color:#616061}.dm-header-right{display:flex;gap:8px}.all-dms-page{display:flex;flex-direction:column;height:100%;background:#fff}.all-dms-header{padding:20px;border-bottom:1px solid #e0e0e0}.all-dms-header h2{margin:0 0 16px;font-size:24px;font-weight:700}.dm-search{width:100%;padding:10px 16px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.dm-search:focus{outline:none;border-color:#1264a3}.dms-list{flex:1;overflow-y:auto}.dm-list-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f8f8f8}.dm-list-item:hover{background:#f8f8f8}.dm-list-avatar-container{position:relative;width:48px;height:48px;flex-shrink:0}.dm-list-avatar{width:48px;height:48px;border-radius:6px}.dm-list-status-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:3px solid white}.dm-list-content{flex:1;min-width:0}.dm-list-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.dm-list-name{font-weight:700;font-size:15px;color:#1d1c1d}.dm-list-time{font-size:12px;color:#616061}.dm-list-message{font-size:14px;color:#616061;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-list-unread{background:#e01e5a;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px;flex-shrink:0}.threads-page{display:flex;flex-direction:column;height:100%;background:#fff}.threads-header{padding:16px 20px 10px;border-bottom:1px solid #e0e0e0}.threads-header h2{margin:0;font-size:20px;font-weight:700}.threads-list{flex:1;overflow-y:auto;padding:16px 20px 24px}.thread-group{margin-bottom:24px}.thread-group-title{font-size:14px;font-weight:700;color:#1d1c1d;margin-bottom:10px;display:flex;align-items:center;gap:6px}.thread-card{border:1px solid #e6e6e6;border-radius:10px;padding:12px 12px 4px;background:#fff;margin-bottom:16px;box-shadow:0 1px #00000005}.thread-card-body .message{padding:8px}.thread-card-body .message:hover{background:transparent}.thread-card-composer{padding:4px 0 8px}.thread-broadcast{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#616061;padding:6px 10px 0}.thread-broadcast input{accent-color:#1264a3}.no-threads{display:flex;align-items:center;justify-content:center;height:200px;color:#616061}.mentions-page{display:flex;flex-direction:column;height:100%;background:#fff}.mentions-header{padding:20px;border-bottom:1px solid #e0e0e0}.mentions-header h2{margin:0 0 16px;font-size:24px;font-weight:700}.mentions-filters{display:flex;gap:8px}.mentions-list{flex:1;overflow-y:auto}.mention-item{display:flex;gap:12px;padding:16px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f8f8f8}.mention-item:hover{background:#f8f8f8}.mention-avatar{width:36px;height:36px;border-radius:6px;flex-shrink:0}.mention-content{flex:1;min-width:0}.mention-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.mention-sender{font-weight:700;font-size:15px;color:#1d1c1d}.mention-location{font-size:13px;color:#616061}.mention-time{font-size:12px;color:#616061;margin-left:auto}.mention-text{font-size:14px;color:#1d1c1d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-badge{display:inline-block;background:#ece0f5;color:#4a154b;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;margin-right:8px}.no-mentions{display:flex;align-items:center;justify-content:center;height:200px;color:#616061}.directories-page{display:flex;flex-direction:column;height:100%;background:#fff}.directories-header{padding:20px 20px 12px;border-bottom:1px solid #e0e0e0}.directories-header h2{margin:0 0 12px;font-size:24px;font-weight:700}.directories-tabs{display:flex;gap:8px}.directories-tab{padding:6px 14px;border-radius:999px;border:1px solid #e0e0e0;background:#f8f8f8;font-size:13px;font-weight:600;color:#1d1c1d;cursor:pointer}.directories-tab.active{background:#1264a3;border-color:#1264a3;color:#fff}.directories-controls{padding:12px 20px 16px;border-bottom:1px solid #f0f0f0}.directories-search{display:flex;align-items:center;gap:8px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;padding:8px 12px}.directories-search input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:#1d1c1d}.directories-content{flex:1;overflow-y:auto;padding:20px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.people-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;cursor:pointer;text-align:left;transition:box-shadow .15s ease,transform .15s ease}.people-card:hover{box-shadow:0 8px 18px #00000014;transform:translateY(-1px)}.people-avatar{width:100%;aspect-ratio:1 / 1;border-radius:10px;-o-object-fit:cover;object-fit:cover;background:#f1f1f1}.people-info{display:flex;flex-direction:column;gap:4px}.people-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:#1d1c1d}.people-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.people-you{margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#616061;font-weight:700}.people-title{font-size:12px;color:#616061;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-meta{font-size:12px;color:#616061;word-break:break-word}.channels-list{display:flex;flex-direction:column;gap:10px}.channel-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:background .15s ease,box-shadow .15s ease}.channel-row:hover{background:#f8f8f8;box-shadow:0 4px 12px #0000000d}.channel-icon{width:18px;display:inline-flex;align-items:center;justify-content:center;color:#1d1c1d;font-size:14px;flex-shrink:0}.channel-details{flex:1;min-width:0}.channel-name{font-weight:700;font-size:14px;color:#1d1c1d}.channel-description{font-size:12px;color:#616061;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-meta{font-size:12px;color:#616061;flex-shrink:0}.directories-empty{text-align:center;color:#616061;padding:40px 0}.search-page{display:flex;flex-direction:column;height:100%;background:#fff}.search-header{padding:20px;border-bottom:1px solid #e0e0e0}.search-input{width:100%;padding:12px 16px;border:2px solid #1264A3;border-radius:6px;font-size:16px}.search-input:focus{outline:none;border-color:#4a154b}.search-tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #e0e0e0;overflow-x:auto}.search-tab{padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.search-tab:hover{background:#f8f8f8;border-color:#1264a3}.search-tab.active{background:#1264a3;color:#fff;border-color:#1264a3}.search-results{flex:1;overflow-y:auto;padding:20px}.search-section{margin-bottom:32px}.search-section h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#616061}.search-result-item{display:flex;gap:12px;padding:12px;cursor:pointer;transition:background .2s;border-radius:6px;margin-bottom:8px}.search-result-item:hover{background:#f8f8f8}.result-avatar{width:36px;height:36px;border-radius:6px;flex-shrink:0}.result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;background:#f8f8f8;border-radius:6px;flex-shrink:0;color:#616061}.result-content{flex:1;min-width:0}.result-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.result-sender{font-weight:700;font-size:15px;color:#1d1c1d}.result-location{font-size:13px;color:#616061}.result-time{font-size:12px;color:#616061;margin-left:auto}.result-text{font-size:14px;color:#1d1c1d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-name{font-weight:700;font-size:15px;color:#1d1c1d;margin-bottom:2px}.result-desc{font-size:13px;color:#616061}.search-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#616061}.profile-page{display:flex;flex-direction:column;height:100%;background:#fff}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.profile-header h2{margin:0;font-size:24px;font-weight:700}.edit-profile-btn{padding:8px 16px;background:#1264a3;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.edit-profile-btn:hover{background:#0d4d80}.profile-content{flex:1;overflow-y:auto;padding:32px;max-width:600px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.profile-avatar-large{width:128px;height:128px;border-radius:12px;margin-bottom:16px}.profile-status{display:flex;align-items:center;gap:8px}.profile-status-dot{width:12px;height:12px;border-radius:50%}.profile-status-text{font-weight:600;color:#1d1c1d}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:14px;color:#1d1c1d}.form-group input{padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.form-group select{padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;background:#fff}.form-group input:focus{outline:none;border-color:#1264a3}.form-group select:focus{outline:none;border-color:#1264a3}.time-zone-select{background:#fff}.form-actions{display:flex;gap:12px;margin-top:12px}.save-btn{padding:10px 24px;background:#2bac76;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.save-btn:hover{background:#228b60}.cancel-btn{padding:10px 24px;background:#f8f8f8;color:#1d1c1d;border:1px solid #e0e0e0;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#e0e0e0}.profile-info{display:flex;flex-direction:column;gap:24px}.info-group{display:flex;flex-direction:column;gap:8px}.info-group label{font-weight:600;font-size:14px;color:#616061}.info-value{font-size:15px;color:#1d1c1d}.info-value em{color:#616061}.app{height:100vh;display:flex;flex-direction:column;background:#fff}.main-container{flex:1;display:flex;overflow:hidden}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1d1c1d;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.toast.success{background:#2bac76}.toast.error{background:#e01e5a}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:8px;max-width:600px;width:90%;max-height:90vh;overflow:auto;color:#1d1c1d;box-shadow:0 8px 32px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[360px\]{max-height:360px}.min-h-0{min-height:0px}.min-h-\[24px\]{min-height:24px}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-6xl{max-width:72rem}.flex-1{flex:1 1 0%}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--line\)\]{border-color:var(--line)}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--accent-soft\)\]{background-color:var(--accent-soft)}.bg-\[var\(--page-bg\)\]{background-color:var(--page-bg)}.bg-\[var\(--paper\)\]{background-color:var(--paper)}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.font-display{font-family:Space Grotesk,IBM Plex Sans,sans-serif}.font-mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow-\[0_16px_40px_rgba\(15\,23\,42\,0\.06\)\]{--tw-shadow: 0 16px 40px rgba(15,23,42,.06);--tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_60px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow: 0 24px 60px rgba(15,23,42,.08);--tw-shadow-colored: 0 24px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-transparent{--tw-ring-color: transparent}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:root{--slack-purple-dark: #3f0e40;--slack-purple: #4a154b;--slack-blue: #1264a3;--slack-green: #2bac76;--slack-text: #1d1c1d;--slack-muted: #616061}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:#f8f8f8}#root{height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.hover\:translate-y-\[-1px\]:hover{--tw-translate-y: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-slate-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.focus\:ring-emerald-400\/40:focus{--tw-ring-color: rgb(52 211 153 / .4)}@media(prefers-reduced-motion:no-preference){.motion-safe\:animate-fade-in{animation:fade-in .6s ease both}.motion-safe\:animate-rise-in{animation:rise-in .7s cubic-bezier(.22,1,.36,1) both}}@media(min-width:768px){.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media(min-width:1024px){.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}}