:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#111;--bg:#fff;--border:#d0d0d0;--muted:#666}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#f2f2f2;--bg:#111;--border:#444;--muted:#aaa}}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}input,button{font:inherit;border:1px solid var(--border);border-radius:6px;padding:8px 10px}button{cursor:pointer;background:var(--fg);color:var(--bg);border:none}button:disabled{opacity:.6;cursor:default}.app-shell{min-height:100vh}.app-topbar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.app-topbar button{color:var(--fg);border:1px solid var(--border);background:0 0}.app-topbar-title{font-weight:600}.app-content{max-width:720px;margin:32px auto;padding:0 16px}.app-content:has(.chat-page){max-width:1100px}.app-drawer-overlay{z-index:20;background:#0006;position:fixed;inset:0}.app-drawer{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;gap:20px;width:260px;max-width:80vw;padding:20px 16px;display:flex;position:absolute;top:0;bottom:0;left:0}.app-drawer-user{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding-bottom:12px;display:flex}.app-drawer-user span{color:var(--muted);font-size:.9em}.app-drawer-nav{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.app-drawer-nav a{color:var(--fg);border-radius:6px;padding:8px 10px;text-decoration:none;display:block}.app-drawer-nav a.active{background:var(--border)}.app-drawer button{margin-top:auto}.chat-page{flex-direction:column;gap:12px;height:calc(100vh - 140px);display:flex}
.chat-app,.chat-kit-card{--ck-bg:var(--bg,#fff);--ck-bg-subtle:#f6f6f8;--ck-fg:var(--fg,#18181b);--ck-muted:var(--muted,#71717a);--ck-border:var(--border,#e5e5ea);--ck-accent:var(--accent,#2563eb);--ck-accent-fg:#fff;--ck-danger:#dc2626;--ck-danger-bg:#fef2f2;--ck-radius-sm:6px;--ck-radius:12px;--ck-radius-lg:16px;--ck-radius-full:999px;--ck-shadow-sm:0 1px 2px #0f0f140f;--ck-shadow-md:0 8px 24px #0f0f141f;--ck-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ck-font-size:14px;--ck-bubble-bg:var(--ck-bg-subtle);--ck-bubble-mine-bg:color-mix(in srgb, var(--ck-accent) 14%, var(--ck-bg));--ck-bubble-mine-border:color-mix(in srgb, var(--ck-accent) 30%, var(--ck-border))}@media (prefers-color-scheme:dark){.chat-app,.chat-kit-card{--ck-bg-subtle:#1c1c1f;--ck-danger-bg:#dc262624}}.chat-app,.chat-app *{box-sizing:border-box}.chat-kit-card{background:var(--ck-bg);color:var(--ck-fg);border:1px solid var(--ck-border);border-radius:var(--ck-radius);box-shadow:var(--ck-shadow-sm);font-family:var(--ck-font);font-size:var(--ck-font-size);padding:20px}.chat-kit-heading{letter-spacing:-.01em;color:var(--ck-fg);margin:0 0 12px;font-size:16px;font-weight:600}.chat-kit-hint{color:var(--ck-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:600}.chat-kit-empty{color:var(--ck-muted);text-align:center;margin:0;padding:24px;font-size:14px}.chat-kit-error{border-radius:var(--ck-radius-sm);background:var(--ck-danger-bg);color:var(--ck-danger);margin:12px 20px 0;padding:8px 12px;font-size:13px}.chat-kit-dl{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;font-size:13.5px;display:grid}.chat-kit-dl dt{color:var(--ck-muted)}.chat-kit-dl dd{word-break:break-all;margin:0}.chat-kit-token{word-break:break-all;background:var(--ck-bg-subtle);border:1px solid var(--ck-border);border-radius:var(--ck-radius-sm);padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.chat-kit-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chat-kit-btn{border-radius:var(--ck-radius);padding:6px 14px;font-size:13px;font-weight:500;line-height:1.2}.chat-kit-btn-primary{background:var(--ck-accent);color:var(--ck-accent-fg);border:none}.chat-kit-btn-primary:hover:not(:disabled){filter:brightness(.93)}.chat-kit-btn-ghost{color:var(--ck-fg);border:1px solid var(--ck-border);background:0 0}.chat-kit-btn-ghost:hover:not(:disabled){background:var(--ck-bg-subtle)}.chat-app{background:var(--ck-bg);min-height:0;color:var(--ck-fg);border:1px solid var(--ck-border);border-radius:var(--ck-radius-lg);box-shadow:var(--ck-shadow-sm);font-family:var(--ck-font);font-size:var(--ck-font-size);flex:1;display:flex;overflow:hidden}.chat-channel-list{background:var(--ck-bg-subtle);border-right:1px solid var(--ck-border);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow-y:auto}.chat-channel-list-header{justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 12px;display:flex}.chat-channel-list-header h3{margin:0;font-size:15px;font-weight:600}.chat-channel-list-header button{background:var(--ck-accent);color:var(--ck-accent-fg);border-radius:var(--ck-radius-full);border:none;padding:6px 12px;font-size:13px;font-weight:500}.chat-channel-items{flex-direction:column;gap:2px;margin:0;padding:4px 8px 12px;list-style:none;display:flex}.chat-channel-item{text-align:left;width:100%;color:var(--ck-fg);border-radius:var(--ck-radius);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;transition:background-color .12s;display:flex}.chat-channel-item:hover{background:color-mix(in srgb, var(--ck-fg) 6%, transparent)}.chat-channel-item-active,.chat-channel-item-active:hover{background:color-mix(in srgb, var(--ck-accent) 14%, transparent)}.chat-channel-item-active .chat-channel-item-label{color:var(--ck-accent);font-weight:600}.chat-channel-item-text{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.chat-channel-item-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:500;overflow:hidden}.chat-channel-item-preview{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ck-muted);font-size:12.5px;overflow:hidden}.chat-channel-item-badge{border-radius:var(--ck-radius-full);background:var(--ck-accent);min-width:18px;height:18px;color:var(--ck-accent-fg);text-align:center;flex-shrink:0;margin-left:auto;padding:0 5px;font-size:11px;font-weight:600;line-height:18px}.chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #00000014}.chat-main{background:var(--ck-bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-main>.chat-kit-empty{flex:1;justify-content:center;align-items:center;display:flex}.chat-header{border-bottom:1px solid var(--ck-border);justify-content:space-between;align-items:center;gap:8px;padding:14px 20px;display:flex}.chat-header-back{border-radius:var(--ck-radius-full);width:32px;height:32px;color:var(--ck-fg);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.chat-header-back:hover{background:var(--ck-bg-subtle)}.chat-header-label{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:600;overflow:hidden}.chat-header-rename-input{border-radius:var(--ck-radius-sm);border:1px solid var(--ck-border);background:var(--ck-bg);color:inherit;font:inherit;flex:1;padding:7px 10px}.chat-header-rename-input:focus{border-color:var(--ck-accent);outline:none}.chat-header-menu{flex-shrink:0;position:relative}.chat-header-menu-button{color:var(--ck-fg);border:1px solid var(--ck-border);border-radius:var(--ck-radius-full);background:0 0;width:32px;height:32px;padding:0;line-height:1}.chat-header-menu-button:hover{background:var(--ck-bg-subtle)}.chat-header-menu-dropdown{z-index:10;background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:var(--ck-radius);min-width:160px;box-shadow:var(--ck-shadow-md);flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.chat-header-menu-dropdown button{color:var(--ck-fg);border-radius:var(--ck-radius-sm);text-align:left;background:0 0;border:none;padding:8px 10px;font-size:13.5px}.chat-header-menu-dropdown button:hover{background:var(--ck-bg-subtle)}.chat-header-menu-item-danger{color:var(--ck-danger)}.chat-header-menu-item-danger:hover{background:var(--ck-danger-bg)}.chat-messages{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.chat-messages-empty{justify-content:center;align-items:center}.chat-messages-load-older{justify-content:center;padding:4px 0 8px;display:flex}.chat-messages-load-older button{border:1px solid var(--ck-border);border-radius:var(--ck-radius-full);background:var(--ck-bg-subtle);color:var(--ck-muted);padding:5px 14px;font-size:12.5px}.chat-messages-load-older button:hover:not(:disabled){border-color:var(--ck-accent);color:var(--ck-accent)}.chat-messages-load-older button:disabled{cursor:default;opacity:.7}.chat-message-row{align-items:flex-start;gap:8px;max-width:78%;display:flex}.chat-message-row-mine{flex-direction:row-reverse;align-self:flex-end}.chat-message-avatar{flex-shrink:0;align-self:flex-start;width:28px}.chat-message-column{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.chat-message-row-mine .chat-message-column{align-items:flex-end}.chat-message{border-radius:var(--ck-radius);border:1px solid var(--ck-border);background:var(--ck-bubble-bg);min-width:0;box-shadow:var(--ck-shadow-sm);padding:8px 12px;position:relative}.chat-message-row:not(.chat-message-row-mine) .chat-message{border-top-left-radius:4px}.chat-message-row-mine .chat-message{border-top-right-radius:4px}.chat-message-mine{background:var(--ck-bubble-mine-bg);border-color:var(--ck-bubble-mine-border)}.chat-message-meta{color:var(--ck-muted);gap:8px;margin-bottom:2px;font-size:12px;display:flex}.chat-message-meta strong{color:var(--ck-fg);font-weight:600}.chat-message-text{white-space:pre-wrap;word-break:break-word;line-height:1.45}.chat-message-deleted{color:var(--ck-muted);font-style:italic}.chat-message-edited{color:var(--ck-muted);margin-left:6px;font-size:.8em}.chat-message-hover-actions{z-index:1;border-radius:var(--ck-radius-full);border:1px solid var(--ck-border);background:var(--ck-bg);box-shadow:var(--ck-shadow-sm);opacity:0;pointer-events:none;gap:2px;padding:2px;transition:opacity .12s;display:flex;position:absolute;top:-14px;left:8px}.chat-message-row-mine .chat-message-hover-actions{left:auto;right:8px}.chat-message-row:hover .chat-message-hover-actions,.chat-thread-message-row:hover .chat-message-hover-actions,.chat-message-hover-actions-pinned{opacity:1;pointer-events:auto}.chat-message-hover-action{border-radius:var(--ck-radius-full);width:24px;height:24px;color:var(--ck-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.chat-message-hover-action:hover{background:var(--ck-bg-subtle);color:var(--ck-fg)}.chat-message-hover-action-active{background:color-mix(in srgb, var(--ck-accent) 15%, transparent)}.chat-message-hover-action-danger:hover{background:var(--ck-danger-bg);color:var(--ck-danger)}.chat-message-edit{flex-direction:column;gap:8px;display:flex}.chat-message-edit textarea{resize:vertical;min-height:2.4em;font:inherit;border-radius:var(--ck-radius-sm);border:1px solid var(--ck-border);background:var(--ck-bg);color:inherit;padding:8px 10px}.chat-message-edit textarea:focus{border-color:var(--ck-accent);outline:none}.chat-message-edit-actions{gap:8px;display:flex}.chat-system-message{color:var(--ck-muted);background:var(--ck-bg-subtle);border-radius:var(--ck-radius-full);align-self:center;margin:4px auto;padding:4px 12px;font-size:12.5px}.chat-message-attachments{flex-direction:column;gap:8px;margin-bottom:6px;display:flex}.chat-attachment-image{border-radius:var(--ck-radius);border:1px solid var(--ck-border);object-fit:cover;max-width:280px;max-height:280px;display:block}.chat-attachment-video{border-radius:var(--ck-radius);max-width:300px;max-height:300px;display:block}.chat-attachment-file{border-radius:var(--ck-radius);border:1px solid var(--ck-border);background:var(--ck-bg);color:inherit;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.chat-attachment-file:hover{border-color:var(--ck-accent)}.chat-attachment-file-size{color:var(--ck-muted);font-size:12px}.chat-message-reactions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-reaction-pill-wrap,.chat-reaction-picker-anchor{position:relative}.chat-reaction-pill{border-radius:var(--ck-radius-full);border:1px solid var(--ck-border);background:var(--ck-bg);color:inherit;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:flex}.chat-reaction-pill:hover:not(:disabled){border-color:var(--ck-accent)}.chat-reaction-pill-mine{border-color:var(--ck-accent);background:color-mix(in srgb, var(--ck-accent) 15%, transparent);color:var(--ck-accent);font-weight:600}.chat-reaction-pill:disabled{cursor:default;opacity:.75}.chat-reaction-picker{z-index:5;border-radius:var(--ck-radius);border:1px solid var(--ck-border);background:var(--ck-bg);box-shadow:var(--ck-shadow-md);gap:2px;margin-bottom:6px;padding:6px;display:flex;position:absolute;bottom:100%;left:0}.chat-message-row-mine .chat-reaction-picker{left:auto;right:0}.chat-reaction-picker-flip-down{margin-top:6px;margin-bottom:0;top:100%;bottom:auto}.chat-reaction-picker button{border-radius:var(--ck-radius-sm);background:0 0;border:none;padding:4px;font-size:1.15em}.chat-reaction-picker button:hover{background:var(--ck-bg-subtle)}.chat-reaction-tooltip{z-index:5;border-radius:var(--ck-radius-sm);background:var(--ck-fg);color:var(--ck-bg);white-space:normal;max-width:220px;box-shadow:var(--ck-shadow-md);margin-bottom:6px;padding:5px 9px;font-size:12px;position:absolute;bottom:100%;left:0}.chat-thread-trigger{color:var(--ck-accent);background:0 0;border:none;padding:0;font-size:12.5px;font-weight:500}.chat-thread-trigger:hover{text-decoration:underline}.chat-composer{border-top:1px solid var(--ck-border);flex-direction:column;gap:10px;padding:12px 20px 16px;display:flex}.chat-composer-pending{flex-wrap:wrap;gap:10px;display:flex}.chat-pending-item{flex-direction:column;align-items:center;gap:2px;width:72px;display:flex;position:relative}.chat-pending-thumb{border-radius:var(--ck-radius-sm);object-fit:cover;border:1px solid var(--ck-border);width:56px;height:56px}.chat-pending-thumb-file{color:var(--ck-muted);background:var(--ck-bg-subtle);justify-content:center;align-items:center;display:flex}.chat-pending-name{color:var(--ck-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.chat-pending-status{color:var(--ck-muted);font-size:11px}.chat-pending-status-error,.chat-pending-item-error .chat-pending-thumb{color:var(--ck-danger);border-color:var(--ck-danger)}.chat-pending-remove{border-radius:var(--ck-radius-full);background:var(--ck-fg);width:18px;height:18px;color:var(--ck-bg);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-6px;right:6px}.chat-typing-indicator{color:var(--ck-muted);align-items:center;gap:6px;min-height:18px;padding:0 16px 4px;font-size:12.5px;display:flex}.chat-typing-dots{gap:3px;display:inline-flex}.chat-typing-dots span{border-radius:var(--ck-radius-full);background:var(--ck-muted);width:4px;height:4px;animation:1.2s ease-in-out infinite chat-typing-bounce}.chat-typing-dots span:nth-child(2){animation-delay:.15s}.chat-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes chat-typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.chat-composer-row{align-items:center;gap:8px;display:flex}.chat-composer-input{border:1px solid var(--ck-border);border-radius:var(--ck-radius-full);background:var(--ck-bg-subtle);color:var(--ck-fg);font:inherit;flex:1;padding:9px 16px}.chat-composer-input:focus{border-color:var(--ck-accent);background:var(--ck-bg);outline:none}.chat-composer-attach,.chat-composer-send{border-radius:var(--ck-radius-full);border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.chat-composer-attach{color:var(--ck-muted);border:1px solid var(--ck-border);background:0 0}.chat-composer-attach:hover{border-color:var(--ck-accent);color:var(--ck-accent)}.chat-composer-send{background:var(--ck-accent);color:var(--ck-accent-fg)}.chat-new-channel{align-self:center;width:100%;max-width:480px;margin:24px;overflow-y:auto}.chat-user-picker{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.chat-user-picker li label,.chat-user-picker li button{border-radius:var(--ck-radius);width:100%;color:var(--ck-fg);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.chat-user-picker li label:hover,.chat-user-picker li button:hover{background:var(--ck-bg-subtle)}.chat-user-search{flex-direction:column;gap:8px;display:flex}.chat-user-search-chips{flex-wrap:wrap;gap:6px;display:flex}.chat-user-search-chip{border-radius:var(--ck-radius-full);background:var(--ck-bg-subtle);border:1px solid var(--ck-border);align-items:center;gap:6px;padding:4px 8px 4px 6px;font-size:13px;display:flex}.chat-user-search-chip button{width:16px;height:16px;color:var(--ck-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.chat-user-search-chip button:hover{background:var(--ck-border);color:var(--ck-fg)}.chat-user-search-input{border-radius:var(--ck-radius);border:1px solid var(--ck-border);background:var(--ck-bg);width:100%;color:inherit;font:inherit;padding:9px 12px}.chat-user-search-input:focus{border-color:var(--ck-accent);outline:none}.chat-user-search-results{max-height:220px;overflow-y:auto}.chat-new-channel-type-summary{border-radius:var(--ck-radius);background:var(--ck-bg-subtle);flex-direction:column;gap:8px;margin-bottom:4px;padding:8px 10px;display:flex}.chat-new-channel-type-summary-header{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.chat-new-channel-capabilities{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chat-new-channel-capabilities-indented{margin:2px 0 6px 30px}.chat-new-channel-capability{border-radius:var(--ck-radius-full);background:color-mix(in srgb, var(--ck-accent) 12%, transparent);color:var(--ck-accent);border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:flex}.chat-new-channel-capability-off{border-color:var(--ck-border);color:var(--ck-muted);background:0 0}.chat-new-channel-name{border-radius:var(--ck-radius);border:1px solid var(--ck-border);background:var(--ck-bg);width:100%;color:inherit;font:inherit;margin:8px 0;padding:9px 12px}.chat-new-channel-name:focus{border-color:var(--ck-accent);outline:none}.chat-members-panel{min-height:0;box-shadow:none;background:var(--ck-bg);border:none;border-radius:0;flex:1;padding:16px 20px;overflow-y:auto}.chat-members-add{border-bottom:1px solid var(--ck-border);margin-bottom:14px;padding-bottom:14px}.chat-members-panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.chat-members-panel-header h3{margin:0}.chat-members-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.chat-members-list-item{border-radius:var(--ck-radius);align-items:center;gap:10px;padding:6px 4px;display:flex}.chat-members-list-item:hover{background:var(--ck-bg-subtle)}.chat-members-avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.chat-members-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.chat-members-role{color:var(--ck-muted);text-transform:capitalize;background:var(--ck-bg-subtle);border-radius:var(--ck-radius-full);padding:2px 8px;font-size:12px}.chat-members-status{color:var(--ck-muted);font-size:12px}.chat-members-remove{color:var(--ck-danger);border-radius:var(--ck-radius-sm);background:0 0;border:none;padding:4px 8px;font-size:12.5px}.chat-members-remove:hover{background:var(--ck-danger-bg)}.chat-presence-dot{background:var(--ck-muted);border:2px solid var(--ck-bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.chat-presence-dot-online{background:#22c55e}.chat-thread-panel{border:none;border-left:1px solid var(--ck-border);width:340px;box-shadow:none;background:var(--ck-bg);border-radius:0;flex-direction:column;flex-shrink:0;padding:0;display:flex;overflow:hidden}.chat-thread-panel .chat-members-panel-header{border-bottom:1px solid var(--ck-border);margin-bottom:0;padding:14px 18px}.chat-thread-parent{border-bottom:1px solid var(--ck-border);padding:14px 18px}.chat-thread-replies{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 18px;display:flex;overflow-y:auto}.chat-thread-panel .chat-composer{padding:12px 18px 16px}.chat-thread-message-row{align-items:flex-start;gap:8px;display:flex}.chat-thread-message-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;position:relative}@media (max-width:768px){.chat-channel-list,.chat-thread-panel{width:100%}.chat-app[data-mobile-view=list] .chat-main,.chat-app[data-mobile-view=list] .chat-thread-panel,.chat-app[data-mobile-view=conversation] .chat-channel-list,.chat-app[data-mobile-view=conversation] .chat-thread-panel,.chat-app[data-mobile-view=thread] .chat-channel-list,.chat-app[data-mobile-view=thread] .chat-main{display:none}.chat-header-back{display:flex}}