*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:600px;height:700px;display:flex;flex-direction:column;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}.header h1{font-size:24px;margin-bottom:5px}.header p{font-size:14px;opacity:.9}.status{padding:10px 20px;background:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:13px;color:#666}.status.connected{background:#d4edda;color:#155724}.messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.message{margin-bottom:15px;display:flex;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message-content{max-width:80%;padding:12px 16px;border-radius:18px;word-wrap:break-word;white-space:pre-wrap}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.ai .message-content{background:#fff;color:#333;box-shadow:0 2px 5px #0000001a}.message.tool .message-content{background:#fff3cd;color:#856404;font-size:13px;border-left:3px solid #ffc107}.input-area{display:flex;padding:15px;background:#fff;border-top:1px solid #dee2e6;gap:10px}input{flex:1;padding:12px 16px;border:2px solid #e9ecef;border-radius:25px;font-size:14px;outline:none;transition:border-color .2s}input:focus{border-color:#667eea}button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s}button:hover{transform:scale(1.05)}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.examples{padding:15px 20px;background:#e7f3ff;border-top:1px solid #cce5ff;font-size:12px;color:#004085}.examples strong{display:block;margin-bottom:5px}.examples code{background:#fff;padding:2px 6px;border-radius:3px;margin-right:10px;display:inline-block;margin-bottom:5px;cursor:default}.message-content.loading{opacity:.7;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}