:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html,#root{height:100%;margin:0;font-family:Arial,sans-serif}.chatbot{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e;box-shadow:0 0 10px #0000001a}.chatbox{flex-grow:1;width:100%;max-width:700px;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.message{max-width:80%;padding:10px;border-radius:15px;word-wrap:break-word}.message.user{align-self:flex-end;background-color:#007bff;color:#fff}.message.ai{align-self:flex-start;background-color:#e9ecef;color:#000}.input-area{width:100%;max-width:600px;padding:10px;display:flex;gap:10px;background-color:#fff;border-top:1px solid #ddd}textarea{width:100%;padding:10px;border-radius:15px;border:1px solid #ddd;resize:none;font-size:16px}button{padding:10px 20px;border:none;background-color:#007bff;color:#fff;border-radius:15px;cursor:pointer;font-size:16px}html,body,#root{height:100%;margin:0;padding:0;background:#1e1e1e;color:#e5e5e5;font-family:Inter,sans-serif}.chatbot-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.chatbot header{width:100%;background:#202123;color:#fff;padding:16px 24px;font-size:18px;font-weight:600;border-bottom:1px solid #2a2b32;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.chatbot-header{display:flex;align-items:center;justify-content:center;position:relative;padding:10px;background:#0d1117;color:#fff}.chatbot-logo{height:42px;position:absolute;left:10px}.chatbot-title{margin:0;font-size:18px}.chatbot header .nav-right{display:flex;gap:16px;font-size:14px;color:#bbb}.chatbot header .nav-right span:hover{color:#fff;cursor:pointer}.chatbox{flex:1;overflow-y:auto;padding:20px;background:#343541;scrollbar-width:thin;scrollbar-color:#565869 #343541}.chatbox::-webkit-scrollbar{width:6px}.chatbox::-webkit-scrollbar-thumb{background:#565869;border-radius:4px}.empty-message{text-align:center;color:#aaa;margin-top:20px}.message{margin-bottom:18px;max-width:80%;line-height:1.5;position:relative}.message.user{background:#0b93f6;color:#fff;align-self:flex-end;border-radius:12px 12px 0;padding:10px 14px;margin-left:auto}.message.ai{background:#444654;color:#e5e5e5;align-self:flex-start;border-radius:12px 12px 12px 0;padding:12px 14px;margin-right:auto}.message time{font-size:11px;color:#999;margin-top:4px;display:block}.message-image{max-width:300px;border-radius:10px;margin:8px 0;border:1px solid #555}.code-block{position:relative;background:#1e1e1e;border-radius:8px;overflow:hidden;margin:10px 0;border:1px solid #555}.copy-code-btn{position:absolute;top:8px;right:8px;background:#2a2b32;border:none;color:#ddd;cursor:pointer;border-radius:6px;padding:4px 6px;font-size:12px;display:flex;align-items:center}.copy-code-btn:hover{background:#3a3b45}.tooltip{position:absolute;top:-22px;right:0;background:#333;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;opacity:0;transition:opacity .2s ease}.tooltip.visible{opacity:1}.copy-msg-btn{position:absolute;top:6px;right:-32px;background:none;border:none;cursor:pointer;color:#bbb}.copy-msg-btn:hover{color:#fff}.typing-indicator{font-size:14px;color:#aaa;padding:10px 0}.chatbot footer{border-top:1px solid #2a2b32;background:#202123;padding:12px 20px;box-sizing:border-box;position:relative}.input-wrapper{position:relative;width:100%}.chatbot textarea{width:100%;resize:none;border:none;outline:none;padding:14px 50px 14px 14px;border-radius:10px;background:#40414f;color:#fff;font-size:14px;line-height:1.4;box-sizing:border-box}.chatbot textarea::placeholder{color:#aaa}.send-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#fff;opacity:.8}.send-btn:hover{opacity:1}.clear-btn{margin-top:10px;width:100%;padding:10px;border:none;border-radius:6px;background:#3a3b45;color:#fff;cursor:pointer;font-size:13px}.clear-btn:hover{background:#4a4b55}.chatbot footer{border-top:1px solid #2a2b32;background:#202123;padding:9px 20px;box-sizing:border-box;position:relative;width:48.5%;justify-content:center}.input-wrapper{position:relative;width:100%;max-width:40rem;margin:0 auto}@media (max-width: 768px){.input-wrapper{max-width:100%}.chatbot footer{width:100%}}