:root{--ink:#242823;--muted:#62695d;--paper:#f6f6f2;--line:#d9ddd3;--signal:#e7f47c;--shade:#eaf0d1;--nav:#292d27;--rail:#20231f;--soft:#ecefe5;--accent:#46662c;--r:6px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font:15px/1.65 "PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default}button,a,input,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{transition:background .16s,color .16s,transform .16s}button:active:not(:disabled){transform:scale(.97)}a{color:inherit;text-decoration:none}button:hover{background:#e4e8dc}h1,h2,h3,p{margin:0}svg.icon{width:20px;height:20px;fill:currentColor;flex-shrink:0;vertical-align:middle}small,time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}::selection{background:var(--signal);color:var(--ink)}[x-cloak]{display:none!important}.app{height:100dvh;display:flex;min-height:600px}.rail{width:64px;flex-shrink:0;background:var(--rail);color:#bbc1b5;display:flex;flex-direction:column;align-items:center;padding:23px 10px;gap:14px}.mark{height:40px;width:40px;border-radius:13px;background:var(--signal);color:var(--rail);display:grid;place-items:center;margin-bottom:18px}.mark svg{width:25px;height:25px}.rail-btn{width:42px;height:44px;display:grid;place-items:center;border-radius:8px;position:relative}.rail-btn.active{background:#3b4234;color:var(--signal)}.rail-btn:hover{background:#343a2e}.rail-bottom{margin-top:auto}.rail-btn .noti{position:absolute;right:6px;top:6px;width:5px;height:5px;background:var(--signal);border-radius:50%}.sidebar{width:226px;flex-shrink:0;background:var(--nav);color:#cbd2c2;padding:22px 15px 18px;display:flex;flex-direction:column}.workspace{position:relative}.workspace-button{font-size:18px;font-weight:600;color:#fafbf6;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 9px;height:40px;border-radius:6px;margin-bottom:19px}.workspace-button:hover{background:#384030}.sidebar-scroll{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#626b58 transparent}.nav-row{height:38px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:6px;width:100%;font-size:14px;text-align:left;margin:2px 0;white-space:nowrap}.nav-row:hover{background:#394031;color:#fff}.nav-row.active{background:var(--signal);color:#293020}.nav-row svg{width:17px;height:17px}.nav-row .badge{margin-left:auto;font-size:13px;font-variant-numeric:tabular-nums}.nav-row .hash{width:17px;font-family:Arial;font-weight:600;font-size:18px;color:#aeb8a4}.nav-row.active .hash{color:#53602b}.group-label{display:flex;align-items:center;justify-content:space-between;margin:23px 11px 9px;color:#acb5a1;font-size:13px}.group-label button{padding:0;display:grid;place-items:center;color:#bdc6b2;width:24px;height:24px;border-radius:4px}.group-label button:hover{background:#414b36}.group-label svg{width:16px;height:16px}.presence-dot{width:7px;height:7px;border-radius:50%;background:#a5c578;flex-shrink:0;margin:0 5px}.presence-dot.away{background:transparent;border:1px solid #adbaa3}.profile{position:relative;margin-top:22px}.profile-button{display:flex;align-items:center;gap:12px;width:100%;border-radius:6px;padding:8px;color:#fff;text-align:left}.profile-button:hover{background:#394131}.profile-button small{display:block;color:#bdc7b2;line-height:1.3}.profile-button>.icon{margin-left:auto;width:16px}.avatar{width:36px;height:36px;border-radius:9px;display:inline-grid;place-items:center;background:#e9b299;color:#603b2b;font-size:15px;font-weight:600;flex-shrink:0}.avatar.green{background:#c6d9ac;color:#3c5526}.avatar.blue{background:#b7cfda;color:#365966}.avatar.rose{background:#d9bdc5;color:#64414e}.avatar.mini{width:25px;height:25px;border-radius:7px;font-size:11px;border:2px solid var(--paper)}.avatar-stack{display:flex;padding-left:6px}.avatar-stack .avatar{margin-left:-6px}.conversation{flex:1;min-width:0;display:flex;flex-direction:column}.channel-header{height:79px;flex-shrink:0;padding:18px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.channel-title{display:flex;align-items:center;gap:10px;font:600 22px/1.25 "Hiragino Sans GB","PingFang SC",sans-serif;letter-spacing:-.35px}.channel-title>span:first-child{font-family:Arial;color:#747c6a;font-size:27px;font-weight:400}.channel-subtitle{margin-top:3px;font-size:13px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:11px}.members-button{display:flex;align-items:center;gap:7px;border-radius:6px;padding:5px 8px;font-size:13px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:6px;color:var(--muted)}.icon-button:hover{background:#e6ebde}.icon-button .icon{width:19px;height:19px}.live-strip{margin:17px 34px 0;background:#ecf0e3;border-radius:7px;min-height:43px;padding:8px 13px;display:flex;gap:11px;align-items:center;font-size:13px;flex-shrink:0}.live-dot{width:7px;height:7px;background:#577e36;border-radius:50%;box-shadow:0 0 0 4px #dee8cd}.live-strip strong{font-size:13px;font-weight:600}.live-strip .live-names{color:var(--muted)}.live-strip .live-label{margin-left:auto;color:var(--accent);display:flex;align-items:center;gap:6px}.tiny-bars{display:flex;align-items:center;gap:2px;height:14px}.tiny-bars i{display:block;width:2px;height:8px;background:#62853c;border-radius:1px}.tiny-bars i:nth-child(2){height:14px}.tiny-bars i:nth-child(4){height:5px}.history{flex:1;min-height:0;overflow-y:auto;padding:10px 34px 8px;scrollbar-width:thin;scrollbar-color:#b6beaa transparent}.day{text-align:center;color:var(--muted);font-size:13px;margin:8px 0 18px}.message{display:flex;gap:13px;margin:0 -10px 17px;padding:5px 10px;border-radius:7px;position:relative}.message.selected{background:#edf1e4}.message:hover{background:#eff1e9}.message .avatar{margin-top:2px}.message-body{flex:1;min-width:0}.message-meta{display:flex;align-items:center;gap:10px;height:25px}.person-name{font-weight:600;font-size:14px}.message-text{font-size:15px;line-height:1.7;margin:2px 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.mention-chip{color:var(--accent);background:#e5eccf;border-radius:3px;padding:0 3px}.media-row{display:flex;gap:12px;align-items:stretch;width:max-content;max-width:100%}.photo-button{padding:0;display:block;border-radius:8px;overflow:hidden;line-height:0}.photo-button:hover{background:none}.photo{width:320px;height:177px;object-fit:cover;display:block}.file-card{width:218px;min-height:177px;border-radius:8px;background:#e9ece3;padding:16px;display:flex;flex-direction:column;text-align:left;justify-content:space-between;border:1px solid transparent}.file-card:hover{background:#e0e6d5;border-color:#cdd4be}.file-card .file-type{display:flex;align-items:center;gap:8px;font-size:13px;color:#526344}.file-card strong{font-size:14px;font-weight:600;overflow-wrap:anywhere;margin-top:14px}.file-card small{display:block;margin-top:3px}.file-card .file-action{font-size:13px;color:var(--accent);display:flex;align-items:center;gap:6px;margin-top:14px}.file-card .file-action svg{width:15px;height:15px}.reactions{display:flex;gap:6px;margin:9px 0 7px;align-items:center}.reaction{height:28px;padding:0 9px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:5px;font-size:13px;background:var(--paper);font-variant-numeric:tabular-nums}.reaction.chosen{border-color:#c5d48c;background:#eaf0d0;color:#3b5624}.reaction:hover{border-color:#a9ba77;background:#e3ebc6}.reaction.add{padding:0;width:29px;justify-content:center;color:#68785c}.reaction .icon{width:15px;height:15px}.pulse{animation:pop .38s var(--ease)}.thread-link{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--accent);padding:0 3px 0 0;height:27px;border-radius:4px}.thread-link:hover{background:#e4ecd2}.thread-link .avatar.mini{width:21px;height:21px;font-size:10px}.thread-link .icon{width:15px;height:15px}.code-block{border-radius:6px;background:#e9ece3;border:1px solid #dfe4d5;width:560px;max-width:100%;font:13px/1.7 SFMono-Regular,Consolas,monospace;overflow:auto;padding:10px 14px;margin:7px 0 0;color:#37482c}.code-line{color:#687457;margin-right:15px;user-select:none}.code-string{color:#7b4e34}.code-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);font-family:Arial;margin-bottom:5px}.code-top button{padding:0;border-radius:3px;font-size:13px;color:var(--accent)}.unread{border-top:1px solid #d4ddc5;text-align:center;line-height:0;margin:21px 0 18px}.unread span{background:var(--paper);padding:0 12px;font-size:13px;color:#57713b}.poll-title{margin:2px 0 10px}.poll-options{display:flex;gap:9px;max-width:568px}.poll-option{position:relative;flex:1;text-align:left;border:1px solid #d2d9c7;border-radius:6px;padding:7px 12px;min-height:39px;background:#f0f2e9;overflow:hidden;font-size:14px}.poll-option:hover{border-color:#a4b379;background:#e7edd8}.poll-option>span{position:relative;display:flex;justify-content:space-between;gap:14px;align-items:center}.poll-option .progress{position:absolute;inset:0 auto 0 0;background:#e0e7cb;transition:width .28s var(--ease)}.poll-option.voted{border-color:#a7bd6d}.poll-option.voted .progress{background:#d8e5ad}.poll-option b{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.poll-note{margin-top:5px}.typing-line{height:25px;flex-shrink:0;padding:0 34px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots i{width:4px;height:4px;border-radius:50%;background:#738862;animation:typing 1.2s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.composer-wrap{padding:0 34px 23px;flex-shrink:0;position:relative}.composer{border:1px solid #bcc5af;border-radius:10px;background:#fcfdf9;position:relative;box-shadow:0 1px 1px #34402406;transition:border-color .18s,box-shadow .18s;padding:14px 15px 10px}.composer:focus-within{border-color:#8ba45d;box-shadow:0 0 0 2px #dce5c340}.composer.drag-over{border:2px dashed #7b9750;background:#eef4d7}.composer textarea{width:100%;height:43px;resize:none;display:block;border:0;outline:none;background:none;color:var(--ink);font-size:15px;line-height:1.65;padding:0}.composer textarea::placeholder{color:#66705c}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px}.tools{display:flex;gap:5px}.tools .icon-button{width:29px;height:29px;color:#637453}.tools .text-tool{font-size:16px;font-family:Georgia;font-weight:500}.send-area{display:flex;gap:13px;align-items:center}.shortcut{font-size:13px;color:var(--muted)}.send-button{display:flex;align-items:center;gap:14px;padding:6px 12px;border-radius:6px;background:var(--signal);color:#2f3e20;font-size:14px;font-weight:500;min-width:83px;height:33px;justify-content:center}.send-button:hover{background:#deed67}.send-button:disabled{background:#e9eccf;color:#677247}.send-button .icon{width:16px;height:16px}.format-row{display:flex;gap:4px;padding-bottom:9px}.format-row button{font-size:14px;width:29px;height:27px;border-radius:4px}.attached{display:flex;gap:10px;align-items:center;background:#eef1e6;border-radius:6px;padding:8px 10px;margin:0 0 10px;width:max-content;max-width:100%;font-size:13px}.attached strong{font-size:13px;font-weight:500;display:block}.attached small{font-size:13px}.attached .file-symbol{color:#638348}.attached .icon-button{margin-left:16px;flex-shrink:0}.drag-note{position:absolute;inset:0;background:#ecf3dbea;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:12px;color:#46682a;font-weight:600;pointer-events:none;z-index:10}.error{font-size:13px;color:#a23b2a;margin-bottom:6px}.mention-menu{position:absolute;bottom:calc(100% + 9px);left:0;width:340px;background:#fff;border:1px solid #d7decc;border-radius:10px;box-shadow:0 2px 3px #26321f0a,0 12px 36px #26321f15;padding:8px;z-index:30}.menu-title{font-size:13px;color:var(--muted);padding:5px 10px 8px;display:flex;justify-content:space-between}.mention-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border-radius:6px;padding:8px 10px;font-size:14px}.mention-option:first-of-type{background:#edf2df}.mention-option small{margin-left:auto}.mention-option .avatar{width:29px;height:29px;font-size:13px}.emoji-menu{position:absolute;bottom:calc(100% + 9px);left:60px;border:1px solid #d6decb;background:#fff;border-radius:9px;padding:10px;box-shadow:0 8px 28px #29391f1a;z-index:30;display:flex;gap:5px}.emoji-menu button{font-size:22px;width:36px;height:36px;border-radius:6px}.thread-panel{width:362px;flex-shrink:0;border-left:1px solid var(--line);background:#f0f3e9;display:flex;flex-direction:column;min-height:0}.thread-header{height:79px;padding:21px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.thread-header h2{font-size:18px;font-weight:600;letter-spacing:-.3px}.thread-header small{display:block}.thread-history{flex:1;min-height:0;overflow-y:auto;padding:23px 22px;scrollbar-width:thin;scrollbar-color:#b2bca3 transparent}.thread-original{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #d1dac5}.thread-original .message{margin-bottom:0;padding:0;gap:10px}.thread-original .message-text{font-size:14px;margin-top:7px}.thread-original .photo{width:100%;height:129px;border-radius:7px}.thread-original .photo-button{width:100%}.thread-count{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:20px}.thread-count:after{content:"";height:1px;background:#d4ddc8;flex:1}.reply{position:relative;display:flex;gap:10px;margin-bottom:23px}.reply:after{content:"";position:absolute;left:15px;top:35px;bottom:-23px;width:1px;background:#d3ddc5}.reply:last-child:after{display:none}.reply .avatar{width:31px;height:31px;border-radius:8px;font-size:13px;z-index:1}.reply p{font-size:14px;line-height:1.75;margin-top:3px;overflow-wrap:anywhere}.reply .person-name{font-size:14px}.reply time{font-size:13px}.reply .reaction{font-size:13px;height:25px;margin-top:7px;width:max-content}.thread-typing{padding:0 22px 8px;font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}.thread-composer{padding:0 19px 23px}.thread-composer .composer{padding:12px}.thread-composer textarea{font-size:14px;height:60px}.thread-composer .send-button{min-width:68px;gap:6px}.send-new{animation:arrive .36s var(--ease)}.thread-enter{transition:opacity .3s var(--ease),transform .3s var(--ease)}.thread-leave{transition:opacity .2s ease-in,transform .2s ease-in}.slide-from{opacity:0;transform:translateX(18px)}.slide-to{opacity:1;transform:translateX(0)}.dropdown{position:absolute;left:0;right:0;top:45px;background:#37402f;border:1px solid #4d5c40;border-radius:8px;padding:7px;z-index:40;box-shadow:0 7px 20px #121a1055;color:#e1e8d7}.dropdown button{display:flex;width:100%;padding:8px;border-radius:5px;text-align:left;justify-content:space-between;font-size:13px}.dropdown button:hover{background:#4a593b}.profile .dropdown{top:auto;bottom:69px}.overlay{position:fixed;inset:0;background:#17211263;display:grid;place-items:center;z-index:70;backdrop-filter:blur(3px)}.modal{width:min(650px,calc(100vw - 40px));max-height:80vh;background:var(--paper);border:1px solid #d8dfcc;border-radius:13px;box-shadow:0 3px 8px #1c29191a,0 20px 80px #1b291733;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:18px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:18px;font-weight:600}.modal-content{padding:22px 23px;overflow:auto}.search-field{display:flex;gap:12px;align-items:center;padding:8px 12px;border:1px solid #b9c6a6;border-radius:7px;background:#fff}.search-field input{border:0;outline:0;background:none;flex:1;min-width:0;font-size:16px}.search-results{margin-top:14px}.search-result{display:flex;justify-content:space-between;width:100%;padding:12px;border-radius:7px;text-align:left}.search-result:hover{background:#e7edd9}.modal-photo{width:100%;height:auto;display:block;border-radius:7px}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-top:1px solid var(--line);font-size:13px}.download-button{background:#e4edcb;padding:7px 12px;border-radius:6px;display:flex;align-items:center;gap:7px}.modal-person{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e0e5d8}.modal-person small{margin-left:auto}.activity-item{padding:14px 0;border-bottom:1px solid var(--line)}.activity-item p{margin-top:7px;font-size:14px}.feature-note{font-size:14px;color:var(--muted)}.new-file{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:9px 12px;background:#e9efda;border-radius:5px;margin-top:8px;font-size:13px}.new-file .icon{width:17px}.generic-channel{padding:25px 0}.generic-channel h2{font-size:22px;margin-bottom:12px}.generic-channel .message{margin-top:20px}.entry .channel-header{animation:entry .3s var(--ease) both}.entry .history{animation:entry .36s var(--ease) .04s both}.entry .composer-wrap{animation:entry .36s var(--ease) .1s both}.entry .live-strip{animation:entry .3s var(--ease) .06s both}@keyframes entry{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.93)}45%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes typing{0%,75%,100%{opacity:.5;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-width:1190px){.channel-header,.history{padding-left:25px;padding-right:25px}.live-strip{margin-left:25px;margin-right:25px}.composer-wrap{padding-left:25px;padding-right:25px}.typing-line{padding-left:25px}.app:has(.thread-panel:not([style*="display: none"])) .media-row{width:100%}.app:has(.thread-panel:not([style*="display: none"])) .photo{width:230px}.file-card{width:205px}.shortcut{display:none}.live-names{display:none}}@media(max-width:1000px){.rail{width:55px}.sidebar{width:200px}.thread-panel{width:330px}.media-row{flex-wrap:wrap}.file-card{min-height:91px;width:100%;padding:10px 14px}.file-card strong{margin:5px 0}.file-card .file-action{display:none}.live-names{display:none}.header-actions .avatar-stack{display:none}}@media(max-width:760px){.rail{display:none}.sidebar{width:185px;padding-left:9px;padding-right:9px}.thread-panel{position:absolute;right:0;top:0;bottom:0;width:min(390px,calc(100vw - 185px));box-shadow:-8px 0 30px #27371b1c;z-index:45}.channel-header{padding:14px 20px}.channel-title{font-size:20px}.channel-subtitle{display:none}.members-button{display:none}.history{padding-left:20px;padding-right:20px}.composer-wrap{padding-left:20px;padding-right:20px}.typing-line{padding-left:20px}.live-strip{margin-left:20px;margin-right:20px}.live-label{display:none!important}.photo{width:min(320px,100%);height:167px}.media-row{width:100%}.poll-options{flex-direction:column}.thread-original .photo{height:129px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.reaction.add{color:#596c49}.code-line{color:#59674b}
/* Keep the first conversation complete above the composer. */
.channel-header,.thread-header{height:73px}.live-strip{margin-top:12px;min-height:40px}.history{padding-top:6px}.day{margin:6px 0 12px}.message{margin-bottom:12px;padding-top:3px;padding-bottom:3px}.message-text{margin-bottom:7px}.photo{height:156px}.file-card{min-height:156px}.code-block{padding:8px 14px}.code-top{margin-bottom:2px}.unread{margin:17px 0 13px}
/* The live conversation sits on the edge of the composer. */
.typing-line{height:59px;padding-top:7px;padding-bottom:7px;gap:20px;align-items:center}.typing-label{display:flex;gap:9px;align-items:center;white-space:nowrap}.typing-label strong{font-size:13px;font-weight:500;color:#5d6952}.typing-people{display:flex;gap:10px;align-items:center}.typing-person{display:flex;align-items:center;gap:7px;background:#eff2e8;border:1px solid #e0e5d7;border-radius:7px;padding:4px 8px 4px 4px;height:39px;color:#607050;transition:background .24s,border-color .24s}.typing-person .avatar{width:27px;height:27px;font-size:12px;border-radius:6px}.typing-person-name{font-size:13px;font-weight:500}.typing-status{font-size:13px;color:#62724f;margin-left:2px}.typing-person.is-typing{background:#e7efcb;border-color:#d3dfa9}.typing-person.is-typing .tiny-bars{margin-left:2px}.typing-person.is-typing .tiny-bars i{animation:signal 1.05s ease-in-out infinite}.typing-person.is-typing .tiny-bars i:nth-child(2){animation-delay:.22s}.typing-person.is-typing .tiny-bars i:nth-child(3){animation-delay:.44s}.typing-person.is-typing .tiny-bars i:nth-child(4){animation-delay:.11s}.typing-person:not(.is-typing) .tiny-bars{display:none}.typing-person.just-replied{background:#e4eea4;border-color:#b9cc73}.fresh-message .message-body{background:#eaf1d2;border-radius:6px;padding:3px 11px;margin:-3px -11px;transition:background .7s}.message.send-new{transition:background .7s}.send-new .message-body{transition:background .7s}.own-message .message-text{font-weight:500}.send-new{animation:handoff .42s cubic-bezier(.18,.86,.32,1) both}.incoming-reaction{gap:5px;margin-top:7px;width:max-content;animation:pop .4s cubic-bezier(.16,1,.3,1)}.reaction-person{width:19px;height:19px;display:grid;place-items:center;border-radius:5px;background:#e3ae91;color:#643925;font-size:11px;margin-left:2px}.photo{width:290px;height:151px}.file-card{background:#f0f1eb;min-height:151px;width:205px;border:1px solid #e2e5db}.file-card:hover{background:#e8eddf}.thread-original{padding-bottom:16px;margin-bottom:19px}.thread-photo-summary{display:flex;align-items:center;gap:10px;padding:0;background:#e6ecdc;border-radius:6px;width:100%;text-align:left;overflow:hidden;margin-top:10px}.thread-photo-summary:hover{background:#dce7cc}.thread-photo-summary img{width:70px;height:49px;object-fit:cover;flex-shrink:0}.thread-photo-summary span{font-size:13px}.thread-photo-summary small{display:block;font-size:13px;color:#5a6c48}.message.selected{background:#eef2e6}.unread{margin-top:15px;margin-bottom:13px}.history{padding-top:8px}.day{margin-top:8px;margin-bottom:14px}.thread-panel{box-shadow:-1px 0 0 #eff2e7}.thread-enter{transition:opacity .32s cubic-bezier(.18,.86,.32,1),transform .32s cubic-bezier(.18,.86,.32,1)}.slide-from{transform:translateX(34px)}
@keyframes signal{0%,100%{transform:scaleY(.45);opacity:.65}50%{transform:scaleY(1);opacity:1}}@keyframes handoff{0%{opacity:.3;transform:translateY(25px) scale(.99)}65%{opacity:1;transform:translateY(-1px) scale(1)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1190px){.typing-line{gap:10px}.typing-person{gap:5px}.typing-label strong{font-size:13px}.typing-status{display:none}.typing-people{gap:7px}}@media(max-width:1000px){.typing-person-name{display:none}.typing-label{display:none}.typing-line{height:50px}}@media(prefers-reduced-motion:reduce){.typing-person.is-typing .tiny-bars i,.send-new,.incoming-reaction{animation:none!important}}
.typing-person,.typing-status{color:#52643e}

:root{--dock:#292d27;--dock-muted:#c4ceb8;--text-body:15px;--text-small:13px;--text-control:14px;--text-input:16px;--radius-control:6px;--radius-panel:12px}
.composer-wrap{
 margin:0 34px 23px;padding:0;background:var(--dock);border:1px solid #343e2a;border-radius:var(--radius-panel);color:#f4f7ed;
 & .typing-line{padding:13px 17px 11px;height:63px;border-bottom:1px solid #444e38;gap:19px;}
 & .typing-label strong{color:#d1dcc2;font-size:var(--text-small)}
 & .live-dot{background:var(--signal);box-shadow:0 0 0 4px #435331}
 & .typing-person{background:#353e2e;border-color:#4b583c;color:#dbe7c8;height:35px;padding:3px 8px 3px 3px;border-radius:var(--radius-control);}
 & .typing-person .avatar{height:27px;width:27px}
 & .typing-person.is-typing{background:var(--signal);border-color:var(--signal);color:#344522;}
 & .typing-person.is-typing .typing-status{color:#4a602e}
 & .typing-status{color:#d0dac0}
 & .typing-person.just-replied{background:#e9f5a1;border-color:#e9f5a1}
 & .tiny-bars i{background:#465f2b}
 & .composer{border:0;background:transparent;border-radius:0 0 var(--radius-panel) var(--radius-panel);box-shadow:none;padding:17px 17px 13px;}
 & .composer:focus-within{border:0;box-shadow:none}
 & textarea{height:50px;color:#f5f8ed;font-size:var(--text-input);caret-color:var(--signal);line-height:1.7}
 & textarea::placeholder{color:#d1dbc4}
 & .composer-toolbar{margin-top:10px}
 & .tools .icon-button{color:var(--dock-muted)}
 & .tools .icon-button:hover{background:#455139;color:#f1f6e9}
 & .shortcut{color:#bfcbb1}
 & .send-button{height:34px;min-width:89px;background:var(--signal);color:#2d3d1f}
 & .send-button:disabled{background:#424d36;color:#cad6b7}
 & .send-button:not(:disabled):hover{background:#f0fa9e}
 & .mention-menu{color:var(--ink);left:0;bottom:calc(100% + 11px)}
 & .attached{color:var(--ink);background:#eff3e7}
 & .error{color:#ffc8b5}
 & .format-row button{color:#e5edda}
 & .format-row button:hover{background:#455139}
}
.photo{width:270px;height:141px}.file-card{min-height:141px;width:205px;padding:13px 16px}.file-card strong{margin-top:10px}.file-card .file-action{margin-top:10px}.composer-wrap:focus-within{border-color:#647643;box-shadow:0 0 0 2px #e8f0d540}.entry .composer-wrap{animation:entry .38s var(--ease) .1s both}
@media(max-width:1190px){.composer-wrap{margin-left:25px;margin-right:25px;padding:0}.composer-wrap .typing-line{gap:12px}.composer-wrap .typing-status{display:none}}@media(max-width:1000px){.composer-wrap .typing-person-name{display:none}.composer-wrap .typing-label{display:none}.composer-wrap .typing-line{height:54px}}@media(max-width:760px){.composer-wrap{margin-left:20px;margin-right:20px}.composer-wrap .typing-line{padding-left:13px}.composer-wrap .composer{padding:14px 13px 12px}}