div .balls p{margin-right:1px}div .balls{margin:2px;white-space:initial!important;display:flex;align-items:center;padding:0;span{white-space:initial!important;width:10px;height:10px;background-color:#0c68fa;display:inline-block;margin:1px;border-radius:50%;&:nth-child(1){animation:bounce 1s infinite}&:nth-child(2){animation:bounce 1s infinite .2s}&:nth-child(3){animation:bounce 1s infinite .4s}}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(8px)}100%{transform:translateY(0)}}.chatbot-container{font-family:'Roboto',Arial,sans-serif;margin:0;padding:0;justify-content:center;align-items:center;height:100vh;width:88vw;top:0;left:0;box-sizing:border-box}.chat-container{display:flex;flex-direction:column;width:15%;height:60%;background-color:#fff;border-radius:15px;box-shadow:0 4px 20px rgb(0 0 0 / .1);overflow:hidden;resize:both;padding:10px;position:relative}.chat-header{background:linear-gradient(90deg,#0c68fa,#800080);color:#fff;padding:20px;text-align:center;font-size:1.2em;border-radius:15px;font-weight:400;position:relative;display:flex;width:100%}.menu{width:10%;text-align:left}.stauts{width:80%}.chat-header .hamburger-menu{position:absolute;top:50%;left:20px;transform:translateY(-50%);cursor:pointer;font-size:1.125em}.chat-window{flex:1;padding:10px;overflow-y:auto;background-color:#f9f9f9}.input-container{display:flex;align-items:center;padding:3px;background-color:#e0e0e0;border-top:1px solid #ccc;width:98%;border-radius:15px;box-sizing:border-box;margin-left:8px}#user-input{flex:1;padding:15px;border:1px solid #0c68fa;border-radius:25px;outline:none;font-size:.9em;font-family:'Roboto',Arial,sans-serif;background-color:#fff;color:#333;transition:border-color 0.3s;resize:none;overflow:hidden;text-align:left;margin-right:0}#user-input::placeholder{text-align:center;width:100%;display:flex;justify-content:center}#send-button{padding:10px 20px;border:none;background-color:#7e26f0;color:#fff;border-radius:25px;cursor:pointer;font-size:.9em;transition:background-color 0.3s,transform 0.3s;flex-shrink:0;margin-left:8px}#send-button:hover{background-color:#0c68fa;transform:scale(1.1)}#clear-button{padding:5px;border:none;background-color:red;color:#fff;border-radius:50%;cursor:pointer;font-size:.9em;transition:background-color 0.3s,transform 0.3s;margin-left:5px;margin-right:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:20px;width:20px}#clear-button:hover{background-color:#e60000;transform:scale(1.2)}#clear-button::before{content:"✖";font-size:.85em;color:#fff}#help-button{padding:5px;border:none;background-color:#fff;color:red;border-radius:50%;cursor:pointer;font-size:.9em;transition:background-color 0.3s,transform 0.3s;margin-left:5px;margin-right:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:20px;width:20px}#help-button:hover{background-color:#ff4d4d;color:#fff;transform:scale(1.2)}#help-button::before{content:"❓";font-size:.85em;color:red}.option-buttons{display:flex;justify-content:center;gap:10px;padding:10px 0;flex-wrap:wrap}.option-button{padding:5px 10px;border:none;background-color:#394cdb;color:#fff;border-radius:25px;cursor:pointer;font-size:.7em;transition:background-color 0.3s,transform 0.3s;flex-shrink:0}.option-button:hover{background-color:#0c68fa;transform:scale(1.1)}.message{margin-bottom:20px;padding:10px;border-radius:15px;max-width:90%;line-height:1.5;position:relative;animation:fadeIn 0.3s ease-in-out;word-wrap:break-word;background-color:#fff}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{background-color:#0c68fa;color:#fff;align-self:flex-end;margin-left:auto;max-width:50%;word-wrap:break-word}.bot-message{background-color:#e0e0e0;color:#333;align-self:flex-start}.timestamp{font-size:.7em;color:#888;position:absolute;bottom:-19px;right:10px}.message pre{white-space:pre-wrap;font-family:'Roboto',Arial,sans-serif!important;background-color:#fafafa00!important;color:#000}.message table{width:100%;border-collapse:collapse;margin-top:10px;background-color:#f9f9f9;font-family:'Roboto',Arial,sans-serif;font-size:.9em}.message th,.message td{border:1px solid #ddd;padding:8px 10px}.message th{background-color:#e0f3ff;color:#333;font-weight:700;text-align:left}.message.user-message pre{color:#fff}.message tr:nth-child(even){background-color:#f0f8ff}.message tr:nth-child(odd){background-color:#fff}.message td{background-color:#fff;color:#333}.message tr:hover{background-color:#e0f7ff}a{color:#0c68fa;text-decoration:none}a:hover{text-decoration:underline}ul,ol{padding-left:20px;margin:0}@media (max-width:768px){.chat-container{width:90%;height:90vh;border-radius:10px}.option-buttons{flex-wrap:wrap}}@media (max-width:430px){.chat-container{width:100%;height:80vh;border-radius:10px;padding:10px}}@media (max-width:375px){.chat-container{width:100%;height:75vh;border-radius:10px;padding:10px}}@media (max-width:320px){.chat-container{width:90%;height:70vh;border-radius:10px;padding:10px}.chat-logo{height:23px!important;width:30px;border-radius:50%;margin-right:10px}.input-container{display:flex;align-items:center;padding:3px;background-color:#e0e0e0;border-top:1px solid #ccc;width:100%;border-radius:15px;box-sizing:border-box;margin-left:0}#clear-button,#help-button{display:none}code,kbd,pre,samp{font-size:14px}}.sidebar{height:100%;width:0;position:fixed;z-index:999;top:0;box-shadow:-4px 0 12px 0 #dedede;right:0;background-color:#fff;overflow-x:hidden;transition:0.5s;padding-top:60px;border-left:3px solid #0c68fa}.sidebar a{padding:0 0 0 4px;text-decoration:none;font-size:11px;color:#0c68fa!important;display:block;transition:0.3s}.sidebar a:hover{color:#f1f1f1}.sidebar .closebtn{position:absolute;top:0;right:190px;font-size:36px;margin-left:50px;color:blue}.instructions{padding:15px;color:#000;font-size:1em}.instructions h2{color:#0c68fa}.instructions ol{list-style-type:decimal;padding-left:20px}.instructions ol li{margin-bottom:10px}.resize-handle{position:absolute;bottom:0;right:0;cursor:nwse-resize;width:20px;height:20px;background:#fff0}.dark-mode-toggle{position:fixed;top:15px;right:15px;background-color:#fff;border-radius:15px;padding:5px 10px;font-size:.9em;color:#333;cursor:pointer;box-shadow:0 4px 20px rgb(0 0 0 / .1);transition:background-color 0.3s,color 0.3s}.dark-mode-toggle.dark{background-color:#333;color:#fff}.dark-mode{background-color:#181818;color:#e0e0e0}.dark-mode .chat-container{background-color:#242424;color:#e0e0e0}.dark-mode .chat-header{background:linear-gradient(90deg,#04053c,#0c68fa)}.dark-mode .chat-window{background-color:#181818}.dark-mode .input-container{background-color:#333;border-top:1px solid #444}.dark-mode #user-input{background-color:#333;color:#e0e0e0;border:1px solid #444}.dark-mode .message{background-color:#333;color:#e0e0e0}.dark-mode .user-message{background-color:#0c68fa}.dark-mode .bot-message{background-color:#444;color:#e0e0e0}.dark-mode .sidebar{background-color:#333;color:#e0e0e0}.dark-mode .sidebar a{color:#007acc}.dark-mode .sidebar a:hover{color:#f1f1f1}.dark-mode .instructions h2{color:#0c68fa}.online-dot{height:10px;width:10px;background-color:#2eea35;border-radius:50%;margin-right:0;display:inline-block}.chat-status{align-items:center;font-size:14px;color:#fff}.chat-title{font-size:18px;font-weight:700}.chat-logo{height:30px;width:30px;border-radius:50%;margin-right:10px}span.hamburger-menus{cursor:pointer}button.option-button{background-color:#7e26f0!important}.message.bot-message li{color:#000}.message.bot-message li a{color:#2056e5}.message.bot-message a{font-size:10px}.masterstudy-course-player-lesson .container{max-width:700px;margin:auto;background:#fff;padding:20px;box-shadow:0 0 10px rgb(0 0 0 / .1);margin-bottom:20px;margin-top:3%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input[type="number"]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}button{padding:10px 20px;background:#0056b3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}button:hover{background:#004494}.result{margin-top:20px;font-weight:700;color:#0056b3}.masterstudy-course-player-lesson .container button{color:#fff}