:root{--primary-green: #84BD6B;--bg-color: #f5f5f5;--user-bubble-bg: #e5e5ea;--agent-bubble-bg: #84BD6B;--text-color: #333;--header-height: 60px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}#root{height:100vh;display:flex;flex-direction:column}.chat-container{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto;background-color:#fff;box-shadow:0 0 20px #0000000d;position:relative}.chat-header{height:var(--header-height);display:flex;align-items:center;padding:0 16px;background-color:#f8f8f8;border-bottom:1px solid #eee;z-index:10;position:sticky;top:0}.back-button{display:flex;align-items:center;font-size:18px;color:#333;cursor:pointer;border:none;background:none;padding:8px 8px 8px 0;margin-right:auto}.header-logo{height:40px;position:absolute;left:50%;transform:translate(-50%)}.chat-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px}.message-row{display:flex;width:100%}.message-row.agent{justify-content:flex-start}.message-row.user{justify-content:flex-end}.message-bubble{max-width:80%;padding:12px 16px;border-radius:18px;font-size:16px;line-height:1.4;position:relative;word-wrap:break-word}.agent .message-bubble{background-color:var(--agent-bubble-bg);color:#fff;border-bottom-left-radius:4px}.agent .message-bubble:before{content:"";position:absolute;bottom:0;left:-8px;width:20px;height:20px;background-color:var(--agent-bubble-bg);border-bottom-right-radius:15px;z-index:-1;clip-path:polygon(100% 0,100% 100%,0 100%)}.user .message-bubble{background-color:#fff;color:#333;background-color:transparent;text-align:right;padding:0;box-shadow:none}.chat-input-area{padding:12px 16px;background-color:#fff;border-top:1px solid #eee;display:flex;align-items:center;gap:12px}.input-wrapper{flex:1;background-color:#f0f0f0;border-radius:24px;padding:8px 16px;display:flex;align-items:center}.message-input{flex:1;border:none;background:transparent;outline:none;font-size:16px;padding:4px 0}.send-button{background-color:#e67e22;border:none;width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.loading-dots{display:flex;gap:4px;padding:8px}.dot{width:8px;height:8px;background-color:#fff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}