*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafb;margin:0;font-family:Outfit,sans-serif}button{cursor:pointer;font-family:inherit}a{color:#4f46e5;text-decoration:none}a:hover{text-decoration:underline}.chat-app[data-v-3c9ba401]{background:#f8fafb;flex-direction:column;height:100vh;display:flex}.top-bar[data-v-3c9ba401]{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.6rem 1.25rem;display:flex}.brand[data-v-3c9ba401]{align-items:center;gap:.5rem;display:flex}.brand-icon[data-v-3c9ba401]{font-size:1.25rem}.brand-name[data-v-3c9ba401]{font-size:1rem;font-weight:700}.brand-env[data-v-3c9ba401]{color:#92400e;background:#fef3c7;border-radius:.25rem;padding:.125rem .5rem;font-family:DM Mono,monospace;font-size:.65rem}.ws-status[data-v-3c9ba401]{border-radius:.25rem;margin-left:.5rem;padding:.125rem .5rem;font-family:DM Mono,monospace;font-size:.65rem}.ws-connected[data-v-3c9ba401]{color:#166534;background:#dcfce7}.ws-reconnecting[data-v-3c9ba401]{color:#991b1b;background:#fee2e2}.ws-disconnected[data-v-3c9ba401]{color:#6b7280;background:#f3f4f6}.top-actions[data-v-3c9ba401]{align-items:center;gap:.75rem;display:flex}.user-chip[data-v-3c9ba401]{color:#4b5563;font-size:.875rem}.btn-logout[data-v-3c9ba401]{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.3rem .75rem;font-size:.8rem}.btn-logout[data-v-3c9ba401]:hover{background:#f9fafb}.loading[data-v-3c9ba401]{text-align:center;color:#6b7280;padding:3rem}.layout[data-v-3c9ba401]{flex:1;grid-template-columns:260px 1fr;display:grid;overflow:hidden}.sidebar[data-v-3c9ba401]{background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto}.sidebar-head[data-v-3c9ba401]{justify-content:space-between;align-items:center;padding:1rem 1.25rem .5rem;display:flex}.sidebar-head h3[data-v-3c9ba401]{text-transform:uppercase;color:#6b7280;letter-spacing:.05em;font-size:.75rem}.btn-new[data-v-3c9ba401]{color:#4f46e5;background:#eef2ff;border:none;border-radius:.25rem;width:24px;height:24px;font-size:1rem;line-height:1}.btn-new[data-v-3c9ba401]:hover{background:#e0e7ff}.create-card[data-v-3c9ba401]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;flex-direction:column;gap:.5rem;margin:0 1rem .75rem;padding:.75rem;display:flex}.create-card input[type=text][data-v-3c9ba401],.create-card input[data-v-3c9ba401]:not([type=checkbox]){background:#fff;border:1px solid #d1d5db;border-radius:.25rem;padding:.375rem .5rem;font-family:inherit;font-size:.85rem}.create-card .check[data-v-3c9ba401]{color:#4b5563;align-items:center;gap:.375rem;font-size:.8rem;display:flex}.create-card .actions[data-v-3c9ba401]{gap:.5rem;display:flex}.btn-primary[data-v-3c9ba401]{color:#fff;background:#4f46e5;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.8rem}.btn-primary[data-v-3c9ba401]:hover:not(:disabled){background:#4338ca}.btn-primary[data-v-3c9ba401]:disabled{opacity:.5;cursor:not-allowed}.btn-ghost[data-v-3c9ba401]{color:#374151;background:0 0;border:1px solid #d1d5db;border-radius:.25rem;padding:.375rem .75rem;font-size:.8rem}.channel-list[data-v-3c9ba401]{padding:0 .5rem 1rem;list-style:none}.channel-list .muted[data-v-3c9ba401]{color:#9ca3af;padding:.5rem .75rem;font-size:.85rem}.channel-item[data-v-3c9ba401]{cursor:pointer;color:#374151;border-radius:.25rem;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.875rem;display:flex}.channel-item[data-v-3c9ba401]:hover{background:#f3f4f6}.channel-item.active[data-v-3c9ba401]{color:#4338ca;background:#eef2ff;font-weight:600}.ch-prefix[data-v-3c9ba401]{color:#9ca3af;font-weight:400}.channel-item.active .ch-prefix[data-v-3c9ba401]{color:#6366f1}.ch-name[data-v-3c9ba401]{flex:1}.ch-flag[data-v-3c9ba401]{text-transform:uppercase;color:#9ca3af;background:#f3f4f6;border-radius:.25rem;padding:.125rem .375rem;font-size:.65rem}.thread[data-v-3c9ba401]{background:#f8fafb;flex-direction:column;display:flex;overflow:hidden}.thread-head[data-v-3c9ba401]{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem .5rem}.thread-head h2[data-v-3c9ba401]{color:#111827;font-size:1.05rem}.thread-head.muted h2[data-v-3c9ba401]{color:#9ca3af;font-weight:500}.thread-topic[data-v-3c9ba401]{color:#6b7280;margin-top:.25rem;font-size:.85rem}.error-banner[data-v-3c9ba401]{color:#991b1b;background:#fee2e2;border-radius:.375rem;margin:.75rem 1.5rem;padding:.5rem .75rem;font-size:.85rem}.messages[data-v-3c9ba401]{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.5rem;display:flex;overflow-y:auto}.empty-state[data-v-3c9ba401]{color:#9ca3af;margin:auto;font-size:.9rem}.message[data-v-3c9ba401]{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-self:flex-start;max-width:70%;padding:.5rem .75rem;position:relative}.message.mine[data-v-3c9ba401]{color:#fff;background:#4f46e5;border-color:#4f46e5;align-self:flex-end}.message.deleted[data-v-3c9ba401]{opacity:.6}.msg-head[data-v-3c9ba401]{align-items:baseline;gap:.5rem;margin-bottom:.25rem;font-size:.7rem;display:flex}.msg-author[data-v-3c9ba401]{color:#6b7280;font-weight:600}.message.mine .msg-author[data-v-3c9ba401]{color:#c7d2fe}.msg-time[data-v-3c9ba401]{color:#9ca3af}.message.mine .msg-time[data-v-3c9ba401]{color:#c7d2fe}.msg-edited[data-v-3c9ba401]{color:#9ca3af;font-style:italic}.message.mine .msg-edited[data-v-3c9ba401]{color:#c7d2fe}.msg-body[data-v-3c9ba401]{white-space:pre-wrap;word-break:break-word;font-size:.92rem}.msg-body.deleted-tag[data-v-3c9ba401]{color:#9ca3af;font-style:italic}.msg-actions[data-v-3c9ba401]{gap:.25rem;margin-top:.25rem;display:flex}.btn-mini[data-v-3c9ba401]{color:#c7d2fe;background:0 0;border:1px solid #fff6;border-radius:.25rem;padding:.125rem .375rem;font-size:.7rem}.btn-mini[data-v-3c9ba401]:hover{background:#ffffff1a}.composer[data-v-3c9ba401]{background:#fff;border-top:1px solid #e5e7eb;gap:.5rem;padding:.75rem 1.5rem 1rem;display:flex}.composer textarea[data-v-3c9ba401]{resize:none;background:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;flex:1;padding:.5rem .75rem;font-family:inherit;font-size:.92rem}.composer textarea[data-v-3c9ba401]:focus{background:#fff;border-color:#4f46e5;outline:none}.btn-send[data-v-3c9ba401]{color:#fff;background:#4f46e5;border:none;border-radius:.375rem;padding:0 1.25rem;font-weight:600}.btn-send[data-v-3c9ba401]:disabled{opacity:.5;cursor:not-allowed}.btn-send[data-v-3c9ba401]:hover:not(:disabled){background:#4338ca}