body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#main{width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}#music-toggle{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff1f;border:1px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s,transform .15s;display:flex;position:fixed;top:1.25rem;right:1.25rem}#music-toggle:hover{background:#ffffff38}#music-toggle:active{transform:scale(.94)}#music-toggle.is-playing{background:#ff4f9a59;border-color:#ffb6d4f2}#music-toggle i{color:#fff;font-size:1.15rem}#left,#right{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#ffffff1a;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute}button i{color:#fff}#left{top:50%;left:5%;transform:translateY(-50%)}#right{top:50%;right:5%;transform:translateY(-50%)}@media (orientation:portrait){#music-toggle{width:48px;height:48px;top:1rem;right:1rem}#left{width:52px;height:52px;top:50%;left:4%;transform:translateY(-50%)}#right{width:52px;height:52px;top:50%;right:4%;transform:translateY(-50%)}#left i,#right i{transform:none}}#loading-overlay{z-index:1000;color:#fff;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:sans-serif;display:flex;position:fixed;top:0;left:0}.spinner{border:5px solid #333;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}