@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);header{gap:0;justify-content:space-between;padding:16px}header,header .header-logo{align-items:center;display:flex;flex-direction:row}header .header-logo{cursor:pointer;gap:.5rem;justify-content:center}header .header-logo img{height:36px;width:36px}header .header-logo h1{font-family:Pretendard,sans-serif;font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;font-weight:700;line-height:140%}header .header-right{gap:.5rem;position:relative}header .header-right,header .header-right .icon-btn{align-items:center;display:flex;flex-direction:row;justify-content:center}header .header-right .icon-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;gap:0;height:36px;transition:.4s ease;width:36px}header .header-right .icon-btn:hover{background:#ffffff1f}header .header-right .icon-btn:active{transform:scale(.9)}header .header-right .icon-btn .badge{background:red;border-radius:10px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:-4px;top:-4px}header .header-right .noti-wrap{position:relative}header .header-right .noti-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;position:absolute;right:0;top:110%;width:240px;z-index:999}header .header-right .noti-dropdown .title{color:#a1a1a1;font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%;margin-bottom:.8rem}header .header-right .noti-dropdown .noti-item{border-bottom:1px solid #ffffff0d;cursor:pointer;font-size:.8rem;padding:.5rem 0;transition:.2s}header .header-right .noti-dropdown .noti-item:hover{background:#ffffff14;padding-left:4px}header .header-right .noti-dropdown .noti-item:last-child{border-bottom:none}.bottom-nav{align-items:center;background:#111;border-top:1px solid #ffffff14;bottom:0;display:flex;flex-direction:row;gap:0;justify-content:space-around;left:0;padding:.5rem 0;position:fixed;width:100%}.bottom-nav .nav-item{align-items:center;color:#a1a1a1;display:flex;flex-direction:column;font-size:12px;gap:.2rem;justify-content:center;transition:.4s ease}.bottom-nav .nav-item svg{font-size:24px}.bottom-nav .nav-item.active,.bottom-nav .nav-item:hover{color:#fff}.track-item{cursor:pointer;gap:0;justify-content:space-between;padding:1rem .5rem}.track-item,.track-item .track-left{align-items:center;display:flex;flex-direction:row}.track-item .track-left{gap:.8rem;justify-content:flex-start}.track-item img{border-radius:8px;height:48px;width:48px}.track-item .track-info .title{font-family:Pretendard,sans-serif;font-size:clamp(1rem,1.6vw,1.125rem);font-weight:400;line-height:140%}.track-item .track-info .artist{color:#a1a1a1;font-family:Pretendard,sans-serif;font-size:clamp(.9rem,1.3vw,1rem);font-weight:300;line-height:140%}.track-item .icon-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:18px;gap:0;height:36px;justify-content:center;width:36px}#home{min-height:100vh;overflow-y:auto;padding:1rem 1rem 120px}#home h2{margin-bottom:1.5rem}#library{margin-top:1.5rem;min-height:100vh;overflow-y:auto;padding:1rem 1rem 120px}#library .library-section{margin-bottom:2rem}#library .library-section .section-header{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:space-between;margin-bottom:1rem}#library .library-section .section-header h3{font-family:Pretendard,sans-serif;font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;line-height:140%}#library .library-section .section-header button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:none;color:#a1a1a1;cursor:pointer}#library .library-section .section-header button span{font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%}#library .grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);justify-content:center}#library .grid span{color:#aaa;font-size:.7rem}@media(min-width:768px){#library .grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){#library .grid{grid-template-columns:repeat(6,1fr)}}#library .card{background:#222;border-radius:10px;cursor:pointer;padding:.5rem;width:100%}#library .card img{aspect-ratio:1/1;border-radius:8px;margin-bottom:.5rem;object-fit:cover;width:100%}#library .card p{font-size:.8rem}#library .history-item{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.8rem;justify-content:flex-start;padding:.5rem 0}#library .history-item img{border-radius:6px;height:48px;width:48px}#library .history-item span{color:#aaa;font-size:.7rem}#search{color:#fff;padding:1rem 1rem 120px}#search .search-bar{margin-bottom:1.5rem}#search .search-bar input{background:#222;border:none;border-radius:10px;color:#fff;font-size:.9rem;padding:.8rem 1rem;width:100%}#search .search-bar input:focus{background:#333;outline:none}#search .search-result h3{font-size:1rem;margin-bottom:1rem}#search .search-result .grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}@media(min-width:768px){#search .search-result .grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){#search .search-result .grid{grid-template-columns:repeat(6,1fr)}}#search .search-result .grid .card{background:#222;border-radius:10px;cursor:pointer;padding:.5rem}#search .search-result .grid .card img{border-radius:8px;margin-bottom:.5rem;width:100%}#search .search-result .grid .card p{font-size:.8rem}#search .search-result .empty{color:#888;margin-top:2rem;text-align:center}#profile{color:#fff;padding:2rem 1rem}#profile .profile-top{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}#profile .profile-top img{border-radius:50%;height:80px;margin-bottom:.5rem;width:80px}#profile .profile-top h2{font-size:1.2rem}#profile .profile-top p{color:#aaa;font-size:.8rem}#profile .profile-stats{align-items:center;border-bottom:1px solid #222;border-top:1px solid #222;display:flex;flex-direction:row;gap:0;justify-content:space-around;margin-top:2rem;padding:1rem 0}#profile .profile-stats .stat{text-align:center}#profile .profile-stats .stat p{font-size:1.2rem;font-weight:700}#profile .profile-stats .stat span{color:#aaa;font-size:.7rem}#profile .profile-menu{margin-top:2rem}#profile .profile-menu button{align-items:center;background:none;border:none;border-bottom:1px solid #222;color:#fff;cursor:pointer;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;padding:1rem;width:100%}#profile .profile-menu button span{font-size:.9rem}#profile .profile-menu button:hover{background:#ffffff0d}#profile .profile-menu .logout{color:#ff4d4d}.mini-player{background:#111;border-top:1px solid #333;bottom:70px;left:0;padding:.5rem 1rem;position:fixed;width:100%}.mini-player .progress-wrap{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center;width:100%}.mini-player .progress-wrap span{color:#aaa;font-size:.7rem;text-align:center;width:35px}.mini-player .progress-wrap input{appearance:none;background:#555;border-radius:10px;flex:1 1;height:3px}.mini-player .progress-wrap input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;height:10px;width:10px}.mini-player .sing-info{justify-content:space-between}.mini-player .sing-info,.mini-player .sing-info .left{align-items:center;display:flex;flex-direction:row;gap:.5rem}.mini-player .sing-info .left{justify-content:flex-start;margin:1rem 0}.mini-player .sing-info .left img{border-radius:6px;height:40px;width:40px}.mini-player .sing-info .left .info .title{font-size:.9rem}.mini-player .sing-info .left .info .artist{color:#aaa;font-size:.7rem}.mini-player .sing-info .right .up-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:28px;gap:0;justify-content:flex-start}.mini-player .control{gap:.5rem;margin-top:.5rem}.mini-player .control,.mini-player .control .icon-btn{align-items:center;display:flex;flex-direction:row;justify-content:center}.mini-player .control .icon-btn{background:#222;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;gap:0;height:48px;transition:.4s ease;width:48px}.mini-player .control .icon-btn:hover{background:#ffffff1f}.full-player{animation:slideUp .4s ease forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111111d9;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;padding:2rem 1.5rem;position:fixed;top:0;transform:translateY(100%);width:100%;z-index:9999}.full-player .down-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:28px;gap:0;justify-content:flex-start}.full-player .content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-top:3rem;text-align:center}.full-player .content img{border-radius:16px;max-width:300px;width:70%}.full-player .content .sing-info{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.full-player .content .sing-info h2{font-family:Pretendard,sans-serif;font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;line-height:140%}.full-player .content .sing-info p{color:#aaa;font-family:Pretendard,sans-serif;font-size:clamp(.9rem,1.3vw,1rem);font-weight:300;line-height:140%}.full-player .content .function{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-around;margin-top:1.5rem}.full-player .content .function .function-btn{align-items:center;background:#222;border:none;border-radius:12px;color:#aaa;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;justify-content:center;padding:.5rem 1.5rem;transition:.4s ease}.full-player .content .function .function-btn svg{font-size:18px}.full-player .content .function .function-btn span{font-size:.7rem}.full-player .content .function .function-btn:hover{background:#ffffff1a;color:#fff}.full-player .content .function .function-btn:active{transform:scale(.9)}.full-player .content .function .function-btn.active{background:#1db95426;color:#1db954}.full-player .progress-wrap{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center;margin-top:2rem;width:100%}.full-player .progress-wrap span{color:#aaa;font-size:.7rem;text-align:center;width:35px}.full-player .progress-wrap input{appearance:none;background:#555;border-radius:10px;flex:1 1;height:3px}.full-player .progress-wrap input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;height:10px;width:10px}.full-player .control{gap:.5rem;margin-top:2rem}.full-player .control,.full-player .control .icon-btn{align-items:center;display:flex;flex-direction:row;justify-content:center}.full-player .control .icon-btn{background:#222;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;gap:0;height:48px;transition:.4s ease;width:48px}.full-player .control .icon-btn:hover{background:#ffffff1f}.full-player .control .icon-btn:active{transform:scale(.9)}@keyframes slideUp{to{transform:translateY(0)}}.list-page{background:#000;color:#fff;height:100vh;overflow-y:auto}.list-page .page-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start;padding:1rem;position:sticky;top:0;z-index:100}.list-page .page-header h2{font-size:1.2rem;font-weight:700}.list-page .page-header .back-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:20px;gap:0;height:36px;justify-content:center;width:36px}.list-page .page-header .back-btn:active{transform:scale(.9)}.list-page .list-wrap{padding:1rem}.list-page .list-item{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.8rem;justify-content:flex-start;padding:.5rem 0}.list-page .list-item img{border-radius:6px;height:48px;width:48px}.list-page .list-item p{font-size:.9rem}.list-page .list-item span{color:#aaa;font-size:.7rem}.list-page .list-item:active{opacity:.6}.list-page .empty{color:#888;margin-top:2rem;text-align:center}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}li{list-style:none}button,input{font-family:inherit}html{font-size:16px}body{background:#0a0a0a;color:#fff;font-family:Pretendard,sans-serif;font-size:clamp(.9rem,1.3vw,1rem);font-weight:300;line-height:140%;overflow-x:hidden}
/*# sourceMappingURL=main.b635b05d.css.map*/