.loading-container{text-align:center;margin-top:20px}.rotating-image{width:50px;height:50px;animation:rotate .8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.question-form-container{padding-bottom:50px}.submit-button{width:650px}.response-container{display:flex;flex-direction:column;gap:10px;padding:10px}.message{position:relative;padding:10px;border-radius:8px;max-width:80%;word-wrap:break-word;margin-top:10px;margin-bottom:10px}.message.assistant{background-color:#f0f0f0;text-align:left;align-self:flex-start;padding:20px;transition:background-color .3s}body.dark-mode .message.assistant{background-color:#7d6767}.message.user{background-color:#d1e7ff;text-align:left;align-self:flex-end;padding:20px}body.dark-mode .message.user{background-color:#25486e}.assistant-message,.user-message{display:inline-block;text-align:left}.message-divider{border:2px;height:1px;background:#ddd;margin:10px 0}.copy-button{position:absolute;top:10px;right:10px;background-color:#ddd;color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:12px;cursor:pointer;width:33px;height:25px;transition:background-color .3s}body.dark-mode .copy-button{background-color:#251f1f}.copy-image{width:15px;height:15px}.copy-button:hover{background-color:#bdd4f1}body.dark-mode .copy-button:hover{background-color:#404243}.main-container{display:flex;height:100vh;margin-top:50px}.sidebar{width:400px;background-color:#f4f4f4;padding:20px;border-right:1px solid #ddd;height:100vh;overflow-y:auto;position:fixed;top:0;left:0;box-shadow:2px 0 5px #0000001a;transition:width .3s ease}body.dark-mode .sidebar{background-color:#3d4041}.sidebar.collapsed{width:30px;overflow:hidden}.toggle-button{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:#69a6e3;color:#000;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}body.dark-mode .toggle-button{background-color:#cfdae5}.sidebar-ref{margin-bottom:50px}.sidebar h2{font-size:18px;margin-bottom:20px}.thread-button-container{display:flex;gap:5px;align-items:center}.thread-button{display:block;width:300px;padding:10px;margin-bottom:10px;background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;text-align:left;transition:background-color .3s}.thread-button.create{width:100%}.thread-button.modify{display:flex;align-items:center;justify-content:center;width:50px;height:30px;border:none;border-radius:4px;cursor:pointer;background-color:#cfdae5}.thread-button.delete{display:flex;align-items:center;justify-content:center;width:50px;height:30px;border:none;border-radius:4px;cursor:pointer;background-color:red;color:#000}body.dark-mode .thread-button.delete{background-color:#8b0000;color:#fff}.modify-container{display:flex;align-items:center;gap:5px}.modify-input{width:100px;height:20px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.thread-button.submit{width:50px;padding:5px 10px;background-color:#68a6e8;color:#000;border:none;border-radius:4px;cursor:pointer;text-align:center}.thread-button.submit:hover{background-color:#0056b3}body.dark-mode .thread-button{background-color:#b0bbc7}.thread-button.active{background-color:#69a6e3;color:#fff}body.dark-mode .thread-button.active{background-color:#2d4053}.thread-button:hover{background-color:#e7e7e7}body.dark-mode .thread-button:hover{background-color:#476079}.content{flex:1;padding:20px;margin-left:450px;transition:margin-left .3s ease}.content.collapsed{flex:1;padding:20px;margin-left:80px;transition:margin-left .3s ease}.header{display:flex;align-items:center;gap:10px}.header .logo{height:50px}.footer{margin-top:20px}.footer a{color:#007bff;text-decoration:none}.footer a:hover{text-decoration:underline}.thread-list-bottom{height:50px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;color:red;font-weight:bolder}.modal{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:300px;width:100%;z-index:1010}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.confirm-button,.cancel-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.confirm-button{background-color:#d9534f;color:#fff}.cancel-button{background-color:#f0f0f0;color:#333}.login-container{max-width:400px;margin:100px auto;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;background:#fff}.login-container h1{text-align:center}.login-container form{display:flex;flex-direction:column}.login-container label{margin-bottom:5px}.login-container input{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:4px}.login-container .error-message{color:red;margin-bottom:15px}.login-container button{padding:10px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-container button:hover{background:#0056b3}body{font-family:Arial,sans-serif;transition:background-color .3s,color .3s}body.light-mode{background-color:#fff;color:#000}body.dark-mode{background-color:#121212;color:#000}h1{font-size:50px;font-weight:800;margin:5px 0;transition:h1 .3s}body.dark-mode h1{color:#f1d9d9}.header{display:flex;flex-direction:column;width:500px;align-items:center;justify-content:center;transition:background-color .3s}body.light-mode .header{background-color:#f0f0f0}body.dark-mode .header{background-color:#1e1e1e}form{display:flex;flex-direction:column;align-items:center;margin:10px}textarea{width:650px;resize:none;overflow:hidden;line-height:1.5;padding:10px;min-height:150px;height:auto;box-sizing:border-box}.text-area::placeholder{white-space:pre-line;line-height:1.5}button{padding:10px 0;width:400px}div{text-align:center}.loading-outer{padding-top:10px;padding-bottom:50px;height:100px}.footer{display:flex;flex-direction:column;position:fixed;bottom:30px;right:50px;font-size:14px;color:#555}.logo{width:310px;transition:filter .3s}body.dark-mode .logo{transition:filter .3s;filter:invert(1)}img{transition:filter .3s}body.dark-mode img{transition:filter .3s;filter:invert(1)}p{transition:p .3s}body.dark-mode p{color:#f1d9d9}h2{transition:h2 .3s}body.dark-mode h2{color:#f1d9d9}.response{padding:0 50px;width:auto;height:auto}.span-warning{font-weight:700;font-size:35px;color:#696969}.toggle-container{position:absolute;top:40px;right:100px;width:50px;height:25px}.toggle-input{display:none}.toggle-label{position:relative;width:100px;height:100px;background-color:#ccc;border-radius:15px;cursor:pointer;overflow:hidden}.toggle-thumb{position:absolute;top:45px;right:-65px;width:60px;height:30px;background-color:#ccc;border-radius:15px;transition:background-color .3s ease}.toggle-thumb.dark{right:5px;background-color:#4f4f4f}.toggle-icon{position:absolute;top:50px;width:60px;height:20px;font-size:14px;transition:transform .3s ease}.toggle-icon.sun{left:5px;color:gold}.toggle-icon.moon{right:5px;color:#fff}