*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",Twemoji Mozilla,EmojiOne Color;background:#fafaf7;color:#2a2a28;-webkit-font-smoothing:antialiased;font-size:14px}button{font-family:inherit}.app{display:flex;height:100vh;background:#fafaf7;overflow:hidden}.spacer{flex:1;background:#fafaf7}.resize-handle{width:8px;cursor:col-resize;background:transparent;flex-shrink:0;margin-left:-4px;margin-right:-4px;z-index:5;position:relative;transition:background .15s}.resize-handle:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translate(-.5px);background:transparent}.resize-handle:hover:after,.resize-handle:active:after{background:#d8d2c7;width:2px}.nav{border-right:1px solid #ececea;display:flex;flex-direction:column;background:#f5f4f0;flex-shrink:0}.nav-spacer{flex:1}.chats-col{border-right:1px solid #ececea;display:flex;flex-direction:column;background:#fafaf7;flex-shrink:0}.chats-head{padding:12px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #ececea;position:relative;min-height:60px}.dd{position:relative}.dd-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #ececea;border-radius:10px;padding:7px 12px;font-size:13px;color:#2a2a28;cursor:pointer;font-weight:500}.dd-btn:hover{background:#f5f4f0}.dd-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:13px;flex-shrink:0}.dd-icon svg{display:block}.dd-caret{color:#b0aca5;font-size:10px;margin-left:2px}.dd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.dd-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:#fff;border:1px solid #ececea;border-radius:12px;box-shadow:0 6px 24px #0000001a;padding:4px;z-index:51;display:flex;flex-direction:column}.dd-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:none;font-size:13px;color:#2a2a28;text-align:left;cursor:pointer;border-radius:8px;line-height:1}.dd-item:hover{background:#f5f4f0}.dd-item.on{background:#ebeae5;font-weight:600;cursor:default}.dd-check{font-size:18px;line-height:0}.topbar{display:flex;padding:14px 12px;min-height:60px;align-items:center;border-bottom:1px solid #ececea}.search-wrap{position:relative;width:100%;display:flex;align-items:center}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#8a8682;display:inline-flex;pointer-events:none}.search-input{width:100%;background:#fff;border:1px solid #ececea;border-radius:999px;padding:7px 30px 7px 32px;font-family:inherit;font-size:13px;color:#2a2a28;outline:none;transition:border-color .1s}.search-input::placeholder{color:#b0aca5}.search-input:focus{border-color:#d8d2c7}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#8a8682;font-size:18px;line-height:1;padding:4px 8px;border-radius:50%}.search-clear:hover{background:#ebeae5;color:#2a2a28}.side-btn.on{background:#e8e6df;font-weight:600}.side-btn .ic{display:inline-flex;align-items:center;justify-content:center}.side-toolbar{display:flex;align-items:center;gap:4px;padding:12px 14px;border-bottom:1px solid #ececea;min-height:60px}.side-tool{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:10px;color:#6b6b67;cursor:pointer;text-decoration:none;transition:background .12s,color .12s,border-color .12s}.side-tool:hover{background:#f0eee6;color:#2a2a28}.side-tool.on{background:#fff;border-color:#ececea;color:#2a2a28}.side-actions{padding:6px 8px 4px;display:flex;flex-direction:column;gap:1px}.side-btn{display:flex;align-items:center;gap:10px;padding:7px 12px;background:transparent;border:none;color:#2a2a28;cursor:pointer;font-size:13.5px;text-align:left;border-radius:999px;transition:background .1s}.side-btn{transition:background .18s ease,transform .18s ease}.side-btn:hover:not(:disabled){background:#ebeae5;transform:translate(2px)}.side-btn:disabled{color:#b0aca5;cursor:default}.side-btn .ic{display:inline-block;width:16px;text-align:center;color:#8a8682;font-size:14px}.section-h{padding:18px 16px 8px;font-size:11px;color:#8a8682;text-transform:uppercase;letter-spacing:.6px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.section-link{background:transparent;border:none;cursor:pointer;color:#e8825a;font-size:10px;font-weight:500;text-transform:none;letter-spacing:0;padding:0}.section-h .filter{display:flex;gap:2px;text-transform:none;letter-spacing:0}.section-h .filter button{background:transparent;border:none;cursor:pointer;color:#b0aca5;font-size:10px;font-weight:500;padding:1px 6px;border-radius:5px}.section-h .filter button.on{color:#2a2a28;background:#ebeae5}.proj-list{padding:4px 10px;display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.proj-item-wrap,.proj-card-wrap{position:relative;display:flex;align-items:stretch}.proj-card{display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:11px 12px;background:color-mix(in srgb,var(--tint, #9ca3af) 10%,transparent);border:1px solid transparent;color:#2a2a28;cursor:pointer;text-align:left;border-radius:14px;width:100%;min-width:0;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.proj-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-right:28px}.proj-card:hover{background:color-mix(in srgb,var(--tint, #9ca3af) 18%,transparent);transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.proj-card.active{background:#e8e6df;border-color:#c8c5bd;box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.proj-card.active .proj-name{color:#1a1a18}.proj-unread-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 7px;background:#e8825a;color:#fff;border-radius:10px;font-size:11.5px;font-weight:700;flex-shrink:0}.proj-card{position:relative;overflow:hidden}.proj-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.proj-card.server-connected:before{background:#10b981}.proj-card.server-installing:before{background:#f59e0b}.proj-card.server-failed:before{background:#ef4444}.proj-card-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;line-height:1.3;min-width:0}.proj-logo{width:22px;height:22px;border-radius:5px;object-fit:cover;flex-shrink:0;background:#f0eee6}.proj-logo.fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.proj-stats,.proj-stats.empty{padding-left:30px}.proj-card .dot{width:8px;height:8px;margin-top:0}.proj-card .proj-name{font-size:14px;line-height:1.3;overflow-wrap:break-word;word-break:break-word}.proj-stats{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;line-height:1.2;color:#6b6b67;min-height:14px}.proj-stats.empty{color:#b0aca5;font-size:12px;line-height:1.2;min-height:14px}.proj-stats.empty b{color:inherit;font-weight:600}.proj-stat{display:inline-flex;align-items:center;gap:4px}.proj-stat-ic{display:inline-flex;align-items:center}.proj-stat-ic svg{width:12px;height:12px;display:block}.proj-stat b{color:inherit;font-weight:700;font-size:12px}.proj-stat.zero{color:#c8c5bd}.proj-stat.zero b{font-weight:500}.proj-members-row{display:inline-flex;align-items:center;background:transparent;border:none;cursor:pointer;padding:2px 4px 2px 2px;margin:2px 0 0;border-radius:16px;transition:background .12s}.proj-members-row:hover{background:#0000000a}.proj-member-av{display:inline-block;width:20px;height:20px;border-radius:50%;overflow:hidden;margin-left:-5px;box-shadow:0 0 0 1.5px var(--card-tint, #f0eee6);position:relative}.proj-member-av:first-child{margin-left:0}.proj-member-more{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;margin-left:-5px;border-radius:12px;background:#00000014;color:#2a2a28;font-size:10.5px;font-weight:600;box-shadow:0 0 0 1.5px var(--card-tint, #f0eee6);cursor:pointer}.proj-member-add{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-left:4px;border-radius:50%;background:#00000014;color:#6b6b67;border:none;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background .12s,color .12s}.proj-member-add:hover{background:#0000002e;color:#2a2a28}.conv-unread{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;background:#e8825a;color:#fff;border-radius:9px;font-size:11px;font-weight:700;flex-shrink:0}.msg-unread-divider{display:flex;align-items:center;margin:18px 0 8px;color:#e8825a;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.msg-unread-divider:before,.msg-unread-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,#e8825a 40%,#e8825a 60%,transparent)}.msg-unread-divider span{padding:0 12px}.proj-server-chip{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 9px 3px 7px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .12s}.proj-server-chip svg{width:11px;height:11px;flex-shrink:0}.proj-server-chip .provider-logo{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.proj-server-text{display:inline-flex;flex-direction:column;line-height:1.2;gap:1px;min-width:0}.proj-server-text b{font-weight:600;font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:160px}.proj-server-ip{font-size:10px;opacity:.7;font-weight:500;font-family:SF Mono,Menlo,Consolas,monospace}.proj-server-chip.server-none{background:#6b6b671f;color:#6b6b67}.proj-server-chip.server-none:hover{background:#6b6b6733;color:#2a2a28}.proj-server-chip.server-connected{background:#6b6b671a;color:#6b6b67;font-family:SF Mono,Menlo,Consolas,monospace}.proj-server-chip.server-connected:hover{background:#6b6b672e;color:#2a2a28}.proj-server-chip.server-installing{background:#f59e0b26;color:#b87800}.proj-server-chip.server-failed{background:#ef44441f;color:#c83434}.proj-card-wrap{cursor:grab;transition:transform .12s,opacity .12s}.proj-card-wrap:active{cursor:grabbing}.proj-card-wrap.dragging{opacity:.4}.proj-card-wrap.drag-over .proj-card{background:#eef5fc;border-color:#229ed9;box-shadow:0 0 0 2px #229ed92e}.proj-grip{display:inline-flex;align-items:center;justify-content:center;color:#b0aca5;flex-shrink:0;padding-top:3px}.proj-card-wrap:hover .proj-grip{color:#6b6b67}.ctx-colors{display:flex;gap:6px;padding:4px 14px 6px;align-items:center}.ctx-color{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;background:transparent;flex-shrink:0}.ctx-color.on{border-color:#2a2a28}.ctx-color.none{width:auto;height:18px;border-radius:9px;background:#fff;border:1px solid #d8d2c7;font-size:10px;color:#6b6b67;padding:0 6px}.ctx-color.none.on{background:#2a2a28;color:#fff;border-color:#2a2a28}.dd-item:disabled{opacity:.4;cursor:not-allowed}.dd-item:disabled:hover{background:transparent}.proj-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:transparent;border:none;color:#2a2a28;cursor:pointer;font-size:13.5px;text-align:left;border-radius:10px;transition:background .1s;min-width:0;width:100%}.proj-item .dot{margin-top:7px}.proj-dot-btn{position:absolute;right:8px;top:8px;width:24px;height:24px;background:transparent;border:none;border-radius:6px;color:#b0aca5;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;opacity:.6;transition:opacity .12s,background .12s,color .12s}.proj-card-wrap:hover .proj-dot-btn{opacity:1}.proj-dot-btn:hover{background:#ebeae5;color:#2a2a28}.proj-new-btn{margin:8px 10px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:1.5px dashed #d8d2c7;border-radius:10px;color:#6b6b67;cursor:pointer;font:inherit;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.proj-new-btn:hover{background:#f5f4f0;border-color:#b8b2a7;color:#2a2a28}.proj-new-btn svg{width:14px;height:14px}.proj-item .proj-icon{margin-top:1px}.proj-item{transition:background .18s ease,transform .18s ease}.proj-item:hover{background:#ebeae5;transform:translate(2px)}.proj-item.active{background:#e8e6df;font-weight:600}.proj-item.active:hover{transform:translate(0)}.proj-item .dot{width:8px;height:8px;border-radius:50%;background:#c8c5bd;flex-shrink:0}.proj-item .dot.connected{background:#10b981;box-shadow:0 0 0 3px #10b98126}.proj-item .dot.installing{background:#f59e0b;animation:dot-pulse 1.5s ease-in-out infinite}.proj-item .dot.failed{background:#ef4444}@keyframes dot-pulse{0%,to{box-shadow:0 0 #f59e0b99}50%{box-shadow:0 0 0 6px #f59e0b00}}.proj-name{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word;line-height:1.35}.proj-name img.twemoji{vertical-align:-.15em}.proj-item.all{font-weight:600}.proj-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;color:#8a8682;font-size:12px}.proj-item.all.active .proj-icon{color:#2a2a28}.conv-list{overflow-y:auto;flex:1;padding:8px}.empty{padding:16px 12px;color:#8a8682;text-align:center;font-size:12px}.empty.big{font-size:14px;margin:auto;color:#8a8682}.conv-item{--tint: #9ca3af;display:flex;align-items:flex-start;gap:10px;padding:11px 12px;margin:5px 0;border-radius:14px;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;position:relative;will-change:transform;background-color:color-mix(in srgb,var(--tint) 7%,transparent)}.conv-item:hover{background-color:color-mix(in srgb,var(--tint) 18%,transparent);transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.conv-item:active{transform:translateY(0)}.conv-item.active{background-color:color-mix(in srgb,var(--tint) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tint) 35%,transparent),0 2px 6px #0000000d}.conv-item.active:hover{transform:translateY(-1px)}.conv-body{flex:1;min-width:0}.conv-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.conv-name{font-weight:600;color:#2a2a28;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.conv-name img.twemoji{vertical-align:-.2em;margin:0 .1em 0 .15em;height:.95em;width:.95em}.conv-flag{font-size:13px;line-height:1;margin-left:3px;display:inline-block;vertical-align:baseline}.conv-flag img.twemoji{vertical-align:-.2em;height:1em;width:1em}.conv-time{font-size:11px;color:#8a8682;white-space:nowrap}.conv-time-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.conv-waiting{display:inline-flex;align-items:center;color:#8a8682;flex-shrink:0}.conv-waiting svg{display:block}.conv-preview-row{display:flex;align-items:center;gap:8px}.conv-preview{font-size:12px;color:#6b6b67;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;display:inline-flex;align-items:center;gap:4px}.preview-icon{display:inline-flex;align-items:center;justify-content:center;color:#8a8682;flex-shrink:0}.preview-icon svg{width:12px;height:12px}.preview-icon svg.gif-svg,.attach-pill svg.gif-svg{width:24px;height:24px}.preview-icon.gif-mini{font-size:8.5px;font-weight:700;background:#fef3ed;color:#b04a2a;padding:0 4px;border-radius:3px;letter-spacing:.3px}.conv-labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.tag{display:inline-block;padding:1px 7px;font-size:10px;color:#6b6b67;background:#0000000d;border-radius:8px;font-weight:500;white-space:nowrap;flex-shrink:0}.code-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px 1px 8px;font-size:10.5px;color:#6b6b67;background:#0000000d;border-radius:999px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background .12s,transform .1s}.code-chip .code-copy-icon svg{width:10px;height:10px}.code-chip:hover{background:#00000014;color:#2a2a28}.code-chip:active{transform:scale(.96)}.code-chip.copied{background:#d4f1e1;color:#1e7a4d}.code-copy-icon{display:inline-flex;align-items:center;justify-content:center;opacity:.7}.code-chip:hover .code-copy-icon{opacity:1}.code-text{letter-spacing:.2px}.code-empty{font-size:12px;color:#b0aca5;font-style:italic}.code-editor-row{display:flex;align-items:center;gap:8px;justify-content:flex-end}.code-input{background:#fff;border:1px solid #ececea;border-radius:8px;padding:4px 9px;font-family:inherit;font-size:12.5px;color:#2a2a28;outline:none;min-width:0;width:150px}.code-input:focus{border-color:#d8d2c7}.crumb-code-row{display:inline-flex;align-items:center;gap:8px;margin-left:4px}.crumb-add-code{margin-left:6px;font-size:12px;color:#8a8682}.crumb-add-code:hover{color:#2c5d8f}.conv-dots{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#8a8682;font-size:16px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s,background .1s}.conv-item:hover .conv-dots{opacity:1;pointer-events:auto}.conv-dots:hover{background:#00000014;color:#2a2a28}.conv-item:hover .conv-time{opacity:0;transition:opacity .15s}.conv-time{transition:opacity .15s}.avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;letter-spacing:-.2px;-webkit-user-select:none;user-select:none;object-fit:cover}.ctx-menu{position:fixed;min-width:200px;background:#fff;border:1px solid #ececea;border-radius:12px;box-shadow:0 6px 24px #0000001a;padding:4px;z-index:51;display:flex;flex-direction:column}.ctx-sep{height:1px;background:#ececea;margin:4px}.dd-item.danger{color:#b04a2a}.dd-item.danger:hover{background:#fdf3ed}.ctx-palette{display:flex;gap:6px;padding:8px;justify-content:space-between}.color-swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#8a8682;transition:transform .1s,box-shadow .1s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.on{box-shadow:0 0 0 2px #2a2a28}.ctx-label-row{padding:4px 10px 2px;font-size:10.5px;color:#8a8682;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.ctx-tags{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px 8px}.tag.pick{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;background:#0000000d;color:#6b6b67;padding:2px 8px;transition:background .1s,transform .1s}.tag.pick:hover{transform:translateY(-1px);background:#00000014}.tag.pick.on{background:#2a2a28;color:#fafaf7;font-weight:600}.settings-section{margin-bottom:18px}.settings-section-h{font-size:12px;color:#8a8682;text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.status-list{display:flex;flex-direction:column;gap:6px}.status-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fafaf7;border:1px solid #ececea;border-radius:10px}.status-icon-pill{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.status-name{flex:1;font-size:13px;color:#2a2a28;font-weight:500}.status-builtin{font-size:10px;color:#8a8682;background:#ececea;padding:1px 6px;border-radius:6px;letter-spacing:.2px}.link.danger{color:#b04a2a}.link.danger:hover{color:#d24a2a}.color-picker-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.icon-picker{display:flex;flex-wrap:wrap;gap:4px}.icon-pick{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ececea;border-radius:8px;cursor:pointer;transition:background .1s,transform .1s}.icon-pick:hover{background:#f5f4f0}.icon-pick.on{background:#fff;border-color:currentColor;box-shadow:0 0 0 2px currentColor inset}.settings-list{display:flex;flex-direction:column;gap:6px}.settings-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #ececea;border-radius:10px;cursor:pointer;transition:background .12s,border-color .12s;text-align:left}.settings-row:hover{background:#f5f4f0}.settings-row.on{border-color:#e8825a;background:#fef3ed}.settings-row input[type=radio]{accent-color:#e8825a;flex-shrink:0;width:16px;height:16px;margin:0}.settings-row>div{flex:1;min-width:0}.settings-label{font-size:13.5px;color:#2a2a28;font-weight:500}.settings-hint{font-size:11.5px;color:#8a8682;margin-top:2px}.chip{display:inline-block;padding:1px 7px;font-size:10px;font-weight:600;color:#fff;border-radius:10px;letter-spacing:.1px}.chip.pick{cursor:pointer;-webkit-user-select:none;user-select:none}.chip.pick.active{box-shadow:0 0 0 2px #2a2a28 inset}.op-foot-wrap{border-top:1px solid #ececea;padding:4px 0;position:relative}.op-foot{margin:6px 8px;padding:8px 10px;display:flex;align-items:center;gap:10px;border-radius:14px;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left;width:calc(100% - 16px);transition:background .12s}.op-foot:hover{background:#ebeae5}.op-chev{color:#8a8682;font-size:11px;margin-left:auto}.op-menu{position:absolute;left:8px;right:8px;bottom:calc(100% + 4px);background:#fff;border:1px solid #ececea;border-radius:14px;padding:6px;box-shadow:0 6px 24px #0000001a;z-index:60;display:flex;flex-direction:column}.op-menu-head{padding:8px 12px 10px}.op-menu-name{font-size:13.5px;font-weight:600;color:#2a2a28}.op-menu-sub{font-size:11.5px;color:#8a8682;margin-top:2px}.op-menu-sep{height:1px;background:#ececea;margin:4px -6px}.op-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:10px;font-family:inherit;font-size:13px;color:#2a2a28;cursor:pointer;text-align:left;text-decoration:none;transition:background .1s}.op-menu-item:hover{background:#f5f4f0}.op-menu-item.danger{color:#b04a2a}.op-menu-item.danger:hover{background:#fdf3ed}.op-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#2a2a28;flex-shrink:0}.op-menu-item.danger .op-menu-icon{color:#b04a2a}.op-avatar{width:28px;height:28px;border-radius:50%;background:#2a2a28;color:#faf9f3;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.op-meta{display:flex;flex-direction:column;min-width:0}.op-name{font-size:13px;color:#2a2a28;font-weight:600}.op-sub{font-size:11px;color:#8a8682}.link{background:none;border:none;color:#8a8682;cursor:pointer;padding:0;font-size:11px;text-align:left}.link:hover{text-decoration:underline;color:#2a2a28}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:#fafaf7}.spacer{display:none}.info-col{border-left:1px solid #ececea;border-right:1px solid #ececea;background:#f5f4f0;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.info-head{padding:22px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;border-bottom:1px solid #ececea;background:#fafaf7}.info-name{font-size:15px;font-weight:600;color:#2a2a28;display:flex;align-items:center;gap:6px;margin-top:6px}.info-sub{font-size:12px;color:#8a8682}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;margin-top:8px;letter-spacing:.2px}.info-section{padding:14px 16px;border-bottom:1px solid #ececea;display:flex;flex-direction:column;gap:4px}.info-section:last-child{border-bottom:none}.info-label{font-size:11px;color:#8a8682;text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-bottom:6px}.info-actions{background:#fff;border:1px solid #ececea;border-radius:12px;overflow:hidden}.info-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;background:#fff;border:1px solid #ececea;border-radius:10px;font-family:inherit;font-size:12.5px;color:#2a2a28;cursor:pointer;text-align:left;transition:background .12s,transform .1s,border-color .12s}.status-pill:hover:not(.on){background:#fafaf7;transform:translateY(-1px)}.status-pill.on{font-weight:600;cursor:default}.status-pill svg{width:14px;height:14px;flex-shrink:0;display:block}.status-pill-ic{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.status-pill-name{display:inline-flex;align-items:center}.status-pill.full{grid-column:1 / -1}.status-pill.danger{color:#b04a2a;border-color:#f3d2bf;background:#fdf3ed}.status-pill.danger:hover{background:#fbe9e0;transform:translateY(-1px)}.status-pill.danger svg{color:#b04a2a}.inline-display{background:transparent;border:none;padding:2px 6px;font-family:inherit;font-size:12.5px;color:#2a2a28;cursor:pointer;text-align:right;border-radius:6px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .1s}.inline-display.empty{color:#b0aca5;font-style:italic}.inline-display:hover{background:#0000000d}.inline-input{background:#fff;border:1px solid #ececea;border-radius:6px;padding:3px 8px;font-family:inherit;font-size:12.5px;color:#2a2a28;outline:none;max-width:180px;min-width:120px}.inline-input:focus{border-color:#d8d2c7}.info-link{color:#2c5d8f;text-decoration:none;font-size:12.5px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-link:hover{text-decoration:underline}.info-btn{display:flex;align-items:center;gap:12px;width:100%;padding:9px 14px;background:transparent;border:none;font-size:12.5px;color:#2a2a28;cursor:pointer;text-align:left;transition:background .12s;font-family:inherit;border-top:1px solid #f0eee6;min-height:38px}.info-btn:first-child{border-top:none}.info-btn:hover{background:#fafaf7}.info-btn.on{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:600;cursor:default;position:relative}.info-btn.on:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.info-btn.on:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.info-btn.on .info-btn-icon{color:var(--accent)!important}.info-btn-active-icon{display:inline-flex;align-items:center}.info-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#8a8682;flex-shrink:0}.info-btn.danger,.info-btn.danger .info-btn-icon{color:#b04a2a}.info-btn.danger:hover{background:#fdf3ed}.info-card{background:#fff;border:1px solid #ececea;border-radius:12px;padding:0 14px;overflow:hidden}.info-card .info-row{border-top:1px solid #f0eee6}.info-card .info-row:first-child{border-top:none}.info-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:12.5px;min-height:38px}.info-row span{color:#8a8682}.info-row b{color:#2a2a28;font-weight:500;text-align:right;font-family:inherit}.info-row.labels-row{align-items:flex-start}.chip-wrap{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.code-view{padding:22px 28px;overflow-y:auto;max-width:720px}.code-h{font-size:14px;font-weight:600;margin:18px 0 6px;color:#2a2a28}.code-h:first-child{margin-top:0}.code-p{font-size:13px;color:#6b6b67;margin:0 0 10px;line-height:1.5}.code-p code{background:#f0eee6;padding:1px 5px;border-radius:4px;font-size:12px}.snippet{position:relative;background:#f5f4f0;border:1px solid #ececea;border-radius:12px;padding:14px 16px;margin-bottom:8px}.snippet pre{margin:0;padding:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:#2a2a28;line-height:1.5}.snippet .primary-btn{position:absolute;top:10px;right:10px;padding:4px 10px;font-size:11px}.snippet.small pre{font-size:12px}.test-link{display:inline-block;background:#fff;border:1px solid #ececea;padding:8px 12px;border-radius:10px;font-size:12.5px;color:#2c5d8f;text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.test-link:hover{background:#f5f4f0}.members{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.member-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ececea;border-radius:12px;padding:8px 12px}.member-meta{flex:1;min-width:0}.member-name{font-weight:600;font-size:13.5px;color:#2a2a28;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.member-sub{font-size:11.5px;color:#8a8682}.member-badge{padding:1px 7px;border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.2px;text-transform:lowercase}.member-badge.owner{background:#fef3e8;color:#b04a2a}.member-badge.pending{background:#eef5fc;color:#1d7fae}.owner-badge{background:#fef3e8;color:#b04a2a;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600}.env-tabs{display:flex;gap:4px;margin:10px 10px 4px;padding:3px;background:#ebeae5;border-radius:10px}.env-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12.5px;font-weight:600;background:transparent;border:none;cursor:pointer;color:#6b6b67;padding:6px 8px;border-radius:7px;transition:background .12s,color .12s}.env-tab:hover{color:#2a2a28}.env-tab.on{background:#fafaf7;color:#2a2a28;box-shadow:0 1px 2px #0000000d}.env-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.env-dot.prod{background:#10b981}.env-dot.dev{background:#f59e0b}.member-add-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px dashed #d8d2c7;color:#6b6b67;cursor:pointer;font:inherit;font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px;margin-top:8px;transition:background .12s,color .12s,border-color .12s}.member-add-btn:hover{background:#f5f4f0;color:#2a2a28;border-color:#b8b2a7}.member-add-btn svg{width:12px;height:12px}.member-ok{background:#ecfdf5;border-left:3px solid #10b981;color:#065f46;padding:8px 12px;border-radius:6px;font-size:12.5px;margin-top:8px;line-height:1.45}.member-add{display:flex;gap:8px;margin-top:8px}.member-add input{flex:1;background:#fff;color:#2a2a28;border:1px solid #ececea;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px;outline:none}.member-add input:focus{border-color:#d8d2c7}.notes-wrap{position:relative}.notes-area{width:100%;background:#fff;border:1px solid #ececea;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:13px;color:#2a2a28;outline:none;resize:vertical;min-height:60px;max-height:240px;line-height:1.5;transition:border-color .1s}.notes-area::placeholder{color:#b0aca5}.notes-area:focus{border-color:#d8d2c7}.notes-hint{font-size:11px;color:#8a8682;margin-top:4px;text-align:right}.label-picker.inline{position:static;margin-top:8px;padding:8px;background:#fff;box-shadow:none}.labels-picker-card{background:#fff;border:1px solid #ececea;border-radius:12px;padding:10px;display:flex;flex-wrap:wrap;gap:6px}.labels-empty{color:#8a8682;font-size:12.5px;padding:4px}.label-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;background:#fafaf7;border:1px solid #ececea;border-radius:999px;font-family:inherit;font-size:12px;color:#6b6b67;font-weight:500;cursor:pointer;transition:background .12s,transform .12s,border-color .12s}.label-pill:hover{background:#f0eee6;transform:translateY(-1px)}.label-pill.on{font-weight:600}.label-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.label-check{display:inline-flex;align-items:center;width:12px;height:10px}.label-pill-wrap{position:relative;display:inline-flex}.label-pill-wrap .label-del{position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#fff;border:1px solid #ececea;border-radius:50%;color:#8a8682;cursor:pointer;font-size:12px;line-height:1;display:none;align-items:center;justify-content:center;padding:0}.label-pill-wrap:hover .label-del{display:inline-flex}.label-pill-wrap .label-del:hover{background:#ef4444;color:#fff;border-color:#ef4444}.label-pill.add{background:transparent;border:1px dashed #d8d2c7;color:#8a8682}.label-pill.add:hover{background:#f5f4f0;border-color:#b8b2a7;color:#2a2a28}.label-add-form{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;background:#fafaf7;border:1px solid #d8d2c7;border-radius:999px}.label-add-input{border:none;background:transparent;outline:none;font:inherit;font-size:12px;width:110px}.label-color-dots{display:inline-flex;gap:3px}.label-color-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid transparent;padding:0;cursor:pointer;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#8a8682}.label-color-dot.on{border-color:#2a2a28}.label-color-dot.none{background:#fff;border:1px dashed #d8d2c7}.label-color-dot.none.on{border:1.5px solid #2a2a28}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e73;z-index:200;display:flex;align-items:center;justify-content:center;animation:modal-fade .15s ease-out}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{background:#fafaf7;border:1px solid #ececea;border-radius:14px;width:420px;max-width:calc(100vw - 32px);box-shadow:0 24px 60px #14120e40;animation:modal-pop .18s ease-out}@keyframes modal-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #ececea}.modal-title{font-size:15px;font-weight:700;color:#2a2a28}.modal-close{background:transparent;border:none;cursor:pointer;font-size:22px;color:#8a8682;padding:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;line-height:1}.modal-close:hover{background:#f0eee6;color:#2a2a28}.modal-body{padding:18px;display:flex;flex-direction:column;gap:14px}.modal-foot{padding:12px 18px;border-top:1px solid #ececea;display:flex;justify-content:flex-end;gap:8px}.btn-primary,.btn-secondary{font:inherit;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s}.btn-primary{background:#e8825a;color:#fff}.btn-primary:hover:not(:disabled){background:#d6724a}.btn-primary:disabled{background:#d8d2c7;cursor:not-allowed}.btn-secondary{background:#fff;border-color:#ececea;color:#2a2a28}.btn-secondary:hover{background:#f5f4f0}.btn-danger{font:inherit;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;border:1px solid transparent;background:#ef4444;color:#fff;transition:background .12s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.confirm-text{color:#2a2a28;font-size:13.5px;line-height:1.5}.source-badge{display:inline-flex;align-items:center;gap:6px}.source-badge svg{color:#6b6b67}.info-meta-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.info-meta-sep{color:#d8d2c7}.info-meta-source{display:inline-flex;align-items:center;gap:5px}.info-meta-source svg{width:12px;height:12px}.label-modal-field{display:flex;flex-direction:column;gap:6px}.label-modal-label{font-size:11px;font-weight:600;color:#8a8682;text-transform:uppercase;letter-spacing:.4px}.label-modal-input{font:inherit;font-size:14px;padding:9px 12px;background:#fff;border:1px solid #ececea;border-radius:8px;outline:none;transition:border-color .12s}.label-modal-input:focus{border-color:#b8b2a7}.label-modal-colors{display:flex;gap:6px;flex-wrap:wrap}.label-modal-colors .label-color-dot{width:22px;height:22px}.label-modal-preview{display:flex;flex-direction:column;gap:6px}.label-modal-err{color:#ef4444;font-size:12px}.skills-modal{width:560px;max-width:calc(100vw - 32px)}.skills-modal .modal-subtitle{font-size:12.5px;color:#8a8682;margin-top:2px}.skills-tabs{display:flex;gap:2px;padding:0 14px;border-bottom:1px solid #ececea;background:#fff}.skills-tab{font:inherit;font-size:13px;font-weight:500;background:transparent;border:none;cursor:pointer;padding:12px 14px;color:#8a8682;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.skills-tab:hover{color:#2a2a28}.skills-tab.on{color:#2a2a28;border-bottom-color:#e8825a;font-weight:600}.skills-hint{font-size:12.5px;color:#8a8682;background:#f5f4f0;border-radius:8px;padding:10px 12px;margin-bottom:12px}.connect-modal{width:600px;max-width:calc(100vw - 32px);max-height:92vh;display:flex;flex-direction:column}.connect-modal .modal-body{overflow-y:auto}.connect-modal .modal-subtitle{font-size:12.5px;color:#8a8682;margin-top:2px}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.connect-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.connect-field>span{font-size:11px;font-weight:600;color:#8a8682;text-transform:uppercase;letter-spacing:.4px}.connect-field input,.connect-field textarea{font:inherit;font-size:13.5px;padding:8px 10px;background:#fff;border:1px solid #ececea;border-radius:8px;outline:none;transition:border-color .12s;resize:vertical;font-family:inherit}.connect-field textarea{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11.5px}.connect-field input:focus,.connect-field textarea:focus{border-color:#b8b2a7}.connect-field input:disabled,.connect-field textarea:disabled{background:#f5f4f0;color:#8a8682}.connect-tabs{display:inline-flex;gap:4px;background:#f0eee6;padding:3px;border-radius:8px;width:fit-content}.connect-tabs button{font:inherit;font-size:12.5px;font-weight:500;background:transparent;border:none;cursor:pointer;padding:5px 12px;border-radius:6px;color:#6b6b67}.connect-tabs button.on{background:#fff;color:#2a2a28;font-weight:600}.connect-checkbox{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f5f4f0;border:1px solid #ececea;border-radius:10px;margin-top:8px;cursor:pointer;font-size:13.5px}.connect-checkbox input{margin-top:2px;cursor:pointer}.connect-checkbox b{font-weight:600}.connect-hint{color:#6b6b67;font-size:12px;line-height:1.45}.connect-warning{font-size:12px;color:#8a8682;background:#fdf3ed;border-left:3px solid #e8825a;padding:10px 12px;border-radius:4px;margin-top:8px}.connect-success{font-size:14px;color:#2a2a28;background:#ecfdf5;border-left:3px solid #10b981;padding:14px 16px;border-radius:6px}.connect-success a{color:#10b981;font-weight:600}.connect-next{margin-top:8px;font-size:12.5px;color:#6b6b67}.connect-next code{background:#f0eee6;padding:1px 5px;border-radius:3px;font-size:11.5px}.connect-log{background:#1a1a18;color:#d8d2c7;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.5;max-height:240px;overflow-y:auto;padding:10px 14px;margin:0 18px 12px;border-radius:8px}.connect-log-line{white-space:pre-wrap;word-break:break-all}.connect-log-line.out{color:#d8d2c7}.connect-log-line.err{color:#ef9a8a}.connect-log-line.info{color:#6ec1ff}.crumbs{position:relative;padding:12px 24px;border-bottom:1px solid #ececea;display:flex;align-items:center;gap:8px;font-size:13px;background:#fafaf7;min-height:60px}.crumbs-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.crumbs-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crumb-sub{font-size:11.5px;color:#8a8682}.crumb-root{color:#2a2a28;font-weight:700;font-size:14px}.crumb-sep{color:#c8c5bd}.crumb-cur{color:#2a2a28;font-weight:700;font-size:14px}.crumb-cur-editable{cursor:pointer;padding:2px 4px;margin:-2px -4px;border-radius:6px;transition:background .12s}.crumb-cur-editable:hover{background:#f0eee6}.crumb-name-input{background:#fff;border:1px solid #d8d2c7;border-radius:6px;padding:2px 8px;font-family:inherit;font-size:14px;font-weight:700;color:#2a2a28;outline:none;min-width:180px}.crumbs-right{margin-left:auto;display:flex;gap:6px}.crumb-count{color:#8a8682;font-size:12px;margin-left:4px}.crumb-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:#8a8682;cursor:pointer;transition:background .12s,color .12s}.crumb-icon-btn:hover{background:#f5f4f0;color:#2a2a28}.crumb-icon-btn.on{background:#ebeae5;color:#2a2a28}.msg-search-clear{background:transparent;border:none;cursor:pointer;color:#8a8682;font-size:16px;padding:4px 8px;border-radius:50%}.msg-search-clear:hover{background:#ebeae5;color:#2a2a28}.search-modal{width:800px;max-width:90vw;max-height:86vh;padding:0;display:flex;flex-direction:column}.search-modal .gallery-head h2{margin:0}.search-meta{font-size:11.5px;color:#8a8682;margin-top:4px}.search-chat{flex:1;overflow-y:auto;padding:22px 28px;display:flex;flex-direction:column;gap:8px;background:#fafaf7}.search-chat mark{background:#fef3ed;color:#b04a2a;padding:0 2px;border-radius:2px}.search-chat .msg{cursor:pointer;transition:opacity .15s,outline .15s}.search-chat .msg.dim{opacity:.35}.search-chat .msg.match{outline:2px solid #e8825a;outline-offset:2px}.search-chat .msg:hover{opacity:1}.msg-att-hint{font-size:12px;color:#8a8682;margin-bottom:4px}.app[data-chat-theme=telegram] .messages{background:#95b07a;background-image:radial-gradient(at 15% 20%,rgba(195,220,165,.55) 0%,transparent 45%),radial-gradient(at 85% 60%,rgba(155,175,130,.5) 0%,transparent 50%),radial-gradient(at 50% 100%,rgba(180,200,150,.4) 0%,transparent 60%),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23000' fill-opacity='0.06'%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Cpath d='M50 50 q5 -10 10 0 q5 10 10 0' stroke='%23000' stroke-width='1.5' fill='none' opacity='0.6'/%3E%3Crect x='95' y='25' width='14' height='10' rx='2'/%3E%3Ccircle cx='130' cy='90' r='8'/%3E%3Cpath d='M30 110 l8 -6 l8 6 l-8 6 z'/%3E%3Ccircle cx='75' cy='130' r='5'/%3E%3Cpath d='M110 130 q-5 -8 5 -10 q10 2 5 10 z'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,auto,auto,160px 160px;padding:16px 16px 12px;gap:4px}.app[data-chat-theme=telegram] .msg{max-width:78%}.app[data-chat-theme=telegram] .msg-customer{align-self:flex-start;background:#fff;padding:7px 10px 6px;border-radius:13px 13px 13px 4px;box-shadow:0 1px .5px #00000021;position:relative}.app[data-chat-theme=telegram] .msg-customer .msg-body{color:#000;font-weight:400;font-size:15px;line-height:1.3}.app[data-chat-theme=telegram] .msg-operator{align-self:flex-end;background:#effdde;padding:7px 10px 6px;border-radius:13px 13px 4px;box-shadow:0 1px .5px #00000021;position:relative}.app[data-chat-theme=telegram] .msg-operator .msg-body{color:#000;font-weight:400;font-size:15px;line-height:1.3}.app[data-chat-theme=telegram] .msg-customer .msg-link,.app[data-chat-theme=telegram] .msg-operator .msg-link{color:#168acd;text-decoration:underline}.app[data-chat-theme=telegram] .msg-read-state{align-self:flex-end;color:#6cbf6a;margin-top:-22px;margin-right:6px;margin-bottom:4px;font-size:0;height:14px}.app[data-chat-theme=telegram] .msg-read-state svg{width:14px;height:14px}.app[data-chat-theme=telegram] .msg-read-state.read{color:#4fae4e}.app[data-chat-theme=telegram] .msg-system{align-self:center;background:#6c865a8c;color:#fff;padding:3px 10px;border-radius:11px;font-style:normal;font-size:12.5px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app[data-chat-theme=telegram] .conv-item .avatar-img,.app[data-chat-theme=telegram] .conv-item .avatar-init{filter:saturate(1.15)}.msg-tg-meta{display:none}.app[data-chat-theme=telegram] .msg-tg-meta{display:inline-flex;align-items:center;gap:3px;float:right;margin:4px 0 -2px 8px;font-size:11px;line-height:1;color:#00000059;-webkit-user-select:none;user-select:none}.app[data-chat-theme=telegram] .msg-tg-status{display:inline-flex;align-items:center;color:#4fae4e}.app[data-chat-theme=telegram] .msg-tg-status svg{width:14px;height:14px}.app[data-chat-theme=telegram] .msg-tg-status.read{color:#4fae4e}.app[data-chat-theme=telegram] .msg-operator .msg-tg-time,.app[data-chat-theme=telegram] .msg-customer .msg-tg-time{color:#0006}.app[data-chat-theme=telegram] .msg-read-state{display:none}.msg.highlight{background-color:color-mix(in srgb,#e8825a 22%,transparent)!important;animation:msg-flash 2.5s ease-out}@keyframes msg-flash{0%{background-color:color-mix(in srgb,#e8825a 40%,transparent)}to{background-color:color-mix(in srgb,#e8825a 0%,transparent)}}.ghost-btn{background:#f5f4f0;border:1px solid #ececea;color:#2a2a28;padding:5px 11px;border-radius:7px;cursor:pointer;font-size:12px;transition:background .1s}.ghost-btn:hover{background:#ebeae5}.ghost-btn.danger{color:#b04a2a;border-color:#f3d2bf;background:#fdf3ed}.ghost-btn.danger:hover{background:#fbe9e0}.primary-btn{background:#e8825a;color:#fff;border:none;padding:7px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:background .1s}.primary-btn:hover:not(:disabled){background:#d56e47}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.danger-btn{background:#d24a2a;color:#fff;border:none;padding:7px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:background .1s}.danger-btn:hover{background:#b8401f}.label-picker{position:absolute;top:100%;right:24px;margin-top:6px;background:#fff;padding:10px;border:1px solid #ececea;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;box-shadow:0 4px 16px #0000000f;z-index:10;max-width:260px}.messages{flex:1;overflow-y:auto;padding:22px 28px;display:flex;flex-direction:column;gap:8px;background:#fafaf7}.msg{max-width:580px}.msg-meta{display:none}.msg-body{white-space:pre-wrap;word-wrap:break-word;line-height:1.5;font-size:15px;font-weight:500}.msg-customer{align-self:flex-start;padding:0;background:transparent}.msg-customer .msg-body{color:#2a2a28}.msg-operator{align-self:flex-end;background:#d6e6f5;padding:10px 16px;border-radius:18px}.msg-operator .msg-body{color:#2d6cb8}.msg-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.msg-link:hover{text-decoration:none}.msg-operator .msg-link{color:#1e4f8f}.msg-system{align-self:center;background:transparent;color:#8a8682;font-style:italic;font-size:12px;font-weight:400}.msg-read-state{align-self:flex-end;display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#8a8682;margin-top:-4px;margin-right:6px}.msg-read-state.read{color:#2d6cb8}.msg-read-state svg{display:block}.composer{padding:12px 20px 18px;border-top:1px solid #ececea;background:#fafaf7}.composer-box{position:relative;background:#fff;border:1px solid #ececea;border-radius:16px;padding:6px 6px 6px 14px;display:flex;flex-direction:column;transition:border-color .12s}.composer-box:focus-within{border-color:#d8d2c7}.composer-box textarea{width:100%;resize:none;background:transparent;color:#2a2a28;border:none;outline:none;padding:8px 0 4px;font-family:inherit;font-size:14px;line-height:1.45;min-height:38px;max-height:160px}.composer-box textarea::placeholder{color:#b0aca5}.composer-row{display:flex;align-items:center;justify-content:space-between;padding:2px}.composer-tools{display:flex;gap:2px}.composer-tool{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:#8a8682;cursor:pointer;transition:background .12s,color .12s}.composer-tool:hover{background:#f5f4f0;color:#2a2a28}.composer-send{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;border-radius:50%;color:#229ed9;cursor:pointer;transition:color .12s,transform .1s;animation:send-pop .15s ease-out}.composer-send:hover{color:#1e8fc1}.composer-send:active{transform:scale(.95)}@keyframes send-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.emoji-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:79}.emoji-panel{position:absolute;bottom:calc(100% + 6px);left:0;background:#fff;border:1px solid #ececea;border-radius:14px;padding:8px;box-shadow:0 6px 24px #0000001a;z-index:80;display:flex;flex-direction:column;gap:4px}.send-file-modal{width:460px}.send-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:14px;max-height:380px;overflow-y:auto}.send-file-grid.single{grid-template-columns:1fr}.send-file-tile{position:relative;background:#f0eee6;border-radius:10px;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.send-file-tile.single{aspect-ratio:auto;max-height:340px;min-height:180px}.send-file-tile img,.send-file-tile video{width:100%;height:100%;object-fit:cover}.send-file-tile.single img,.send-file-tile.single video{object-fit:contain;max-height:340px;background:#2a2a28}.send-file-tile-doc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;text-align:center;color:#6b6b67}.send-file-tile-doc svg{width:28px;height:28px}.send-file-tile-name{font-size:11px;font-weight:500;color:#2a2a28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.send-file-tile-size{font-size:10px;color:#8a8682}.send-file-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#0000008c;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;z-index:2}.send-file-remove:hover{background:#000000bf}.video-badge{position:absolute;bottom:6px;left:6px;background:#0009;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:4px}.send-file-tile-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-btn:disabled{opacity:.4;cursor:not-allowed}.text-btn:disabled:hover{background:transparent}.send-file-caption{width:100%;background:#fff;color:#2a2a28;border:1px solid #ececea;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:13.5px;outline:none;margin-bottom:16px}.send-file-caption:focus{border-color:#d8d2c7}.modal-actions-spread{justify-content:space-between!important}.modal-actions-right{display:flex;gap:6px}.text-btn{background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;color:#2c5d8f;padding:8px 14px;border-radius:8px;transition:background .12s}.text-btn:hover{background:#e7eff7}.text-btn.primary{font-weight:600}.emoji-row{display:flex;gap:2px}.emoji-pick{width:32px;height:32px;background:transparent;border:none;font-size:18px;cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background .1s}.emoji-pick:hover{background:#f5f4f0}.composer-gif-label{font-size:11px;font-weight:700;letter-spacing:.5px}.gif-panel{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #ececea;border-radius:14px;padding:10px;box-shadow:0 8px 32px #0000001a;z-index:80;display:flex;flex-direction:column;max-height:420px}.gif-search{position:relative;margin-bottom:8px}.gif-search>svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#8a8682}.gif-search input{width:100%;background:#f5f4f0;border:1px solid #ececea;border-radius:999px;padding:7px 12px 7px 30px;font-family:inherit;font-size:13px;color:#2a2a28;outline:none}.gif-search input:focus{background:#fff;border-color:#d8d2c7}.gif-grid{column-count:3;column-gap:4px;overflow-y:auto;flex:1}.gif-tile{display:block;width:100%;padding:0;background:#f0eee6;border:none;border-radius:6px;margin-bottom:4px;cursor:pointer;overflow:hidden;break-inside:avoid;transition:transform .1s}.gif-tile:hover{transform:scale(1.03)}.gif-tile img{width:100%;height:auto;display:block}.gif-empty{padding:24px;text-align:center;color:#8a8682;font-size:13px}.gif-credit{text-align:right;font-size:10px;color:#b0aca5;margin-top:6px}.att-image-link{display:inline-block;padding:0;background:transparent;border:none;cursor:pointer}.att-image,.att-video{max-width:320px;max-height:240px;border-radius:10px;display:block;margin-bottom:4px}.att-image-link{position:relative}.att-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.att-video-play svg{margin-left:4px}.att-image-link.is-uploading{opacity:.85}.att-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#fff;border-radius:12px;pointer-events:none}.att-overlay.att-error{background:#b4282899;font-size:28px;font-weight:700}.att-prog-text{font-size:12px;font-weight:600}.att-prog{transform:rotate(0)}.att-file.is-uploading{position:relative}.att-file-inner{display:inherit;align-items:inherit;gap:inherit;flex:1;text-decoration:none;color:inherit}.att-file-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00000014;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden}.att-file-bar>div{height:100%;background:#229ed9;transition:width .15s}.att-file{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid #ececea;border-radius:10px;text-decoration:none;color:#2a2a28;margin-bottom:4px;max-width:260px}.att-file:hover{background:#f5f4f0}.att-file-icon{color:#8a8682;flex-shrink:0}.att-file-meta{display:flex;flex-direction:column;min-width:0}.att-file-name{font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-file-size{font-size:11px;color:#8a8682}.info-label-row{display:flex;align-items:center;justify-content:space-between}.attach-pills{display:flex;flex-wrap:wrap;gap:6px}.attach-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #ececea;border-radius:999px;padding:5px 12px 5px 10px;font-size:12px;color:#8a8682;cursor:pointer;font-family:inherit;transition:background .12s,transform .12s,border-color .12s}.attach-pill:hover:not(:disabled){background:#f0eee6;transform:translateY(-1px)}.attach-pill:disabled{cursor:default;opacity:.7}.links-feed{display:flex;flex-direction:column;gap:4px}.link-feed-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff;border:1px solid #ececea;border-radius:10px;text-decoration:none;color:#2c5d8f;font-size:12px;transition:background .12s,transform .1s}.link-feed-item:hover{background:#f0eee6;transform:translateY(-1px)}.link-feed-item svg{color:#8a8682;flex-shrink:0;width:14px;height:14px}.link-feed-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-pill svg{width:13px;height:13px;color:#6b6b67}.attach-pill b{color:#2a2a28;font-weight:600}.gif-tag{background:#fef3ed;color:#b04a2a;font-size:9px;font-weight:700;letter-spacing:.4px;padding:1px 5px;border-radius:4px}.section-link{background:transparent;border:none;cursor:pointer;color:#2c5d8f;font-size:10.5px;font-weight:500;text-transform:none;letter-spacing:0;padding:0}.section-link:hover{text-decoration:underline}.share-card{background:#fff;border:1px solid #ececea;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.share-url{display:flex;align-items:center;gap:8px;background:#fafaf7;border:1px solid #ececea;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:12px;color:#2c5d8f;cursor:pointer;text-align:left;width:100%;transition:background .12s}.share-url:hover{background:#f0eee6}.share-url-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-url-icon{color:#8a8682;flex-shrink:0}.share-hint{font-size:11.5px;color:#8a8682;line-height:1.4}.share-hint b{color:#2a2a28;font-weight:600}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1c1959;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:14px;padding:24px;width:380px;box-shadow:0 12px 40px #0000001f;border:1px solid #ececea}.modal h2{margin:0 0 4px;font-size:16px;font-weight:600;color:#2a2a28}.modal-sub{margin:0 0 16px;font-size:12.5px;color:#8a8682}.modal input{width:100%;padding:9px 12px;border-radius:9px;border:1px solid #ececea;font-size:14px;background:#fafaf7;outline:none;margin-bottom:16px;font-family:inherit}.modal input:focus{border-color:#d8d2c7;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.login{display:flex;align-items:center;justify-content:center;height:100vh;background:#f5f4f0}.login-card{background:#fff;padding:36px 40px;border-radius:16px;border:1px solid #ececea;box-shadow:0 4px 20px #0000000a;width:380px;text-align:center}.login-card h1{margin:0 0 6px;font-size:20px;color:#2a2a28;font-weight:600}.login-card .sub{margin:0 0 24px;color:#8a8682;font-size:13px}.tg-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;background:#e8825a;color:#fff;font-weight:600;padding:11px 18px;border-radius:10px;border:none;cursor:pointer;font-size:14px;gap:8px;transition:background .1s}.tg-btn:hover:not(:disabled){background:#d56e47}.tg-btn:disabled{opacity:.6;cursor:not-allowed}.hint{font-size:12px;color:#8a8682;margin:14px 0 6px;line-height:1.5}.err{background:#fbece4;color:#b0512a;border:1px solid #f3d2bf;padding:8px 12px;border-radius:10px;font-size:13px;margin-bottom:14px}*{scrollbar-width:thin;scrollbar-color:#d8d6cf transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}*:hover>::-webkit-scrollbar-thumb,*:hover::-webkit-scrollbar-thumb{background:#d8d6cf}::-webkit-scrollbar-thumb:hover{background:#b8b5ad!important}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-corner{background:transparent}.gallery-modal{width:560px;max-height:85vh;padding:0;display:flex;flex-direction:column}.gallery-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ececea}.gallery-head h2{margin:0;font-size:16px}.gallery-close{background:transparent;border:none;cursor:pointer;color:#8a8682;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.gallery-close:hover{background:#f5f4f0;color:#2a2a28}.gallery-search{position:relative;padding:10px 20px;border-bottom:1px solid #ececea}.gallery-search>svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#8a8682;pointer-events:none}.gallery-search input{width:100%;background:transparent;border:none;outline:none;font-family:inherit;font-size:14px;color:#2a2a28;padding:4px 0 4px 28px;line-height:22px}.gallery-search input::placeholder{color:#b0aca5}.gallery-search .msg-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.gallery-body{padding:16px 20px;overflow-y:auto;flex:1}.gallery-empty{color:#8a8682;text-align:center;padding:40px 0}.gallery-group{margin-bottom:22px}.gallery-group:last-child{margin-bottom:0}.gallery-group-title{font-size:15px;font-weight:600;color:#2a2a28;margin-bottom:10px;text-transform:capitalize}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.gallery-tile{background:#f0eee6;border:none;padding:0;border-radius:6px;aspect-ratio:1;overflow:hidden;cursor:pointer;transition:transform .12s}.gallery-tile:hover{transform:scale(1.02)}.gallery-tile img,.gallery-tile video{width:100%;height:100%;object-fit:cover;display:block}.gallery-files{display:flex;flex-direction:column;gap:6px}.gallery-file{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fafaf7;border:1px solid #ececea;border-radius:10px;text-decoration:none;color:#2a2a28}.gallery-file:hover{background:#f0eee6}.gallery-file .info-btn-icon{width:36px;height:36px;border-radius:8px;background:#ebeae5;color:#2a2a28;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.gallery-file-meta{display:flex;flex-direction:column;min-width:0}.gallery-file-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-file-size{font-size:11px;color:#8a8682}.gallery-links{display:flex;flex-direction:column;gap:8px}.gallery-link-card{display:flex;gap:12px;padding:10px;border-radius:10px;text-decoration:none;color:#2a2a28;transition:background .12s}.gallery-link-card:hover{background:#fafaf7}.gallery-link-icon{width:40px;height:40px;background:#e8f1fc;color:#2c5d8f;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.gallery-link-icon img{width:28px;height:28px;object-fit:contain}.gallery-link-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gallery-link-title{font-weight:600;font-size:13.5px;color:#2a2a28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-link-context{font-size:12.5px;color:#6b6b67;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.gallery-link-url{font-size:11.5px;color:#2c5d8f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0feb;z-index:300;display:flex;align-items:center;justify-content:center;padding:40px;animation:lb-in .18s ease-out}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox-img,.lightbox-video{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 16px 48px #0006;cursor:zoom-out}.lightbox-video{background:#000}.lightbox-controls{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:2}.lightbox-btn{background:#ffffff1f;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:background .12s}.lightbox-btn:hover{background:#ffffff38}.lightbox-btn svg{display:block}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#2a2a28;color:#fafaf7;padding:10px 14px 10px 18px;border-radius:999px;font-size:13px;box-shadow:0 8px 32px #0000002e;z-index:200;animation:toast-in .18s ease-out}@keyframes toast-in{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast-text{white-space:nowrap}.toast-action{background:transparent;border:none;color:#e8825a;font-weight:600;cursor:pointer;font-size:13px;padding:4px 6px;border-radius:6px;font-family:inherit}.toast-action:hover{background:#e8825a26}.toast-close{background:transparent;border:none;color:#8a8682;font-size:18px;line-height:1;cursor:pointer;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.toast-close:hover{background:#ffffff1a;color:#fafaf7}img.twemoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;display:inline-block}