:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#faf7f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#cf9399;text-decoration:inherit}a:hover{color:#e39b91}body{margin:0;place-items:center;min-width:320px;min-height:100vh;display:flex;justify-content:center;background-color:#faf7f7}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#de8b83}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#faf7f7}a:hover{color:#cf9399}button{background-color:#f9f9f9}}.messaging-widget{width:400px;height:600px;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;background:#fff;box-shadow:0 4px 12px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.widget-header{padding:16px 20px;color:#fff;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.widget-header h3{margin:0;font-size:18px;font-weight:600}.status-indicator{width:12px;height:12px;border-radius:50%;background:#28a745;box-shadow:0 0 0 2px #ffffff4d}.messages-container{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.welcome-message{text-align:center;color:#666;font-style:italic;margin-top:50px}.message{display:flex;margin-bottom:8px}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-content{max-width:80%;padding:12px 16px;border-radius:18px;position:relative}.user-message .message-content{background:#de8b83;color:#faf7f7;border-bottom-right-radius:4px}.bot-message .message-content{background:#f1f1f1;color:#333;border-bottom-left-radius:4px}.message-content p{margin:0;line-height:1.4}.timestamp{font-size:11px;opacity:.7;margin-top:4px;display:block}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#666;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.message-input-form{display:flex;padding:16px;border-top:1px solid #e0e0e0;gap:8px}.message-input{flex:1;padding:12px 16px;border:1px solid #de8b83;border-radius:24px;outline:none;font-size:14px;transition:border-color .2s}.message-input:focus{border-color:#cf9399;outline:none}.message-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-button{padding:12px 20px;background:#de8b83;color:#faf7f7;border:none;border-radius:24px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.send-button:hover:not(:disabled){background:#e39b91}.send-button:disabled{background:#ccc;cursor:not-allowed}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 480px){.messaging-widget{width:100%;height:100vh;border-radius:0}.widget-header{border-radius:0}.message-content{max-width:85%}}