body {
       font-family: Arial, sans-serif;
       max-width: 800px;
       margin: 0 auto;
       padding: 20px;
   }
   header {
       text-align: center;
       margin-bottom: 20px;
   }
   form {
       display: flex;
       flex-direction: column;
       gap: 10px;
   }
   input, select {
       padding: 8px;
       font-size: 16px;
   }
   button {
       padding: 10px;
       background-color: #007bff;
       color: white;
       border: none;
       cursor: pointer;
   }
   button:hover {
       background-color: #0056b3;
   }
   #speech-btn {
       background-color: #28a745;
   }
   #speech-btn:hover {
       background-color: #218838;
   }
   #library-response {
       margin-top: 10px;
       color: green;
   }
   #library-list {
       list-style: none;
       padding: 0;
   }
   #library-list li {
       padding: 10px 0;
       border-bottom: 1px solid #ddd;
   }