*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif}h1{text-align:center;color:#4c9eff;margin:20px 0;font-size:22px;display:flex;justify-content:center;align-items:center;gap:15px}html,body{width:100%;height:100%;background-color:#f5f7fa}body{padding:15px;display:flex;flex-direction:column;justify-content:space-between;max-width:1200px;margin:0 auto}#results{width:100%;height:calc(100% - 120px);background-color:#fff;padding:15px;border-radius:12px;overflow-y:auto;box-shadow:0 2px 10px #00000014;margin-bottom:15px;scroll-behavior:smooth}#result{display:flex;flex-direction:column;gap:20px}.message{display:flex;align-items:flex-start;max-width:90%;gap:12px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message,.assistant-message{display:flex;flex-direction:column;padding:12px 16px;border-radius:18px;max-width:80%;word-wrap:break-word;font-size:16px;line-height:1.5;box-shadow:0 1px 2px #0000000d}.user-message{background-color:#4c9eff;color:#fff;align-self:flex-end;border-radius:18px 18px 0}.assistant-message{background-color:#f0f4f8;color:#333;align-self:flex-start;border-radius:18px 18px 18px 0}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}#sendVal{display:flex;justify-content:space-between;width:100%;gap:12px;padding-top:10px;align-items:center}#sendVal input{flex:1;padding:12px 16px;border:1px solid #d1d9e6;border-radius:24px;outline:none;font-size:16px;background-color:#fff;transition:all .3s;box-shadow:0 1px 3px #0000000d}#sendVal input:focus{border-color:#4c9eff;box-shadow:0 0 0 3px #4c9eff33}#sendVal button{padding:12px 24px;background-color:#4c9eff;color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 5px #4c9eff4d;min-width:100px}#sendVal button:hover{background-color:#3a8ae6;transform:translateY(-1px)}#sendVal button:active{background-color:#2c7bd9;transform:translateY(0)}#sendVal button:disabled{background-color:#b3d1ff;cursor:not-allowed;transform:none}#clearBtn{padding:10px 20px;background-color:#ff6b6b;color:#fff;border:none;border-radius:24px;font-size:14px;cursor:pointer;transition:all .3s;box-shadow:0 2px 5px #ff6b6b4d}#clearBtn:hover{background-color:#ff5252;transform:translateY(-1px)}#clearBtn:active{background-color:#e74c3c;transform:translateY(0)}.loading-dots{display:flex;padding:10px 0}.loading-dots div{width:10px;height:10px;margin:0 3px;background-color:#999;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots div:nth-child(1){animation-delay:-.32s}.loading-dots div:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 768px){body{padding:10px}#results{height:calc(100% - 110px);padding:10px}.message{max-width:95%}.user-message,.assistant-message{max-width:85%}#sendVal button{padding:10px 15px;min-width:80px}}pre{margin:20px 0;display:block;border-radius:5px;padding:20px;background-color:#343541;color:#fff;font-family:monospace;white-space:pre-wrap;word-wrap:break-word}.keyword{color:#569cd6}.string{color:#ce9178}.comment{color:#6a9955}.function{color:#dcdcaa}.number{color:#b5cea8}