*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;height:100vh;overflow:hidden}#root{height:100%}.app{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #2a2a4a;background:#16213e}.app-header h1{font-size:1.2rem;font-weight:600}.status{font-size:.8rem}.status.online{color:#4ade80}.status.offline{color:#fbbf24}.chat-view{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message{max-width:75%;padding:10px 14px;border-radius:12px;line-height:1.5;font-size:.95rem;word-wrap:break-word}.message.user{align-self:flex-end;background:#4f46e5;color:#fff;border-bottom-right-radius:4px}.message.bot{align-self:flex-start;background:#2a2a4a;color:#e0e0e0;border-bottom-left-radius:4px}.typing-indicator{align-self:flex-start;color:#888;font-style:italic;font-size:.85rem;padding:4px 14px}.input-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid #2a2a4a;background:#16213e}.text-input{flex:1;padding:10px 14px;border:1px solid #3a3a5a;border-radius:8px;background:#1a1a2e;color:#e0e0e0;font-size:.95rem;outline:none;transition:border-color .2s}.text-input:focus{border-color:#4f46e5}.text-input::placeholder{color:#666}.send-btn{padding:10px 16px;border:none;border-radius:8px;background:#4f46e5;color:#fff;font-size:1.1rem;cursor:pointer;transition:background .2s}.send-btn:hover:not(:disabled){background:#4338ca}.send-btn:disabled{opacity:.4;cursor:default}.voice-btn{width:44px;height:44px;border:2px solid #3a3a5a;border-radius:50%;background:transparent;color:#e0e0e0;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.voice-btn:hover{border-color:#4f46e5}.voice-btn.listening{border-color:#ef4444;background:#ef444426;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 8px #ef444400}}