@import"https://fonts.googleapis.com/css2?family=Doto:wght@800&family=Noto+Sans:ital,wght@0,392;1,392&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Doto,sans-serif}body{background-color:#000}*{margin:0;padding:0;box-sizing:border-box}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;padding:10px;background-color:#000}#sh{width:310px;max-width:90%;height:auto;margin-top:-90px}span{background:linear-gradient(to right,#18f2e3,#ea1ff5);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.5vmax;text-align:center;margin-bottom:10px;padding:10px}.click-button{font-size:1rem;padding:10px 15px;cursor:pointer;border-radius:40px;background-color:transparent;color:#fff;border:none;box-shadow:0 0 5px #8c4cff;transition:.3s}.click-button:hover{transform:scale(1.02);box-shadow:0 5px 10px #8c4cff}.response{display:flex;flex-direction:column;align-items:center;justify-content:center}.top-right{position:absolute;top:10px;right:20px;display:flex;gap:20px}.settings-button,.refresh-button{display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;border-radius:40px;background-color:transparent;color:#fff;border:none;transition:.5s;padding:2px}.settings-button:hover,.refresh-button:hover{transform:scale(1.1);box-shadow:0 0 10px 2px #8c4cff;background-color:#fff;color:#000}.settings-modal{position:absolute;top:50px;right:20px;background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:15px;border-radius:10px;border:solid rgb(139,76,255) 1px;box-shadow:0 0 10px #8c4cff80;max-width:250px}.settings-modal h3{margin:0;font-size:1rem;text-align:center}.settings-modal ul{padding:0;margin-top:10px}.settings-modal li{font-size:.6rem;list-style:none;padding:5px 0}.gif-container{width:270px;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden}#speak,#aigif{max-width:100%;max-height:100%;object-fit:contain}#speak{opacity:0;animation:fadeInOut 4s infinite;margin-top:-20px}@keyframes fadeInOut{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}p{font-size:1rem;color:#555}.footer{width:100%;padding:10px 0;background:#000;text-align:center;position:absolute;bottom:0;left:0}.footer-text{font-size:12px;color:#2a2a2a;margin-top:5px}.icons{display:flex;justify-content:center;gap:10px}.icon{font-size:12px;color:#ffffff1a;transition:transform .3s ease,color .3s ease}.icon:hover{transform:scale(1.2);color:#814af7}@media (max-width: 768px){span{font-size:1rem}button{font-size:.9rem;padding:8px 12px}#sh{width:380px}.footer{padding:12px 0}.footer-text{font-size:11px}.icon{font-size:12px}}@media (max-width: 480px){span{font-size:.9rem;margin-top:30px}button{font-size:.8rem;padding:6px 10px}#sh{width:300px}.footer{padding:8px 0}.footer-text{font-size:10px}.icons{gap:8px}.icon{font-size:10px}.settings-button,.refresh-button{font-size:.8rem}}