.text-to-speech-container{max-width:80%;margin:0 auto;border:1px solid #ddd;border-radius:5px;padding:20px 20px 100px}.text-to-speech-container h2{text-align:center}.text-to-speech-container form{display:flex;flex-direction:column}.text-to-speech-container label{margin-bottom:5px}.text-to-speech-container input{padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px}.text-to-speech-container button{padding:10px;color:white;border:none;border-radius:4px;cursor:pointer}.text-to-speech-container .error-message{color:red;text-align:center}.text-to-speech-container p{text-align:center}.highlight{background-color:yellow;font-weight:700}.caption-container{max-height:200px;overflow-y:auto;padding:10px;border:1px solid #ccc;background-color:#f9f9f9}.caption-container p{margin:5px 0;transition:background-color .3s ease}.caption-container p.highlighted{background-color:yellow}.caption-scroll-container{height:95px;overflow:hidden;position:relative;border:2px solid #ccc;background-color:#f9f9f9}.caption-scroll{position:absolute;top:0;left:0;width:100%;transition:transform .5s ease-out}.caption-scroll p{margin:5px 0;font-size:16px}.caption-scroll p.highlighted{font-weight:700;color:#000;background-color:#ffffa5}.caption-time{font-size:.8em;color:#888;margin-right:5px}.caption-text{font-size:1em;color:#000}.highlighted .caption-text,.highlighted .caption-time{font-weight:700}.sk-fading-circle{width:100%;height:100px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s ease-in-out infinite both;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.intro-text{margin-top:20px;padding:15px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.intro-text h2{text-align:center}.intro-text p{margin:10px 0;line-height:1.5}.intro-text ul{margin:10px 0;padding-left:20px}.quote-container{margin-top:24px;text-align:left;background-color:wheat;padding:10px;border-radius:5px}