:root{--primary-color: #007bff;--background-color: #121212;--text-color: #ffffff;--user-message-bg: #007bff;--bot-message-bg: #2a2a2a;--border-radius: 8px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color)}.app{max-width:800px;margin:0 auto;padding:20px;height:90vh;display:flex;flex-direction:column}.chat-container{width:100%;max-width:800px;height:calc(100vh - 160px);background-color:#000;border-radius:10px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;overflow:hidden;margin:20px auto 0}.chat-box{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.message{max-width:70%;padding:10px 15px;border-radius:var(--border-radius);word-wrap:break-word;transition:background-color .3s,transform .3s}.user-message{align-self:flex-end;background-color:var(--user-message-bg);color:#fff}.bot-message{align-self:flex-start;background-color:var(--bot-message-bg);color:var(--text-color)}.input-container{display:flex;flex-direction:row;align-items:center;padding:20px;gap:10px;border-top:1px solid #888}input.message-input,.send-button,.voice-button{height:42px;box-sizing:border-box}input.message-input{flex:1;padding:0 10px;border:1px solid #777;border-radius:var(--border-radius);font-size:16px;background-color:#1e1e1e;color:var(--text-color)}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color)}.send-button,.voice-button{padding:0 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:16px;transition:background-color .2s;flex-shrink:0}.send-button:disabled,.voice-button:disabled{background-color:#aaa;cursor:not-allowed}.send-button:hover:not(:disabled),.voice-button:hover:not(:disabled){background-color:#0056b3}.voice-button{position:relative;width:42px;background-color:var(--primary-color);padding:0}.voice-button:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);background-image:url("data:image/svg+xml;utf8,<svg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 14a3 3 0 0 0 3-3V5a3 3 0 1 0-6 0v6a3 3 0 0 0 3 3zm5-3a5 5 0 0 1-10 0H5a7 7 0 0 0 14 0h-2zM11 21h2v-2h-2v2z'/></svg>");background-size:contain;background-repeat:no-repeat;background-position:center}.voice-button.listening{background-color:red}.voice-button.listening:before{animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.powered-by{text-align:center;margin-top:20px;color:#fff;font-size:14px;opacity:.8}.title{text-align:center;margin-bottom:20px;color:#fff;font-size:24px;font-weight:600}@media (max-width: 600px){.chat-container{height:calc(100vh - 120px);padding:10px}.input-container{flex-direction:row;padding:10px}input.message-input{font-size:14px}.send-button,.voice-button{font-size:14px;padding:0 12px}.message{max-width:100%}}@media (forced-colors: active){body{forced-color-adjust:none;background-color:Canvas;color:CanvasText}.input-container,.chat-container,input.message-input{border-color:GrayText}}.typing-indicator{display:flex;gap:4px;height:16px;align-items:center}.typing-dot{width:6px;height:6px;border-radius:50%;background-color:#aaa;animation:blink 1.4s infinite both}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.message a{color:#4da6ff;text-decoration:underline;word-break:break-all}.message img{max-width:100%;height:auto;border-radius:8px;margin:5px 0;display:block}