body{margin:auto;padding:auto}.app[data-v-db5a6757]{height:100vh;display:flex;justify-content:center;align-items:center}body[data-v-db5a6757]{margin:0;padding:auto}.audio-visualizer[data-v-db5a6757]{width:800px;height:50px;margin-left:238px;border-radius:5px}.background[data-v-db5a6757]{background-image:url(https://hsh770.com/assets/web.jpg);background-size:cover;background-position:center;position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.player-container[data-v-db5a6757]{border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.play-button[data-v-db5a6757]{font-size:24px;padding:2px 4px;margin-top:49px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.play-button[data-v-db5a6757]:hover{background-color:#45a049;transform:scale(1.05)}.loading-text[data-v-db5a6757]{font-size:22px;color:#333;margin-top:7px;text-align:center}.error-text[data-v-db5a6757]{font-size:18px;color:red;margin-top:10px;text-align:center}@media screen and (max-width: 768px) and (orientation: portrait){.background[data-v-db5a6757]{background-image:url(https://hsh770.com/assets/mobile.jpg);width:100%}.player-container[data-v-db5a6757]{border-radius:8px;margin-top:129px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.play-button[data-v-db5a6757]{font-size:24px;padding:2px 4px;background-color:#4caf50;color:#fff;margin-top:69px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.audio-visualizer[data-v-db5a6757]{width:460px;height:50px;margin-left:138px;border-radius:5px}.loading-text[data-v-db5a6757]{font-size:22px;color:#333;margin-top:22px;text-align:center}}@media screen and (max-width: 768px) and (orientation: landscape){.background[data-v-db5a6757]{background-image:url(https://hsh770.com/assets/web.jpg);width:86%;height:100%;background-size:cover}.player-container[data-v-db5a6757]{border-radius:8px;margin-top:-36px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.play-button[data-v-db5a6757]{font-size:7px;padding:2px 4px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.audio-visualizer[data-v-db5a6757]{width:360px;height:20px;margin-left:118px;border-radius:5px}.loading-text[data-v-db5a6757]{font-size:11px;margin-top:10px;color:#333;text-align:center}}