:root{--primary-color:255,255,255;--lighter-color:0,0,0;--darker-color:0,0,0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;max-width:calc(100vw - env(safe-area-inset-right) - env(safe-area-inset-left));min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background-color:#000}body{margin:0;font-size:1rem;font-family:San Francisco,PingFangSC-Regular,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}*{-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-tap-highlight-color:none;outline:none}h1,h2,h3,h4,h5,h6,ol,ul{margin-top:0;margin-bottom:0}ol,ul{padding-left:0;list-style-type:none}a{outline-width:0;text-decoration:none}img{vertical-align:middle;border-width:0}button,input,select{overflow:visible}button,input,select,textarea{font:inherit;margin:0;outline-width:0}textarea{overflow:auto;resize:none}table{border-collapse:collapse;border-spacing:0}template{display:none}@media only screen and (min-width:1440px){html{font-size:110%}}@media only screen and (min-width:1280px)and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:1280px)and (min-resolution:2dppx){html{font-size:120%}}@media only screen and (max-width:479px){html{font-size:90%}}@media only screen and (max-width:359px){html{font-size:80%}}@media screen and (min-width:120px){#backdrop{background:url(/images/album.jpg) no-repeat 50%;background-size:cover;filter:blur(16px);transition:all .4s;transform:scale(1.2);z-index:-1}#backdrop,#backdrop .mask{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#backdrop .mask{display:block;background-color:rgba(var(--primary-color),.75)}}.app-container{position:relative;margin:0 auto;width:calc(100vw - env(safe-area-inset-right) - env(safe-area-inset-left));height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));transform-origin:50% 100%;transition:all .4s}.app-container-drawer-open{margin:calc(env(safe-area-inset-top) + 1rem) auto 0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 2rem);height:calc(100vh - env(safe-area-inset-top) - 1rem);background-color:rgb(var(--primary-color));border-radius:1em 1em 0 0}.app-container-drawer-open #backdrop{opacity:0}.app-container-drawer-open #main-container{transform:scale(.95)}#main-container{display:flex;flex-direction:column;gap:1em;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));transition:all .4s;transform-origin:50% 100%}#main-container #player-container{display:flex;align-items:center;justify-content:center;gap:2em}#surface{position:relative;margin-left:auto;margin-right:auto;width:20em;background-color:rgba(var(--darker-color),.2);border:1px solid rgba(var(--darker-color),.2);border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 30px rgba(var(--darker-color),.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#surface .cover{padding-bottom:100%;max-width:100%;width:100%;height:0}#surface .cover .album{width:96%;margin-left:2%;margin-top:2%;border-radius:50%;background-color:transparent}#surface .magic{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;border-radius:50%;background-color:rgba(var(--darker-color),.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;transition:opacity .4s;z-index:10}#surface .magic:hover{opacity:1}#surface .magic:after{content:"";min-height:100%}#surface .magic .fa,#surface .magic:after{display:inline-block;vertical-align:middle}#surface .magic .fa{font-size:3.5rem;color:rgb(var(--lighter-color))}#player-panel{margin:0 auto;width:20em;padding:0 1em}#player-panel #detail{text-align:center;text-shadow:0 0 5px rgba(var(--darker-color),.2)}#player-panel #detail .title{margin-bottom:.1em;font-size:1em;color:rgba(var(--darker-color),1)}#player-panel #detail .title:before{content:"「"}#player-panel #detail .title:after{content:"」"}#player-panel #detail .artists{margin-bottom:.2em;font-size:.75em;color:rgba(var(--darker-color),.8)}#player-panel #thread{display:flex;align-items:center;justify-content:center;margin-top:1em;margin-left:auto;margin-right:auto}#player-panel #thread .progress{width:20em;height:3px;background-color:rgba(var(--darker-color),.1);border-radius:4px}#player-panel #thread .progress .buffered{width:0;height:100%;background-color:rgba(var(--darker-color),.2);transition:all .5s ease;border-radius:4px}#player-panel #thread .progress .elapsed{margin-top:-3px;width:0;height:100%;background-color:rgb(var(--darker-color));transition:all .5s ease;border-radius:4px}#player-panel #controller{margin:.5em auto 0;width:20em}#player-panel #controller .fa-button{display:flex;justify-content:center;align-items:center;padding:.6em;font-size:1em;color:rgba(var(--darker-color),1);background-color:hsla(0,0%,100%,0);border:1px solid hsla(0,0%,100%,0);border-radius:50%;transition:all .4s;cursor:pointer}#player-panel #controller .fa-button:hover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:rgba(var(--darker-color),.2);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 20px rgba(var(--darker-color),.1)}#player-panel #controller .fa-button-prime{font-size:1.5rem;background-color:rgba(var(--darker-color),.6);color:rgba(var(--lighter-color),1)}#player-panel #controller .fa-button-prime i{margin-top:.1rem}#player-panel #controller .player-controller{display:flex;justify-content:center;align-items:center;gap:2em;margin-top:1em}#player-panel #controller .sharing-tools{margin-top:1em;display:flex;justify-content:space-between}#lyric{margin-top:1em;height:5em;padding:0 5%;text-align:center;text-shadow:0 0 5px rgba(0,0,0,.2)}#lyric .lrc{font-size:1.15em}#lyric .lrc,#lyric .tlrc{color:rgba(var(--darker-color),1)}#lyric .tlrc{font-size:1em}#waveform{margin-top:-6em;width:100%;height:5em;opacity:.2;z-index:-1}#frequency{position:fixed;bottom:0;width:calc(100vw - env(safe-area-inset-right) - env(safe-area-inset-left));height:10em;opacity:.4;z-index:-1}.fullscreen-mask{position:fixed;left:0;top:0;display:none;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;z-index:9999;color:#fff;background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fullscreen-mask span{display:inline-flex;flex-direction:column;gap:8pt;width:80%;font-size:14pt}.fullscreen-mask span p{margin:0}.fullscreen-mask span button{margin-top:16pt;padding:8px;cursor:pointer;border-radius:4px;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fullscreen-mask-mobile{position:fixed;left:0;top:0;display:none;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;z-index:9999;color:#fff;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fullscreen-mask-mobile span{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(orientation:portrait){#main-container #player-container{flex-direction:column;justify-content:space-between;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2em);padding:1em 0}#main-container #player-container #player-panel{width:80%}#main-container #player-container #player-panel #detail{width:100%;min-height:4.5em}#main-container #frequency{display:none}}@media(orientation:portrait)and (min-height:1025px){#main-container{height:900px}}@media(orientation:landscape){#main-container{flex-direction:row;justify-content:center;height:calc(100vh - 4em)}#main-container #waveform{position:fixed;bottom:0;display:none}#main-container #player-container #surface{margin:0;width:16em}#main-container #player-container #player-panel{margin:0}#main-container #player-container #player-panel #detail{min-height:4.5em;text-align:left;transition:all .4s}#main-container #player-container #player-panel #detail .title:after,#main-container #player-container #player-panel #detail .title:before{display:none}#main-container #player-container #lyric{position:fixed;bottom:env(safe-area-inset-bottom)}}.drawer-trigger{background:none;border:none}.drawer-overlay{top:0;background:rgba(0,0,0,.4)}.drawer-content,.drawer-overlay{position:fixed;bottom:0;left:0;right:0}.drawer-content{display:flex;flex-direction:column;align-items:center;padding:1em 0;height:calc(100dvh - env(safe-area-inset-top) - 5rem);border-radius:1em 1em 0 0;background:#fff}.drawer-content .header-dash{width:3rem;height:.375rem;border-radius:3rem;margin:0 0 2em;background:hsla(0,0%,83%,.9)}.drawer-content .drawer-title{display:block;width:calc(100% - 2rem);max-width:calc(640px - 2rem);margin-bottom:1rem}.drawer-content .drawer-body{width:100%;max-width:640px;color:#444;line-height:1.5rem;overflow-x:hidden;overflow-y:scroll}.drawer-content .drawer-body::-webkit-scrollbar{display:none}.drawer-content .drawer-body{scrollbar-width:none;-ms-overflow-style:none}.drawer-content .drawer-body .loading,.drawer-content .drawer-body .no-data{padding:0 1rem;text-align:center;line-height:5rem}.drawer-content .drawer-body .drawer-text{padding:0 1rem;line-height:1.5rem}.drawer-content .drawer-body .drawer-text p{margin:0 0 .25rem}.drawer-content .drawer-body .mobile-tips{display:none}.drawer-content .drawer-body textarea{margin:.5em 1em 0;padding:8px;width:calc(100% - 2em - 16px);max-width:640px;height:4rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;transition:all .4s}.drawer-content .drawer-body textarea:focus{border:1px solid #000}.drawer-content .drawer-body .button-group{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:.5em;padding:0 1rem}.drawer-content .drawer-body .button-group .load-list-link,.drawer-content .drawer-body .button-group .number-input-key{width:100%;height:3.2rem;text-align:center;line-height:3.2rem;background:rgba(0,0,0,.1);border-radius:4px;cursor:pointer}.drawer-content .drawer-body .item{display:flex;align-items:center;padding:0 1rem;line-height:5rem;border-radius:8px;transition:all .4s;cursor:pointer}.drawer-content .drawer-body .item:hover{background:rgba(0,0,0,.1)}.drawer-content .drawer-body .item .cover{position:relative;width:4rem;height:4rem;background-size:cover;border-radius:4px}.drawer-content .drawer-body .item .cover .mask{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:hsla(0,0%,100%,0);border-radius:4px;transition:all .4s}.drawer-content .drawer-body .item .cover .mask .fa-heart{font-weight:800;color:#fd3c6d;opacity:0}.drawer-content .drawer-body .item .cover:hover .mask{background:hsla(0,0%,100%,.8)}.drawer-content .drawer-body .item .name{width:calc(100% - 6rem);margin-left:2rem;border-bottom:1px solid rgba(0,0,0,.1)}.drawer-content .drawer-body .item .fa-x{font-size:1.2rem}.drawer-content .drawer-body .item .fa-x:hover{color:#fd3c6d}.drawer-content .drawer-body .item .fa-music-notes{display:none;font-size:1.2rem}.drawer-content .drawer-body .item .liked{display:none}.drawer-content .drawer-body .item-playing,.drawer-content .drawer-body .item-playing .name{color:#fd3c6d}.drawer-content .drawer-body .item-playing .fa-x{display:none}.drawer-content .drawer-body .item-playing .fa-music-notes{display:inline-block;-webkit-animation:breathe 3s ease-in-out infinite;animation:breathe 3s ease-in-out infinite}.drawer-content .drawer-body .item-playing .liked{display:none!important}.drawer-content .drawer-body .item-liked .cover .mask:hover .fa-heart{opacity:1}.drawer-content .drawer-body .item-liked .fa-x{display:none}.drawer-content .drawer-body .item-liked .liked{display:inline-block}.drawer-content .mobile .pc-tips{display:none}.drawer-content .mobile .mobile-tips{display:block}.drawer-content .mobile textarea{height:1.5rem}.drawer-content .mobile .button-group .load-list-link,.drawer-content .mobile .button-group .number-input-key{height:2.4rem;line-height:2.4rem}.drawer-content .mobile .button-group .load-list-link i,.drawer-content .mobile .button-group .number-input-key i{margin-top:.1rem;line-height:2.3rem}.drawer-content .mobile .button-group .number-input-key{width:calc(9.0909090909% - 8px)}@-webkit-keyframes breathe{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.95)}}@keyframes breathe{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.95)}}@font-face{font-family:icomoon;src:url(/_next/static/media/icomoon.ebb3ad1a.eot);src:url(/_next/static/media/icomoon.ebb3ad1a.eot#iefix) format("embedded-opentype"),url(/_next/static/media/icomoon.801b60a0.ttf) format("truetype"),url(/_next/static/media/icomoon.7b011c51.woff) format("woff"),url(/_next/static/media/icomoon.8679dca0.svg#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}i{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lock:before{content:"\e910"}.fa-heart:before{content:"\e90b"}.fa-music-notes:before{content:"\e90e"}.fa-x:before{content:"\e90d"}.fa-backspace:before{content:"\e90c"}.fa-music-plus:before{content:"\e90f"}.fa-repeat:before{content:"\e907"}.fa-github:before{content:"\e908"}.fa-shuffle:before{content:"\e900"}.fa-list:before{content:"\e901"}.fa-pause:before{content:"\e902"}.fa-play:before{content:"\e903"}.fa-skip-forward:before{content:"\e904"}.fa-skip-back:before{content:"\e905"}.fa-repeat-single:before{content:"\e906"}