.message-bubble{max-width:75%;display:flex}.message-bubble.user{align-self:flex-end}.message-bubble.assistant{align-self:flex-start}.bubble-content{padding:10px 16px;border-radius:16px;line-height:1.5;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word}.message-bubble.user .bubble-content{background:var(--user-bubble);border-bottom-right-radius:4px}.message-bubble.assistant .bubble-content{background:var(--assistant-bubble);border-bottom-left-radius:4px;border:1px solid var(--border)}.message-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;color:var(--text-secondary)}.empty-state .hint{font-size:.85rem;opacity:.7}.typing-indicator{display:flex;gap:4px;padding:12px 16px;align-self:flex-start}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-input{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-secondary)}.chat-input textarea{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--input-bg);color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:none;outline:none}.chat-input textarea:focus{border-color:var(--accent)}.chat-input textarea::placeholder{color:var(--text-secondary)}.chat-input button{padding:10px 20px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s}.chat-input button:hover:not(:disabled){background:var(--accent-hover)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.chat-view{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto}.chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.chat-header h1{font-size:1.2rem;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:#4ade80}.status-dot.disconnected{background:#ef4444}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-chat: #0f3460;--text-primary: #e4e4e4;--text-secondary: #a0a0b0;--accent: #e94560;--accent-hover: #ff6b81;--user-bubble: #533483;--assistant-bubble: #16213e;--border: #2a2a4a;--input-bg: #1a1a2e}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary)}