@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";*{font-family:Pretendard JP,Pretendard;padding:0;margin:0;box-sizing:border-box;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:#00000000}:root{--gray: #313244;--black: #1e1e2e;--primary: #a6e3a1}html,body{background:transparent}@media (width < 500px){html,body,#root{background:#313244!important;overflow:hidden!important}body{height:100vh!important}main{gap:0px!important;align-items:center;flex-direction:column}#search{display:none!important}#musics{overflow:scroll;height:calc(100dvh - 472px)!important}.music:hover{transform:scale(1)!important}#music>div>h1{display:-webkit-box;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;height:30px;overflow:hidden}#music>div:last-child{display:none!important}}body{--padding: 20px;padding:var(--padding)!important}main{display:flex;gap:40px;width:100%}b{font-weight:900}p{color:var(--primary)}#greet{display:flex;flex-direction:column;gap:8px;flex-grow:1;height:fit-content;max-height:80vh;overflow:hidden;border-radius:4px}#search{width:100%;padding:8px;border-radius:4px;background-color:var(--black);color:#fff;border:0;font-size:14px}#musics{display:flex;flex-direction:column;gap:8px;border-radius:4px;padding:12px;min-height:0;height:fit-content;height:80vh;background-color:var(--black);overflow:scroll}#music{display:flex;flex-direction:column;justify-content:space-between}#music>div:first-child{display:flex;flex-direction:column;align-items:center;width:240px;word-break:break-word;gap:8px;margin-bottom:80px}#music>div:first-child>h1{font-size:24px;font-weight:500}#music>div:first-child>img{width:240px;border-radius:4px}#music>div:last-child{display:flex;align-items:center;justify-content:center;background-color:var(--black);height:30px;border-radius:4px;opacity:0;transition:all .3s}#music>div:last-child:hover{opacity:1}#bar{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;width:calc(100% - var(--padding) * 2);padding:8px;bottom:var(--padding);border-radius:4px;background-color:var(--black)}#bar>input{width:100%}#bar>div{display:flex;gap:20px;align-items:center;justify-content:center}#bar>div>svg{cursor:pointer;width:16px;transition:all .1s}#bar>div>svg:active{transform:scale(.92)}#bar>div>img{cursor:pointer;width:16px;transition:all .1s}#bar>div>img:nth-child(3){width:24px}#bar>div>img:active{transform:scale(.92)}#bar>div>img.rev-x:active{transform:scaleX(-.92) scaleY(.92)}.music{display:flex;align-items:center;cursor:pointer;transition:all .5s}.music:hover{transform:scale(1.02)}.music>div{display:flex;width:calc(100% - 20px);align-items:center;gap:8px;cursor:pointer}.music>svg{width:20px;height:20px}.music>div>img{width:44px;border-radius:2px}.rev-x{transform:scaleX(-1)}.rev-y{transform:scaleY(-1)}::-webkit-scrollbar{display:none}