:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;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;width:100%;background-color:var(--color-background, #ffffff);color:var(--color-text, #213547)}#root{width:100%;max-width:100%}.chat-interface{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;width:100%}.chat-header{padding:.5rem;border-bottom:1px solid var(--color-background-alt)}.chat-header h1{margin:0;color:var(--color-text)}.chat-logo{height:40px;display:block}.message-list{flex:1;overflow-y:auto;padding:1rem}.message{margin-bottom:1rem;padding:.5rem;border-radius:8px}.message.user{background:var(--color-primary);color:var(--color-text-light);margin-left:20%}.message.assistant{background:var(--color-background-alt);color:var(--color-text);margin-right:20%}.message-content{margin-bottom:.25rem}.message-time{font-size:.75rem;opacity:.7}.message-input{display:flex;padding:1rem;border-top:1px solid var(--color-background-alt)}.message-input input{flex:1;padding:.5rem;border:1px solid var(--color-background-alt);border-radius:4px;margin-right:.5rem;color:var(--color-text);background:var(--color-primary)}.message-input button{padding:.5rem 1rem;background:var(--color-primary);color:var(--color-text-light);border:none;border-radius:4px;cursor:pointer}.message-input button:disabled{background:var(--color-secondary);cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:.5rem;margin:.5rem 1rem;border-radius:4px}@media(max-width:768px){.chat-interface{max-width:100%}.chat-header{padding:.5rem}.chat-header h1{font-size:1.5rem}.message-list{padding:.75rem}.message.user{margin-left:10%}.message.assistant{margin-right:10%}.message-input{padding:.75rem}.message-input input{font-size:16px}}