:root{font-family:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#233044;background:#f4f6f9;font-size:13px;font-synthesis:none;--blue:#0866ff;--text:#233044;--muted:#8b94a3;--line:#edf0f4;--rail:72px;--list:322px;--info:290px}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}input,textarea,select{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #8cb9ff;outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a8caff;outline-offset:2px}h1,h2,h3,h4,p{margin:0}button,textarea,input{touch-action:manipulation}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.icon-button{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#687689;transition:background .15s,color .15s}.icon-button:hover{background:#eef3f9;color:#0866ff}.icon-button.is-active{background:#eef4ff;color:var(--blue)}[hidden]{display:none!important}.workspace{height:100dvh;min-height:560px;display:grid;grid-template-columns:var(--rail) var(--list) minmax(0,1fr);overflow:hidden;background:#fff}.workspace.with-info{grid-template-columns:var(--rail) var(--list) minmax(0,1fr) var(--info)}
.rail{background:linear-gradient(180deg,#0868ff 0%,#0865f3 55%,#075ae0 100%);display:flex;flex-direction:column;align-items:center;padding:22px 0 14px;color:#fff;z-index:3}.wordmark{font-family:'Arial',sans-serif;font-size:24px;letter-spacing:-1.8px;font-weight:800;color:white;padding:0;margin-bottom:26px}.wordmark>span{display:block;font-size:7px;letter-spacing:3.1px;font-weight:500;margin-top:4px;margin-left:3px;opacity:.7}.self-avatar{width:42px;height:42px;background:#e4dbcc;color:#675d52;border:2px solid #ffffffb3;border-radius:50%;font-size:19px;font-weight:600;position:relative;box-shadow:0 3px 12px #0047b330;margin-bottom:26px}.self-avatar>span{position:absolute;width:10px;height:10px;right:-1px;bottom:0;background:#74da9c;border:2px solid var(--blue);border-radius:50%}.rail-nav{width:100%;display:flex;flex-direction:column;gap:8px}.rail-item{position:relative;width:58px;min-height:62px;margin:0 7px;border-radius:10px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;color:#d8e7ff;transition:background .15s}.rail-item>.icon{width:25px;height:25px;stroke-width:1.6}.rail-item>span{font-size:9px;font-weight:450}.rail-item.active{background:#ffffff21;color:white}.rail-item.active:before{content:'';position:absolute;left:-7px;top:13px;bottom:13px;width:3px;background:#fff;border-radius:0 3px 3px 0}.rail-item:hover{background:#ffffff16}.rail-item>b{position:absolute;top:4px;right:8px;background:#ff697a;font-size:9px;min-width:16px;height:16px;padding:2px 4px;border-radius:7px;color:#fff;font-weight:600;border:1px solid #0866ff}.rail-bottom{margin-top:auto}.rail-line{height:1px;background:#ffffff22;margin:8px 17px}
.conversation-pane{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid #e9edf2;background:#fff}.list-heading{padding:28px 19px 20px 23px;display:flex;align-items:center;justify-content:space-between}.list-heading h1{font-size:23px;letter-spacing:-.9px;font-weight:700}.list-heading>div{display:flex;gap:0}.list-heading .icon-button{width:31px;height:31px}.list-heading .icon{width:19px;height:19px}.global-search{display:flex;align-items:center;gap:8px;margin:0 20px;background:#f2f4f7;border:1px solid transparent;padding:9px 10px;border-radius:7px;min-height:37px}.global-search:focus-within{border-color:#a2c5ff;background:#f7faff}.global-search>.icon{width:16px;height:16px;color:#919aa8}.global-search input{border:0;background:none;min-width:0;width:100%;font-size:11px;color:#314056}.global-search input::placeholder{color:#929caa}.global-search kbd{font-size:9px;white-space:nowrap;border:1px solid #e0e5eb;background:#f9fafb;border-radius:3px;padding:2px 4px;color:#a0a8b5}.list-tabs{margin:18px 20px 0;display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line)}.list-tabs>button{font-size:11px;color:#8791a0;padding:0 0 13px;position:relative;font-weight:500;white-space:nowrap}.list-tabs>button.selected{color:#0866ff;font-weight:650}.list-tabs>button.selected:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:var(--blue);border-radius:2px}.list-tabs>button>span{font-size:9px;padding:2px 5px;border-radius:4px;background:#f0f2f5;margin-left:4px;color:#8d97a4}.list-tabs .tab-more{margin-left:auto;padding-bottom:11px}.tab-more .icon{width:17px;height:17px}.list-section-label{display:flex;align-items:center;justify-content:space-between;padding:19px 23px 10px;font-size:8px;letter-spacing:1px;color:#99a2b0;font-weight:550}.list-section-label>span:last-child{font-size:9px;letter-spacing:0}.thread-list{overflow:auto;flex:1;padding:0 9px;scrollbar-width:thin;scrollbar-color:#dce2eb transparent}.thread{display:flex;align-items:center;gap:12px;width:100%;padding:15px 12px;text-align:left;border-radius:8px;margin:2px 0;min-height:80px;transition:background .15s}.thread:hover{background:#f6f8fb}.thread.active{background:#edf4ff}.thread-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:9px}.thread-top,.thread-bottom{display:flex;gap:8px;align-items:center;justify-content:space-between}.thread-top strong{font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread.unread .thread-top strong{font-weight:700}.thread-top time{font-size:9px;color:#a0a8b5;flex-shrink:0}.thread.active .thread-top time{color:#6e9adb}.thread-bottom{font-size:10px;color:#929ba8;min-height:14px}.thread-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%;line-height:1.4}.thread.unread .thread-preview{color:#68768b}.you-label{color:#97a1af}.pin-indicator{width:12px;height:12px;transform:rotate(30deg);color:#a9b5c6}.unread-badge{background:#4082f5;border-radius:5px;color:white;font-size:9px;min-width:16px;height:16px;text-align:center;line-height:16px;font-weight:500;flex-shrink:0}.inline-icon{width:11px;height:11px;margin-right:4px;vertical-align:-1px}.sidebar-bottom{padding:15px 19px 0;background:#fff}.connect-card{background:linear-gradient(120deg,#f0f6ff,#f5f8ff);border:1px solid #e6efff;border-radius:9px;padding:14px 13px 11px;display:grid;grid-template-columns:32px 1fr;gap:9px}.connect-illustration{color:#4b8cf7;padding-top:2px}.connect-illustration>.icon{width:29px;height:29px;stroke-width:1.4}.connect-card strong{font-size:10px;font-weight:650;letter-spacing:-.15px}.connect-card p{color:#92a0b5;font-size:9px;line-height:1.8;margin-top:5px}.connect-card>button{grid-column:1/-1;background:#fff;border:1px solid #e0eafa;border-radius:5px;color:#367bea;font-size:10px;display:flex;align-items:center;justify-content:center;gap:8px;height:31px;margin-top:1px;font-weight:550}.connect-card>button:hover{background:#eaf2ff}.connect-card>button>.icon{width:14px;height:14px}.sidebar-foot{display:flex;gap:6px;align-items:center;color:#9ba5b2;font-size:8px;padding:9px 0}.sidebar-foot>.icon-button{margin-left:auto;width:23px;height:23px}.sidebar-foot .icon{width:13px;height:13px}.status-dot{width:5px;height:5px;border-radius:50%;background:#aab7c9}.status-dot.connected{background:#36bb88}
.avatar{display:inline-flex;position:relative;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;font-size:12px;letter-spacing:-.5px;font-weight:600;color:#486c64;vertical-align:middle;user-select:none}.avatar.sage{background:#dce7d8;color:#567958}.avatar.rose{background:#eddfda;color:#9c7066}.avatar.blue{background:#dce8f6;color:#4d74a6}.avatar.sand{background:#ede5d9;color:#9b805c}.avatar.violet{background:#e6e1f2;color:#8c78aa}.avatar.mint{background:#d7ede7;color:#508f7e}.avatar.portrait svg{width:100%;height:100%;border-radius:50%}.avatar.small{width:30px;height:30px;font-size:9px}.avatar.list-avatar{width:44px;height:44px}.avatar.header-avatar{width:43px;height:43px}.avatar.profile-avatar{width:70px;height:70px;font-size:22px}.online-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;background:#69c994;border-radius:50%;border:2px solid white}.group-avatar{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:transparent!important;overflow:hidden;padding:1px}.group-avatar>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:6px;font-weight:600;background:#c0cdb8;color:#fff}.group-avatar>span:nth-child(2){background:#e5d1be;color:#83675b}.group-avatar>span:nth-child(3){background:#c7d7e3;color:#638096}.group-avatar>span:nth-child(4){background:#e2d9cc;color:#8b7b66}.group-avatar.profile-avatar{gap:3px}.group-avatar.profile-avatar>span{font-size:9px}.cloud-avatar{background:#e8f2ff;color:#508fec}
.chat-pane{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:#f0f3f7}.chat-header{height:84px;min-height:84px;background:white;display:flex;align-items:center;padding:0 25px;gap:13px;border-bottom:1px solid var(--line);z-index:1}.chat-title{min-width:0}.chat-title h2{font-size:16px;letter-spacing:-.5px;font-weight:650;display:flex;gap:7px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title h2 .icon{width:13px;height:13px;color:#a4adbb}.chat-title>span{display:flex;gap:5px;align-items:center;color:#99a3b1;font-size:9px;margin-top:8px;white-space:nowrap}.chat-title>span>.icon{width:12px;height:12px}.header-divider{margin:0 3px;color:#d0d7df}.tiny-dot{width:5px;height:5px;background:#80c29a;border-radius:50%}.chat-actions{margin-left:auto;display:flex;gap:5px;align-items:center;padding-left:8px}.chat-actions .icon{width:20px;height:20px;stroke-width:1.6}.action-divider{height:22px;width:1px;background:#e9edf2;margin:0 8px}.mobile-back{display:none}.pinned-banner{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 26px;background:#fff;min-height:61px;box-shadow:0 2px 5px #23304403}.pin-square{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:7px;background:#eff5ff;color:#6e9fee}.pin-square>.icon{width:16px;height:16px;transform:rotate(30deg)}.pinned-banner>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.pinned-banner strong{font-size:10px;font-weight:550}.pinned-banner small{font-size:8px;color:#a1a9b6}.pinned-banner>.icon{width:14px;height:14px;margin-left:auto;color:#a2adbc}.conversation-search{display:flex;align-items:center;gap:10px;padding:10px 25px;background:#fff;border-bottom:1px solid var(--line)}.conversation-search input{border:0;background:#f4f7fb;border-radius:5px;padding:8px 12px;flex:1;min-width:0;font-size:11px}.conversation-search>.icon{color:#8b98a8;width:18px}.messages{flex:1;min-height:0;overflow:auto;padding:5px 27px 25px;background:radial-gradient(ellipse at 50% 0%,#f4f6f9 0%,#eff2f6 100%);scrollbar-width:thin;scrollbar-color:#d4dce7 transparent;scroll-behavior:smooth}.date-divider{display:flex;justify-content:center;padding:17px 0 23px}.date-divider span{font-size:8px;background:#e6eaf0;color:#9ca6b5;padding:5px 12px;border-radius:12px;letter-spacing:.1px}.message-row{display:flex;gap:9px;align-items:flex-start;margin-bottom:17px;position:relative}.message-row.grouped{margin-top:-9px}.message-avatar{padding-top:17px}.invisible{visibility:hidden}.message-body{position:relative;min-width:0;max-width:86%;display:flex;flex-direction:column;align-items:flex-start}.sender-name{font-size:9px;color:#8f9baa;line-height:1;margin:0 0 7px 2px}.bubble{position:relative;background:#fff;border-radius:0 10px 10px 10px;padding:12px 14px 8px;box-shadow:0 1px 2px #263b5c03;max-width:100%;min-width:80px}.message-text{font-size:11px;line-height:1.9;color:#3c495b;overflow-wrap:anywhere;white-space:normal}.message-meta{font-size:8px;color:#a4aebb;display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:5px;min-height:12px}.message-meta>.icon{width:12px;height:12px;color:#78a5d5}.self{justify-content:flex-end}.self .message-body{align-items:flex-end}.self .bubble{border-radius:10px 0 10px 10px;background:#dfeeff;box-shadow:none}.self .message-text{color:#365677}.self .message-meta{color:#8da6c0}.self .message-body{max-width:85%}.grouped .bubble{border-radius:10px}.image-bubble{padding:5px 5px 6px!important;background:#fff!important;max-width:470px}.image-message{display:block;padding:0;line-height:0;width:100%;border-radius:7px;overflow:hidden;background:#eeebdf}.image-message img{display:block;width:100%;max-height:270px;object-fit:cover}.image-bubble .message-meta{padding-right:7px;margin-top:4px}.image-caption{padding:5px 8px}.message-reaction{position:absolute;right:9px;bottom:-10px;background:#fff;border:1px solid #e9edf3;border-radius:15px;box-shadow:0 2px 4px #263b5c08;display:flex;gap:4px;align-items:center;padding:2px 6px;font-size:11px}.message-reaction small{font-size:8px;color:#8896a9}.message-hover-actions{position:absolute;display:flex;align-items:center;gap:3px;left:100%;bottom:15px;padding:3px 5px;opacity:0;transition:opacity .15s}.message-hover-actions button{width:25px;height:25px;background:#fff9;border-radius:50%;color:#96a2b2}.message-hover-actions .icon{width:14px;height:14px}.message-row:hover .message-hover-actions,.message-row:focus-within .message-hover-actions{opacity:1}.self .message-hover-actions{left:auto;right:100%}.file-bubble{min-width:300px;padding:11px 13px 6px}.file-message{display:flex;align-items:center;gap:11px;padding:2px 1px;min-width:0}.file-type{display:flex;position:relative;align-items:center;justify-content:center;color:#f07468;background:#fff4ee;width:40px;height:46px;border-radius:7px;flex-shrink:0}.file-type>.icon{height:31px;width:27px;stroke-width:1.1}.file-type>b{position:absolute;font-size:6px;bottom:9px;left:14px}.file-message>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}.file-message strong{font-size:10px;font-weight:550;overflow-wrap:anywhere}.file-message small{font-size:8px;color:#8ba2bc}.file-message>.icon{width:15px;height:15px;margin-left:14px;color:#78a0cc}.message-quote{border-left:3px solid #6d9adb;background:#ffffff60;border-radius:3px;padding:7px 9px;margin-bottom:7px;display:flex;flex-direction:column;gap:4px;max-width:320px}.message-quote strong{font-size:9px;font-weight:550}.message-quote span{font-size:10px;color:#7b8a9f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-older{display:block;margin:10px auto 0;color:#5c91d4;font-size:10px;padding:8px 14px;border-radius:15px;background:#fff9}.empty-chat,.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px;color:#8a98ab;gap:12px}.empty-chat{min-height:200px;height:100%}.empty-chat>.icon,.empty-list>.icon{width:35px;height:35px;color:#b5c5da}.empty-chat strong,.empty-list strong{font-weight:550;font-size:13px}.empty-chat p,.empty-list p{font-size:11px;line-height:1.8}.empty-list{padding:40px 15px}.empty-list strong{font-size:11px}.empty-list p{font-size:10px}
.composer-wrap{flex-shrink:0;background:#fff;border-top:1px solid #e6ebf2;padding:0 21px 0}.composer-toolbar{height:49px;display:flex;justify-content:space-between;align-items:center}.composer-toolbar>div{display:flex;align-items:center;gap:6px}.composer-toolbar .icon-button{width:29px;height:30px}.composer-toolbar .icon{width:20px;height:20px;stroke-width:1.6;color:#7d8ca0}.toolbar-divider{height:18px;width:1px;background:#e7ebf1;margin:0 5px}.composer-hint{font-size:8px;color:#acb5c2;display:flex;align-items:center;gap:5px}.composer-hint>.icon{width:11px;height:11px}.composer{display:flex;align-items:flex-end;gap:8px;min-height:55px;padding:2px 0 7px}.composer textarea{flex:1;resize:none;border:0;padding:10px 3px;max-height:130px;min-height:38px;line-height:1.7;font-size:11px;color:#46556b;background:#fff;min-width:0}.composer textarea:focus-visible{outline:0}.composer textarea::placeholder{color:#a6afbd;font-weight:400}.composer-send{display:flex;gap:7px;align-items:center;flex-shrink:0;padding-bottom:4px}.composer-send>.icon-button{width:30px;color:#9aa6b7}.send-button{background:#0866ff;color:#fff;display:flex;align-items:center;gap:10px;padding:9px 15px;border-radius:6px;font-size:10px;font-weight:550;min-height:35px}.send-button:not(:disabled):hover{background:#0055e3}.send-button:disabled{background:#edf3ff;color:#82a8e6;opacity:1}.send-button>.icon{width:15px;height:15px}.composer-bottom{display:flex;justify-content:space-between;border-top:1px solid #f1f3f6;padding:10px 0 12px;color:#b1bac8;font-size:7px;gap:8px}.composer-bottom kbd{font-family:inherit;color:#9eaabb}.composer-bottom>span:last-child{display:flex;gap:4px;align-items:center;white-space:nowrap}.sample-dot{width:4px;height:4px;border-radius:50%;background:#b5c2d3}.sample-dot.live{background:#70bd95}.reply-preview,.attachment-preview{display:flex;gap:10px;align-items:center;background:#f4f7fc;border-left:3px solid #80aef6;border-radius:4px;margin:10px 0 0;padding:9px 11px}.reply-preview>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.reply-preview strong{font-size:10px}.reply-preview span{font-size:10px;color:#98a4b5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply-preview>.icon{width:16px;color:#76a2e5}.reply-preview .icon-button,.attachment-preview .icon-button{width:25px;height:25px;margin-left:auto}.attachment-preview>span{font-size:10px;display:flex;gap:8px}.attachment-preview small{color:#8c9aaf}.attachment-preview>.icon{color:#80a3cf}.emoji-picker{position:absolute;z-index:5;bottom:152px;left:25px;width:280px;background:#fff;border:1px solid #e5ebf3;box-shadow:0 8px 35px #172f4f1c;border-radius:12px;padding:10px}.emoji-picker>div:first-child{display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:11px}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:5px}.emoji-grid button{font-size:23px;padding:7px 2px;border-radius:8px}.emoji-grid button:hover{background:#edf4ff}
.info-pane{display:none;background:#fff;border-left:1px solid #e9edf2;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#dce3ee transparent}.with-info>.info-pane{display:flex;flex-direction:column}.info-heading{display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 22px;height:84px;min-height:84px;border-bottom:1px solid var(--line)}.info-heading h3{font-size:12px;font-weight:600}.info-heading .icon-button{width:25px;height:25px;color:#a4adba}.info-heading .icon{width:16px;height:16px}.profile-summary{padding:27px 18px 22px;text-align:center;border-bottom:6px solid #f5f7fa}.profile-summary>.avatar{margin-bottom:14px}.profile-summary h3{font-size:15px;letter-spacing:-.4px;font-weight:650}.profile-summary>span:not(.avatar){display:block;color:#9ea7b5;font-size:9px;margin-top:7px}.profile-actions{display:flex;justify-content:space-around;margin-top:23px;gap:6px}.profile-actions button{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:8px;color:#8895a7;padding:0;flex:1}.circle-action{width:34px;height:34px;border-radius:50%;background:#f3f5f8;color:#7f8ea1;display:flex;align-items:center;justify-content:center}.circle-action>.icon{width:17px;height:17px;stroke-width:1.5}.circle-action.blue-action{background:#edf4ff;color:#4d8cf0}.profile-actions button:hover .circle-action{background:#e3efff}.info-row{min-height:53px;width:100%;display:flex;align-items:center;gap:10px;padding:15px 22px;border-bottom:1px solid var(--line);text-align:left}.info-row>.icon:first-child{width:17px;height:17px;color:#8a98aa}.info-row>strong{font-size:10px;font-weight:550}.info-row>span{font-size:9px;color:#a6b0be;margin-left:auto}.info-row>.icon:last-child{width:13px;height:13px;color:#a7b0bd;margin-left:auto}.info-section{padding:19px 21px;border-bottom:6px solid #f5f7fa}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h4{font-size:11px;font-weight:600}.section-title>.icon,.section-title>button>.icon{width:13px;height:13px;color:#9ba6b5}.section-title button{padding:0}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.media-grid>button{height:70px;padding:0;border-radius:5px;overflow:hidden;background:#eeeade}.media-grid img{height:100%;width:100%;object-fit:cover}.leaf-tile{background:linear-gradient(130deg,#8c987a,#cad1b7)!important;display:flex;align-items:center;justify-content:center}.leaf-tile>span{font-size:45px;transform:rotate(-28deg);filter:saturate(.55)}.color-tile{display:flex!important;align-items:center;justify-content:center;background:#e8dfcf!important;gap:0}.color-tile>i{width:24px;height:24px;border-radius:50%;background:#697955;margin-left:-9px}.color-tile>i:nth-child(2){background:#c2b398}.color-tile>i:nth-child(3){background:#e2d6c1}.view-all{width:100%;padding:8px;background:#f4f6f9;color:#929dad;border-radius:4px;font-size:9px;margin-top:10px}.view-all:hover{background:#edf3fc;color:#6592d0}.shared-file{display:flex;align-items:center;gap:9px;min-width:0}.mini-file{width:30px;height:36px;background:#fff1eb;border-radius:4px;color:#ec8e7e;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-file>.icon{width:23px;height:26px;stroke-width:1.1}.mini-file>b{position:absolute;font-size:5px;bottom:8px;left:11px}.shared-file>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:8px;flex:1}.shared-file strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:500}.shared-file small{font-size:8px;color:#a2adba}.shared-file>.icon{color:#a6b1bf;width:13px;height:13px}.section-empty{font-size:9px;color:#a0aaba;line-height:1.8}.info-local{margin:24px 21px 15px;display:flex;gap:10px;background:#f7f9fb;padding:12px 10px;border-radius:6px}.local-icon{color:#96abc6}.local-icon>.icon{width:20px;height:20px}.info-local strong{font-size:9px;font-weight:550;color:#7b8da4}.info-local p{font-size:8px;color:#a4afbe;line-height:1.9;margin-top:5px}.info-footer{font-size:8px;color:#b7c0cd;text-align:center;margin:auto 0 19px;padding-top:15px}.info-footer>span{margin:0 6px}
.welcome{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px;gap:18px}.welcome-mark{color:var(--blue);font-size:45px;letter-spacing:-2px;font-weight:800}.welcome-mark>span{font-size:15px;margin-left:7px;font-weight:450;letter-spacing:0}.welcome h2{font-size:22px;font-weight:550;letter-spacing:-.5px}.welcome p{font-size:12px;line-height:1.9;color:#91a0b4;max-width:350px}.welcome-art{display:flex;gap:25px;align-items:center;padding:25px;color:#b8cef0}.welcome-art .icon{width:55px;height:55px;stroke-width:1}.welcome-art .icon:nth-child(2){width:75px;height:75px;color:#6a9ce6}.subtle{display:flex;align-items:center;gap:6px;font-size:9px;color:#a3adba}.subtle .icon{width:12px;height:12px}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;color:#93a2b7;font-size:11px}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #d9e6fa;border-top-color:#2875ee;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.spinner.large{width:35px;height:35px;border-width:3px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:12px 18px;min-height:41px;font-size:11px;font-weight:550;transition:background .15s}.primary-button{background:#0866ff;color:#fff}.primary-button:not(:disabled):hover{background:#0057e6}.primary-button>.icon,.secondary-button>.icon{width:17px;height:17px}.primary-button .spinner{border-color:#ffffff45;border-top-color:white}.secondary-button{background:#f3f6fb;border:1px solid #e8edf4;color:#627690}.secondary-button:hover{background:#eaf1fb}.text-button{font-size:11px;color:#4d87de;padding:10px 4px}.full{width:100%;margin-top:10px}.center{text-align:center}.text-input,select{width:100%;border:1px solid #e1e7f0;padding:11px 12px;border-radius:6px;color:#40536d;background:#fff;font-size:11px}.field-label{display:block;font-size:10px;color:#7a8a9f;font-weight:550;margin:19px 0 9px}.modal-overlay{position:fixed;inset:0;z-index:20;background:#172d4c52;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .15s ease}.modal{background:#fff;border:1px solid #ffffff80;border-radius:16px;width:430px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 25px 100px #142d5233;animation:slide-in .2s ease}.modal-header{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid var(--line);z-index:1}.modal-header h2{font-size:14px;font-weight:600;letter-spacing:-.25px}.modal-header .icon-button{width:28px;height:28px}.modal-header .icon{width:17px;height:17px}.modal-content{padding:23px}.modal-content>p{font-size:11px;line-height:1.9;color:#8392a7;margin-bottom:14px}.modal-content h3{font-size:16px;font-weight:600;margin:5px 0 12px}.modal-lead{font-size:11px;line-height:1.9;color:#8c9aaf;text-align:center;margin:10px 0 20px}.fine-print{font-size:9px!important;line-height:1.9!important;color:#a0adbf!important;margin:15px 0 0!important;text-align:center}.login-intro{padding:25px 30px 0;text-align:center}.login-mark{font-size:32px;letter-spacing:-1.5px;font-weight:750;color:#0866ff;margin-bottom:17px}.login-mark>span{font-size:13px;letter-spacing:0;font-weight:450;margin-left:6px;color:#8b9fb9}.login-intro h3{font-size:16px;letter-spacing:-.5px;font-weight:600}.login-intro p{font-size:10px;color:#99a5b6;line-height:1.9;margin:10px 15px}.qr-container{width:205px;height:205px;margin:20px auto 13px;border:1px solid #e8eef7;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#fbfcfe;padding:10px}.qr-container>p{font-size:10px;color:#9cabc0;margin:15px;text-align:center;line-height:1.8}.qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;padding:15px}.qr-placeholder>.icon{width:60px;height:60px;color:#a7bddb;stroke-width:1}.qr-placeholder>span{font-size:10px;color:#94a3b8;line-height:1.8}.qr-image{width:100%;height:100%;object-fit:contain;border-radius:5px}.qr-scanned{position:absolute;inset:0;background:#ffffffeb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#3fa273;border-radius:13px}.qr-scanned>.icon{width:45px;height:45px}.login-status{display:flex;align-items:center;justify-content:center;text-align:center;gap:5px;font-size:9px;color:#8b9db4;padding:0 20px;min-height:25px}.login-status>.icon{width:12px;height:12px}.login-footer{padding:10px 29px 20px;text-align:center}.login-footer>p{font-size:8px;color:#a4afbe;margin:12px 0 6px;line-height:1.8}.login-footer>.text-button{font-size:9px}.account-connected{text-align:center;padding:10px 0 20px}.account-connected h3{margin-top:14px}.account-connected p{color:#94a1b3;font-size:11px}.sync-illustration{display:flex;gap:25px;align-items:center;justify-content:center;padding:10px 0 23px;color:#88ace0}.sync-illustration>span{width:64px;height:64px;background:#f0f5fd;border-radius:15px;display:flex;align-items:center;justify-content:center}.sync-illustration>span>.icon{width:35px;height:35px;stroke-width:1.2}.sync-illustration>.icon{width:23px;height:23px;color:#b2c9eb}.sync-state{display:flex;gap:10px;background:#f3f7fc;border:1px solid #e9eff8;border-radius:8px;padding:13px;margin-top:16px;align-items:flex-start}.sync-state>.icon{color:#88a8d4;width:17px;height:17px}.sync-state strong{font-size:10px;font-weight:550;line-height:1.8}.sync-state p{font-size:10px;color:#b87569;line-height:1.8;margin-top:6px}.sync-state pre{font-size:9px;max-width:300px;white-space:pre-wrap;overflow-wrap:anywhere;color:#70849e;max-height:150px;overflow:auto}.sync-log{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:9px;background:#f8fafc;border:1px solid #edf1f6;border-radius:6px;max-height:170px;overflow:auto;padding:12px;line-height:1.8;margin:12px 0;color:#7e8da2}.settings-profile{display:flex;gap:16px;align-items:center;padding:0 0 22px}.settings-profile h3{font-size:14px;margin:0 0 8px}.settings-profile p{color:#97a4b7;font-size:10px}.settings-section{border-top:1px solid var(--line);padding-top:18px;margin-top:4px}.settings-section h4{font-size:8px;letter-spacing:1px;color:#a6b0be;margin-bottom:9px}.settings-option{display:flex;align-items:center;gap:13px;width:100%;padding:13px 3px;text-align:left;border-radius:6px}.settings-option:hover{background:#f6f9fe}.settings-option>.icon:first-child{color:#87a6d1;width:21px;height:21px}.settings-option>span{display:flex;flex-direction:column;gap:7px;flex:1}.settings-option strong{font-size:11px;font-weight:500}.settings-option small{font-size:9px;color:#a2adbd}.settings-option>.icon:last-child{color:#93b0d9;width:16px;height:16px}.settings-note{font-size:8px;text-align:center;color:#b1bac8;line-height:1.9;margin:22px 0 0}.contact-row{display:flex;align-items:center;gap:12px;padding:12px 8px;width:100%;border-radius:7px;text-align:left}.contact-row:hover{background:#f3f7fd}.contact-row>strong{font-size:11px;font-weight:500;flex:1}.contact-row>.icon{width:18px;height:18px;color:#88a8d6}.modal-search{margin:0 0 13px}.contacts-modal .modal-content{padding:17px}.member-choices{max-height:290px;overflow:auto}.member-choice{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f2f4f7;font-size:11px;color:#6c7d94}.member-choice input{margin-left:auto;accent-color:#0866ff;width:15px;height:15px}.member-role{font-size:9px;color:#a0adbe}.image-modal{width:min(850px,90vw)}.lightbox{padding:22px;display:flex;flex-direction:column;gap:16px;align-items:center}.lightbox>img{max-width:100%;max-height:70vh;border-radius:7px}.gallery-content{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px}.gallery-content>button{padding:0;overflow:hidden;border-radius:7px}.gallery-content img{width:100%;height:150px;object-fit:cover}.links-list>a{display:flex;gap:8px;align-items:center;font-size:11px;color:#5e8dc9;overflow-wrap:anywhere;padding:9px 0}.storage-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.storage-stats>div{display:flex;flex-direction:column;gap:10px;padding:25px 12px;text-align:center;background:#f3f7fe;border-radius:9px}.storage-stats strong{font-size:28px;color:#4386e9;letter-spacing:-1px}.storage-stats span{font-size:10px;color:#91a4bf}.about-logo{font-size:28px;color:var(--blue);font-weight:750;letter-spacing:-1px;margin-bottom:17px}.about-logo>span{font-size:15px;letter-spacing:0;font-weight:400;color:#8496b0}.reference-links{display:flex;flex-direction:column;gap:10px;margin-top:20px}.reference-links>a{display:flex;justify-content:space-between;padding:10px 12px;font-size:11px;background:#f4f7fc;color:#6d8dbb;border-radius:5px}.reference-links .icon{width:14px;height:14px}#toast-root{position:fixed;z-index:50;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;width:max-content;max-width:90vw;pointer-events:none}.toast{background:#243954;color:#fff;border:1px solid #ffffff22;border-radius:9px;box-shadow:0 8px 30px #172c4929;padding:13px 17px;font-size:11px;display:flex;align-items:center;gap:10px;animation:slide-in .2s ease;line-height:1.7}.toast>.icon{color:#83d6b3;width:18px;height:18px}.toast.error>.icon{color:#ffb9a9}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){:root{--list:350px;--info:310px}.message-body{max-width:78%}.messages{padding-left:35px;padding-right:35px}.thread{min-height:85px}.image-bubble{max-width:520px}.image-message img{max-height:292px}.list-heading{padding-top:31px}.chat-header,.info-heading{height:90px;min-height:90px}}
@media(max-width:1250px){:root{--list:285px;--info:260px;--rail:66px}.rail-item{width:54px;margin:0 6px}.chat-header{padding:0 18px;gap:10px}.chat-actions{gap:1px}.chat-actions .icon-button{width:29px}.chat-title h2{font-size:14px}.chat-title>span{font-size:8px}.action-divider{margin:0 4px}.messages{padding-left:18px;padding-right:18px}.message-text{font-size:10px}.thread{padding-left:9px;padding-right:9px;gap:10px}.thread-top strong{font-size:10px}.thread-preview{font-size:9px}.list-heading{padding-left:20px}.list-heading h1{font-size:21px}.profile-actions button{font-size:7px}.info-section{padding:17px}.info-row{padding-left:17px;padding-right:17px}.info-heading{padding-left:17px}.media-grid>button{height:62px}.file-bubble{min-width:250px}.composer-hint{display:none}.message-body,.self .message-body{max-width:89%}.thread.list-avatar{width:40px;height:40px}}
@media(max-width:1080px){.workspace.with-info{grid-template-columns:var(--rail) var(--list) minmax(0,1fr)}.workspace.with-info>.info-pane{position:absolute;right:0;top:0;bottom:0;width:290px;z-index:6;box-shadow:-15px 0 50px #203c6c13}.workspace:not(.with-info)>.info-pane{display:none}.message-text{font-size:11px}.chat-actions{gap:6px}.profile-actions button{font-size:8px}.info-pane .media-grid>button{height:70px}.file-bubble{min-width:290px}.message-body,.self .message-body{max-width:85%}}
@media(max-width:760px){:root{--rail:60px;--list:280px}.workspace,.workspace.with-info{grid-template-columns:var(--rail) minmax(0,1fr);min-height:0}.rail{padding-top:21px}.wordmark{font-size:21px}.rail-item{width:48px;margin-left:6px}.rail-item>span{font-size:8px}.rail-item.active:before{left:-6px}.self-avatar{width:36px;height:36px}.conversation-pane{border-right:0}.list-heading{padding-top:25px}.list-heading h1{font-size:23px}.thread{min-height:83px;padding:15px 13px}.thread-top strong{font-size:12px}.thread-preview{font-size:10px}.thread-top time{font-size:9px}.thread-copy{gap:10px}.global-search input{font-size:12px}.list-tabs>button{font-size:12px}.list-section-label{font-size:9px}.chat-pane{display:none}.workspace.with-info>.info-pane{display:none}.workspace.mobile-chat-open{grid-template-columns:minmax(0,1fr)}.mobile-chat-open>.rail,.mobile-chat-open>.conversation-pane{display:none}.mobile-chat-open>.chat-pane{display:flex}.mobile-chat-open.with-info>.info-pane{display:flex;width:min(300px,85vw)}.mobile-back{display:inline-flex}.chat-header{height:74px;min-height:74px;padding:0 12px;gap:9px}.chat-header>.avatar{width:37px;height:37px}.chat-actions>.icon-button[data-action="call"],.chat-actions>.icon-button[data-action="video-call"],.action-divider{display:none}.chat-actions{padding-left:0;margin-left:auto}.chat-title h2{font-size:14px}.chat-title>span{font-size:8px}.chat-actions .icon-button{width:29px}.pinned-banner{padding:10px 18px}.messages{padding:3px 13px 22px}.message-body,.self .message-body{max-width:86%}.message-text{font-size:12px}.sender-name{font-size:10px}.message-meta{font-size:9px}.message-avatar .avatar.small{width:27px;height:27px}.message-row{gap:7px}.bubble{padding:11px 12px 7px}.file-bubble{min-width:245px}.file-message strong{font-size:10px}.composer-wrap{padding:0 13px}.composer textarea{font-size:12px}.composer-toolbar{height:45px}.composer-bottom{font-size:7px}.composer-bottom>span:first-child{display:none}.composer-bottom>span:last-child{margin-left:auto}.send-button{padding:9px 13px}.composer-toolbar .icon-button{width:30px}.info-heading{height:74px;min-height:74px}.message-hover-actions{display:none}.date-divider{padding-bottom:20px}.sidebar-bottom{padding-left:20px;padding-right:20px}.connect-card strong{font-size:11px}.connect-card p{font-size:10px}.connect-card>button{font-size:11px;height:34px}.sidebar-foot{font-size:9px;padding:10px 0}.modal-overlay{padding:15px}.modal{max-height:calc(100dvh - 30px);border-radius:13px}.modal-header{padding:15px 18px}.toast{font-size:10px}.wordmark{margin-bottom:23px}.global-search kbd{display:none}.image-bubble{max-width:100%}.info-heading h3{font-size:12px}}
.sync-option{display:flex;gap:9px;margin-top:17px;align-items:flex-start;font-size:10px;color:#60758f;line-height:1.7}.sync-option input{accent-color:var(--blue);margin-top:3px}.sync-option small{display:block;font-size:9px;color:#9aa8ba;margin-top:4px}.sync-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.sync-summary-grid>div{padding:12px;background:#f5f8fd;border-radius:6px;display:flex;flex-direction:column;gap:6px}.sync-summary-grid strong{font-size:19px;color:#4386e9;font-weight:600}.sync-summary-grid span,.sync-summary-note{font-size:9px;color:#8c9eb5}.sync-summary-note{line-height:1.8;margin-top:10px}
.real-group>.avatar{width:100%;height:100%;font-size:7px}.real-group .avatar-fallback{font-size:7px}.real-group.profile-avatar .avatar-fallback{font-size:10px}
.real-avatar{overflow:hidden}.real-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.self-avatar>.avatar{width:100%;height:100%;position:relative;bottom:auto;right:auto;border:0}.self-avatar{padding:0}
.messages{overflow-x:hidden}.image-message img{aspect-ratio:1000 / 560}.message-text{font-size:12px}.thread-top strong{font-size:12px}.thread-preview{font-size:10px}.info-pane h4{font-size:12px}.profile-summary h3{font-size:16px}.chat-title h2{font-size:17px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Photo send reports */
.photo-bot-avatar { background: #e5efff; color: #0866ff; }
@media(min-width:761px) { .workspace.with-info.photo-report-open { grid-template-columns:var(--rail) var(--list) minmax(0,1fr); } }
.workspace.photo-report-open .info-pane { display:none; }
.photo-bot-avatar .icon { width: 27px; height: 27px; }
.photo-bot-thread { border-bottom: 1px solid #e7edf5; background: #f6f9ff; }
.photo-bot-thread .thread-top > .icon { width: 14px; color: #0866ff; }
.photo-group-button { display:flex; align-items:center; gap:6px; border:0; border-radius:8px; background:#edf4ff; color:#0866ff; padding:9px; cursor:pointer; font-size:12px; }
.photo-report { overflow:auto; flex:1; min-height:0; background:#f5f7fb; padding:24px; }
.photo-intro h2 { font-size:23px; margin:0 0 8px; }
.photo-intro p,.photo-scope { color:#68778d; font-size:12px; line-height:1.6; }
.photo-filters { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0 14px; }
.photo-filters label { flex:1; min-width:145px; display:flex; flex-direction:column; gap:7px; font-size:12px; color:#526179; }
.photo-filters select,.photo-filters input { width:100%; min-width:0; border:1px solid #dce3ed; background:white; border-radius:9px; padding:11px; color:#26354b; font:inherit; }
.photo-alphabet { display:flex; flex-wrap:wrap; gap:4px; }
.photo-alphabet button { border:0; border-radius:6px; background:white; color:#607087; padding:7px 9px; cursor:pointer; }
.photo-alphabet .selected { background:#0866ff; color:white; }
.photo-totals { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:20px 0; }
.photo-totals > div { background:white; border:1px solid #e4eaf3; border-radius:12px; padding:18px; display:flex; flex-direction:column; gap:6px; }
.photo-totals strong { font-size:30px; color:#0866ff; }
.photo-totals span { color:#617189; font-size:12px; }
.photo-report-columns { display:grid; grid-template-columns:minmax(180px, .7fr) minmax(0, 2fr); gap:18px; align-items:start; }
.photo-report h3 { font-size:14px; margin:0 0 13px; }
.photo-feed h3 { display:flex; justify-content:space-between; gap:8px; }
.photo-feed h3 small { font-weight:400; color:#748299; font-size:11px; }
.photo-members { background:white; border:1px solid #e4eaf3; border-radius:12px; padding:14px; }
.photo-person { border:0; background:transparent; display:flex; flex-direction:column; gap:7px; width:100%; padding:12px; text-align:left; border-radius:8px; cursor:pointer; }
.photo-person strong { font-size:13px; overflow-wrap:anywhere; }
.photo-person span { font-size:12px; color:#0866ff; }
.photo-person small { color:#748299; }
.photo-person.selected { background:#edf4ff; }
.photo-event { background:white; border:1px solid #e4eaf3; border-radius:12px; padding:16px; margin-bottom:12px; }
.photo-event-heading { display:flex; align-items:center; gap:10px; }
.photo-event-heading > div { flex:1; min-width:0; }
.photo-event-heading strong { font-size:14px; overflow-wrap:anywhere; }
.photo-event-heading p { font-size:11px; color:#718198; margin:5px 0 0; overflow-wrap:anywhere; }
.photo-event-icon { width:36px; height:36px; border-radius:10px; background:#edf4ff; display:grid; place-items:center; color:#0866ff; flex-shrink:0; }
.photo-plus { white-space:nowrap; background:#e6f6ed; color:#208455; padding:6px 8px; border-radius:7px; font-size:12px; font-weight:600; }
.photo-event-count { font-size:12px; color:#526179; line-height:1.7; }
.photo-thumbnails { display:flex; flex-wrap:wrap; gap:7px; }
.photo-thumbnails button { padding:0; border:0; border-radius:8px; overflow:hidden; cursor:pointer; width:90px; height:90px; background:#edf1f7; }
.photo-thumbnails img { width:100%; height:100%; object-fit:cover; }
.photo-pending { width:90px; min-height:90px; border:1px dashed #ccd6e4; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:6px; gap:4px; color:#8391a6; font-size:10px; text-align:center; overflow-wrap:anywhere; }
.photo-pending span { max-width:76px; overflow:hidden; max-height:28px; }
.photo-warning { color:#9b661b; font-size:11px; }
.photo-empty { padding:24px 8px; color:#7b899c; font-size:13px; text-align:center; }
@media(max-width:1080px) { .photo-group-button span { display:none; } .photo-report { padding:16px; } }
@media(max-width:760px) { .photo-report-columns { grid-template-columns:1fr; } .photo-members { max-height:210px; overflow:auto; } .photo-totals > div { padding:12px 9px; } .photo-totals strong { font-size:25px; } .photo-totals { gap:7px; } .photo-intro h2 { font-size:21px; } }