.chat{background-color:var(--bg-primary);flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.chat.empty{justify-content:center;align-items:center}.empty-state{text-align:center}.empty-state h2{margin-bottom:12px;font-size:32px}.empty-state p{color:var(--text-secondary);font-size:16px}.messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message{gap:12px;width:100%;max-width:800px;margin:0 auto;display:flex}.message-avatar{background-color:var(--bg-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.message-content{flex:1;min-width:0}.message-text{background-color:var(--bg-secondary);white-space:pre-wrap;word-wrap:break-word;border-radius:12px;padding:12px 16px;line-height:1.5}.message.user .message-text{background-color:var(--accent)}.message-text.error{background-color:var(--error);color:#fff}.message-text .cursor{margin-left:2px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-time{color:var(--text-secondary);margin-top:4px;padding-left:16px;font-size:11px}.input-area{border-top:1px solid var(--border);background-color:var(--bg-secondary);gap:12px;padding:20px;display:flex}.input-area textarea{background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);resize:none;border-radius:12px;flex:1;min-height:24px;max-height:200px;padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.5}.input-area textarea:focus{border-color:var(--accent);outline:none}.input-area button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s}.input-area button:hover:not(:disabled){background-color:var(--accent-hover)}.input-area button:disabled{opacity:.5;cursor:not-allowed}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:24px 20px}.sidebar-header h1{font-size:24px;font-weight:600}.channels-list{flex:1;padding:12px}.channel-item{background-color:var(--bg-hover);border-radius:8px;padding:14px 16px}.channel-title{margin-bottom:6px;font-size:15px;font-weight:600}.channel-description{color:var(--text-secondary);font-size:12px}.sidebar-user{border-top:1px solid var(--border);padding:20px;font-size:14px}.app{width:100%;height:100%;display:flex;overflow:hidden}.retry-button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:8px;margin-top:16px;padding:10px 20px}.chat-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.connection-notice{color:#8a5500;background:#fff6df;padding:10px 20px}.connection-notice button{margin-left:12px}*{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-hover:#3d3d3d;--text-primary:#ececec;--text-secondary:#b3b3b3;--border:#404040;--accent:#6366f1;--accent-hover:#4f46e5;--error:#ef4444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0}#root{width:100vw;height:100vh;overflow:hidden}button{font-family:inherit}code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace}