*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/assets/START_OVER-D3yC2m_a.png);background-size:cover;color:#fff;font-family:Open Sans,Helvetica Neue,sans-serif}nav{display:flex;flex-direction:row;align-items:center;background-color:#5271ff;height:100px;padding:20px;justify-content:center}#hThree{font-weight:600;color:#fff;text-align:center;font-size:larger}#hOne{margin-bottom:0;color:#c1ff72;text-align:center;font-size:36px}img{width:100px}#nav-items{display:flex;flex-direction:column;align-items:center}#switch-box{display:flex;background-color:#5e17eb;margin:20px auto;text-align:center;justify-content:center;height:50px;width:90%;max-width:200px;border-radius:15px;border-color:#5e17eb;position:relative;overflow:hidden}#switch-box button{flex:1;background-color:#5e17eb;color:#fff;border:none;border-radius:15px;font-weight:800;cursor:pointer;transition:background-color .3s,color .3s;z-index:1}#switch-box button.active{background-color:#fff;color:#5e17eb}.translate-box,.chat-box{display:flex;flex-direction:column;align-items:center;width:90%;max-width:800px;margin:20px auto;border:3px solid white;border-radius:10px;height:600px;border-color:#fff}button{border-radius:15px;border:none;font-weight:800;height:50px;width:100%}#translate{background-color:#fff;color:#5e17eb;font-size:15px}#chatMode{background-color:#fff;color:#5271ff;font-size:15px}#content-window{background-color:#fff;height:200px;width:80%;border-radius:30px;margin:20px 0;padding:15px;display:flex;align-items:flex-start;justify-content:flex-start;position:relative;overflow:hidden}#content-input{width:95%;height:100%;font-family:Arial,sans-serif;font-size:18px;padding:12px;border:none;border-radius:30px;box-sizing:border-box;resize:none;outline:none;position:absolute;line-height:1.5;background-color:#fff;color:#000;overflow:auto;top:15px;left:15px}.translate-text,.chat-text{margin-top:20px;text-align:center;font-size:22px}.selector{border-radius:100%;width:20px;height:20px;background-color:#fff;margin:5px}#select-lang{text-align:center;padding-left:20px;padding-right:20px}.option-selector{display:flex;align-items:center;margin:15px 0}.selector-btn{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background-color:#fff;border:2px solid white;margin-right:10px;position:relative;cursor:pointer}.selector-btn:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background-color:transparent;border-radius:50%;transform:translate(-50%,-50%);transition:background-color .3s ease}.selector-btn:checked:before{background-color:#5271ff}.selector-text{font-size:19px;color:#fff}#translate-btn{background-color:#5e17eb;color:#fff;margin-top:auto;margin-bottom:auto}.chatbot-conversation-container{height:75%;overflow-y:scroll;margin:1em 0;width:75%}.chatbot-conversation-container::-webkit-scrollbar{display:none}.chatbot-conversation-container::-moz-scrollbar{display:none}.chatbot-input-container{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:15px;padding:8px;border:1px solid #586e88;max-width:600px;width:85%;margin:auto}#user-input{flex:1;border:none;outline:none;padding:10px 15px;font-size:1rem;border-radius:30px;color:#333;background-color:transparent}#user-input::placeholder{color:#aaa}.submit-btn{background-color:#fff;border:none;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:10px;transition:background-color .3s ease}.submit-btn:hover{background-color:#f1f3f6}.send-btn-icon{width:16px;height:16px;object-fit:contain}.speech{padding:1em;max-width:91%;color:var(--light-text);min-width:90%;width:90%;border-radius:var(--border-rad-lg);font-size:1.1em;position:relative;border-radius:16px;display:inline-block}.speech:first-child{margin-top:0}.speech-ai{background:#5271ff;margin:1.2em 1em 0 0;border-radius:0 16px 16px}.speech-human{margin:1.2em 0 0 1em;background:#603feb;border-radius:16px 0 16px 16px}@media (max-width: 768px){nav{flex-direction:column;height:auto;padding:10px}#nav-items{margin-top:0}img{margin-top:10px;padding:0;margin-bottom:0}.translate-box{width:80%;max-width:none}}#translate-btn{width:80%;font-size:14px}.loading-panel{display:none;flex-direction:column;justify-content:space-around;height:400px;text-align:center}.output-panel{display:none;justify-content:flex-start;padding:1em 2em}#startOver-btn{width:80%;font-size:14px;background-color:#5e17eb;color:#fff;margin:20px auto}#contentReturn-window,#translation-window{background-color:#fff;height:170px;width:80%;border-radius:30px;margin:20px 0;padding:10px;display:flex;align-items:flex-start;justify-content:flex-start;position:relative;color:#000;border-style:solid;border-color:#5271ff;border-width:2px}#translation-text{margin-top:10px;text-align:center}#contentdisplay-window,#translationdisplay-window{padding:30px}#loading{display:block;margin:auto;width:30%}#api-message{font-weight:500}@media (max-width: 768px){.chatbot-input-container{max-width:90%;padding:6px}#user-input{font-size:.9rem;padding:8px 12px}.submit-btn{width:36px;height:36px;margin-left:8px}.send-btn-icon{width:14px;height:14px}}@media (max-width: 480px){.chatbot-input-container{max-width:95%;padding:4px}#user-input{font-size:.85rem;padding:6px 10px}.submit-btn{width:32px;height:32px;margin-left:6px}.send-btn-icon{width:12px;height:12px}}