.login-container{max-width:400px;margin:100px auto;padding:50px;border-radius:8px;background-color:#333;color:#f7f7f7;box-shadow:0 4px 8px #ffffff1a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#f7f7f7}.form-group input{width:100%;padding:12px;border-radius:4px;border:none;background-color:#525252;color:#f7f7f7;transition:background-color .3s,color .3s}.form-group input:focus{outline:none;background-color:#666}.login-button{width:calc(100% - 15px);background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.login-button:hover{background-color:#0056b3}.redirect{text-align:center;margin-top:20px}.redirect a{color:#80bdff;text-decoration:none}.redirect a:hover{text-decoration:underline;color:#fff}.error{color:#fcc;text-align:center;margin-bottom:20px}.dark-mode-toggle{position:fixed;top:10px;right:10px;background-color:#007bff;color:#fff;padding:5px 10px;border-radius:20px;cursor:pointer}.dark-mode-toggle:hover{background-color:#0056b3}.loadingContainer{height:500;display:flex;align-items:center;justify-content:center;color:#fff}.sideMenu{z-index:1000;position:fixed;top:0;left:0;width:200px;background-color:#1c1c1e;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:12px;padding-top:60px;box-shadow:4px 0 20px #00000080;height:auto}.menuButton{width:90%;height:30px;border-radius:10px;border:none;cursor:pointer;background-color:#2c2c2e;color:#fff;transition:background-color .3s,transform .2s;display:flex;align-items:center;justify-content:center;font-size:15px;letter-spacing:.5px}.selected{background-color:#4a4a4a;color:#d1d1d1;font-weight:700;transform:scale(1.05);box-shadow:0 2px 4px #ffffff1a}.menuButton:hover,.selected:hover{background-color:#5a5a5a;color:#fff;box-shadow:0 2px 5px #fff3}.menuButton:active,.selected:active{transform:translateY(1px);box-shadow:none}.messageDisplay{width:100%;max-width:600px;margin:0 auto;overflow-y:auto;height:calc(100vh - 150px);padding:20px;box-sizing:border-box}.message{margin-bottom:10px;overflow:hidden}.messageContent{padding:8px 12px;border-radius:10px;background-color:#202020;color:#e0e0e0;margin:2px 0;white-space:pre-wrap}.user,.ai{background-color:transparent}.user .messageContent{background-color:#202020}.ai .messageContent{background-color:#333}input,textarea,h2,Label,button,div{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.textInputForm{display:flex;justify-content:center;width:100%;max-width:600px;margin:0 auto;padding-bottom:20px}.textareaInput{flex-grow:1;padding:5px 10px;border:none;border-radius:4px;background-color:#333;color:#fff;resize:none;min-height:24px;max-height:200px;overflow-y:auto}.sendButton{padding:10px 20px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.sendButton:focus{outline:none}.sendButton:disabled{background-color:#999;cursor:not-allowed}.sendButton:hover{background-color:#777}.textareaInput:disabled,.sendButton:disabled{opacity:.5}.chatUI{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.chatContent{flex-grow:1;width:100%;max-width:800px;overflow-y:auto}.appContainer{position:relative}.profileDropdown{position:absolute;top:10px;right:10px;cursor:pointer}.profileDropdown button{border-radius:50%;width:40px;height:40px;background-color:#343a40;border:none;color:#f8f9fa;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .3s ease,transform .3s ease}.profileDropdown button:hover{background-color:#495057;transform:scale(1.1)}.dropdownMenu{position:absolute;right:0;top:50px;background-color:#343a40;border:1px solid #ccc;border-radius:5px;padding:10px;display:flex;flex-direction:column;z-index:100;width:200px}.dropdownMenu button{color:#f8f9fa;background-color:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:5px;width:100%;padding:8px 12px;text-align:left}.dropdownMenu button:not(.logoutButton){margin-bottom:5px}.dropdownMenu button:hover{background-color:#495057}.logoutButton{margin-top:auto;background-color:#dc3545;color:#fff}.logoutButton:hover{background-color:#c82333}:root{font-family:Inter,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}body{min-width:320px;min-height:100vh;overflow:hidden;margin:0;padding:0;border:0}h1{font-size:3.2em;line-height:1.1}input,textarea,h2,Label,button,div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}