:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.app{max-width:1200px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{color:#333;margin-bottom:.5rem}.app-header p{color:#666}.chat-container{background:#f5f5f5;border-radius:8px;padding:1rem;height:500px;display:flex;flex-direction:column}.messages-list{flex:1;overflow-y:auto;padding:1rem;background:#fff;border-radius:4px;margin-bottom:1rem}.message{margin-bottom:1rem;padding:.75rem;border-radius:8px;max-width:70%}.message.user{background:#007bff;color:#fff;margin-left:auto;text-align:right}.message.bot{background:#e9ecef;color:#333;margin-right:auto}.message-text{display:block;margin-bottom:.25rem}.message-time{font-size:.75rem;opacity:.7}.input-area{display:flex;gap:.5rem}.message-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.send-button{padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.send-button:hover{background:#0056b3}