@media screen and (min-width:769px){#leftPanel{position:absolute;left:10px;top:60px;width:150px;background-color:#e0f0e0;padding:15px;border-radius:.3rem;z-index:100;color:#2d5c2f}#chatContainer{clear:both;width:calc(100vw - 450px);max-width:769px;min-height:auto!important;background-color:#f5fdf5;padding-top:20px;margin-left:auto;margin-right:auto;display:block;border-radius:.25rem .25rem .25rem .5rem!important}.message{width:calc(90vw - 450px);max-width:750px;overflow-x:auto;margin-bottom:10px}}@media screen and (max-width:768px){#leftPanel{display:none}#chatContainer{clear:both;width:95%;max-width:95%;min-height:auto!important;background-color:#f5fdf5;padding-top:20px;margin:0 auto;display:block;border-radius:.25rem .25rem .25rem .5rem!important}.message{width:90vw;max-width:90vw;word-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;margin-bottom:10px}}body{max-width:100%;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;height:auto!important;margin:0;background-color:#f5fdf5}#languageSelect{position:absolute;top:10px;z-index:100;margin-left:auto;margin-right:auto;left:50%;transform:translateX(-50%);width:max-content;padding:.25rem .5rem;border-radius:.25rem;background:#2d5c2f;color:white}#leftPanel h3{margin-bottom:10px;color:#2d5c2f;font-weight:bold}#leftPanel ul{list-style:none;padding:0}#leftPanel li{margin-bottom:8px}#leftPanel a{color:#407d40;text-decoration:none;border-bottom:1px dashed #407d40}#leftPanel a:hover{color:#2d5c2f;border-bottom:1px dashed #2d5c2f}#chatHeader{background-color:#f5fdf5;color:#2d5c2f;padding-top:10px;font-size:20px;text-align:center}#chatBox{padding-left:15px;padding-right:15px;overflow-y:auto;width:max-content;height:min-content}#chatForm{display:flex;position:relative;width:100%;padding:10px}#abortBtn{border-radius:5px;padding:.25rem .75rem;cursor:pointer}textarea#chatInput{flex-grow:0.95;box-sizing:border-box;min-height:40px;padding:5px;border:solid thin #2d5c2f;border-radius:.25rem;outline:none;resize:none;overflow:hidden;background-color:white;color:black;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;line-height:normal;display:block}button{width:15%;background-color:#f5fdf5;border:none;color:#2d5c2f;padding:1px;text-align:center;text-decoration:none!important;display:inline-block;font-size:16px;margin-left:1%;margin-right:3%;display:block;margin-top:0;margin-bottom:0;cursor:pointer;border-radius:.25rem}.sender{color:#2d5c2f}.timestamp{font-size:.8em;color:#407d40}.user{background-color:#f0f0f0;padding:5px 10px;border-radius:5px;margin-bottom:5px;display:inline-block;max-width:80%;color:#333}.chatbotdark{background-color:#e0e0e0;padding:5px 10px;border-radius:5px;margin-bottom:5px;display:inline-block;max-width:80%;color:#333}.chatbot{background-color:#ffffff;padding:5px 10px;border-radius:5px;margin-bottom:5px;display:inline-block;max-width:80%;word-wrap:break-word;color:#333}.temporary-message{font-style:italic;color:#000;background-color:#ffcc80}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.blink,.blinking-cursor{animation:blink 1s step-start infinite;margin-left:.25rem;width:.5em;text-align:center;display:inline-block}