*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0ab06e4d}.box{padding:10px;display:grid}.box .left{z-index:99;background-color:#fff9;border-radius:100px;gap:10px;width:80%;height:60px;padding:10px;line-height:40px;display:flex;position:fixed;bottom:1%;left:50%;overflow:hidden;transform:translate(-50%)}.box .left a{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);text-align:center;color:#000;background-color:#ffffffe6;border-radius:50px;flex:1;text-decoration:none;display:block}.box .right{padding-bottom:60px}body[data-v-eb393f8e],html[data-v-eb393f8e]{padding-bottom:env(safe-area-inset-bottom)}ul[data-v-eb393f8e]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;align-items:center;gap:10px;list-style:none;display:grid}ul li[data-v-eb393f8e]{border:1px solid #000000e6;border-radius:5px;flex-direction:column;place-items:center;display:flex}ul li audio[data-v-eb393f8e]{width:100%}