@charset "UTF-8";a.blue{color:var(--color-accent)}a:not(.blue){text-decoration:none;color:inherit}:root{font:14px/1.5 Hiragino Sans GB,Microsoft Yahei,Arial,sans-serif;color:#333;background-color:#faf9f9}@media screen and (prefers-color-scheme:dark){:root{color:#fff;background-color:#333}}body,html{overscroll-behavior:none}body{color:var(--color-font-main)}body.lock{overflow:hidden}body{--color-accent:#cd5c5c;--color-accent-light:rgba(205,92,92,0.1);--color-theme:#faf9f9;--color-theme-rgb:250,249,249;--color-pure:#fff;--color-pure-rgb:255,255,255;--color-bold:#111;--color-bold-rgb:17,17,17;--color-dim:#eee;--color-font-main:#333;--color-font-secondary:#666;--color-font-tertiary:#999;--color-font-placeholder:#ccc;--color-font-inverse:#fff;--color-strength-0:#111;--color-strength-1:#333;--color-strength-2:#666;--color-strength-3:#999;--color-strength-4:#ccc;--color-strength-5:#ddd;--color-red:#cd5c5c;--color-red-light:rgba(205,92,92,0.09803921568627451);--color-green:#5ccd94;--color-green-light:rgba(92,205,148,0.09803921568627451);--color-blue:#5c94cd;--color-blue-light:rgba(92,148,205,0.09803921568627451);--color-yellow:#cdb05c;--color-yellow-light:rgba(205,176,92,0.09803921568627451)}body[instrument=ukulele]{--color-accent:#e16d49;--color-accent-light:rgba(225,109,73,0.09803921568627451)}body[instrument=piano]{--color-accent:#5ccd94;--color-accent-light:rgba(92,205,148,0.09803921568627451)}body[instrument=jian]{--color-accent:#5c94cd;--color-accent-light:rgba(92,148,205,0.09803921568627451)}body.dark{--color-accent:#cd7373;--color-accent-light:rgba(205,115,115,0.1);--color-theme:#333;--color-theme-rgb:51,51,51;--color-pure:#111;--color-pure-rgb:17,17,17;--color-bold:#fff;--color-bold-rgb:255,255,255;--color-dim:#222;--color-font-main:#fff;--color-font-secondary:#ccc;--color-font-tertiary:#999;--color-font-placeholder:#666;--color-font-inverse:#333;--color-strength-0:#fff;--color-strength-1:#ccc;--color-strength-2:#999;--color-strength-3:#666;--color-strength-4:#333;--color-strength-5:#2f2f3f;--color-red:#cd7373;--color-red-light:rgba(205,115,115,0.09803921568627451)}body[instrument=ukulele].dark{--color-accent:#e16d49;--color-accent-light:rgba(225,109,73,0.09803921568627451)}body[instrument=piano].dark{--color-accent:#5ccd94;--color-accent-light:rgba(92,205,148,0.09803921568627451)}body[instrument=jian].dark{--color-accent:#5c94cd;--color-accent-light:rgba(92,148,205,0.09803921568627451)}.hide{display:none!important}button{color:initial}.grecaptcha-badge{visibility:hidden}.yoopu3-icon{font-family:iconfont!important;color:var(--color-font-main);display:inline-block;text-align:center;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button.yoopu3-icon{border:none;background:transparent}@media screen and (max-width:1024px){body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}}@media print{.no-print{display:none!important}}#yp-toast{display:none}@media screen and (min-width:1025px){#yp-toast{display:block;z-index:100;position:fixed;bottom:-48px;height:48px;text-align:center;background-color:var(--color-green);color:var(--color-pure);transition:transform .5s;width:100%;line-height:48px;opacity:.9;letter-spacing:1px;font-size:15px}#yp-toast a{text-decoration:underline}#yp-toast[level=error]{background-color:var(--color-red)}#yp-toast[level=warn]{background-color:var(--color-yellow)}#yp-toast.show{transform:translateY(-48px)}}@media screen and (max-width:1024px){#yp-toast{position:fixed;z-index:100;padding:10px 20px;background-color:#666;color:#fff;opacity:0;pointer-events:none;transition:opacity .3s;display:flex;align-items:center;box-sizing:border-box;border-radius:10px}#yp-toast .message{flex:1}#yp-toast .right{margin-left:auto}#yp-toast .right button{font-weight:700;border:none;background:transparent;color:var(--color-yellow);letter-spacing:1px}#yp-toast[position=bottom]{left:50%;bottom:15px;transform:translateX(-50%);width:calc(100vw - 20px);max-width:500px}#yp-toast[position=center]{left:50%;top:50%;transform:translate(-50%,-50%)}#yp-toast.show{opacity:1;pointer-events:auto}#yp-toast[level=error] .message{color:#ffd9d6}#yp-toast[level=error] .right button{color:var(--color-font-inverse)}body[main] #yp-toast[position=bottom]{bottom:67px}}@media print{#yp-toast{display:none!important}}.dropdown-selector.svelte-1xhuk2y.svelte-1xhuk2y{position:relative;display:inline-block;font-size:13px;color:var(--color-font-main);text-align:left;cursor:pointer}.current.svelte-1xhuk2y.svelte-1xhuk2y{position:relative;display:flex;align-items:center;justify-content:flex-end;background-color:var(--color-dim);border-radius:25px;box-sizing:border-box;padding:0 12px;height:25px;line-height:25px}.current.svelte-1xhuk2y span.svelte-1xhuk2y{flex:1;margin-right:8px;display:inline-block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current.svelte-1xhuk2y .icon.svelte-1xhuk2y{font-size:11px}.options.svelte-1xhuk2y.svelte-1xhuk2y{z-index:100;opacity:0;pointer-events:none;overflow-x:hidden;overflow-y:auto;max-height:250px;position:absolute;left:0;bottom:-5px;transform:translateY(100%);background-color:var(--color-pure);border-radius:6.25px;box-shadow:0 0 5px 0 var(--color-dim);padding:5px 0}.options.show.svelte-1xhuk2y.svelte-1xhuk2y{opacity:1;pointer-events:auto}.top.svelte-1xhuk2y.svelte-1xhuk2y{top:-5px;bottom:auto;transform:translateY(-100%)}.option.svelte-1xhuk2y.svelte-1xhuk2y{cursor:pointer;box-sizing:border-box;padding:0 8px;white-space:nowrap;height:30px;line-height:30px}.option.svelte-1xhuk2y.svelte-1xhuk2y:hover{background-color:var(--color-accent-light)}.option.disabled.svelte-1xhuk2y.svelte-1xhuk2y{color:var(--color-font-tertiary)}.dropdown-selector.gray.svelte-1xhuk2y .current.svelte-1xhuk2y{background-color:var(--color-theme);border-radius:6px;height:38px;padding:4px 12px;line-height:38px;font-weight:400;font-size:14px}.dropdown-selector.gray.svelte-1xhuk2y .options.svelte-1xhuk2y{border-radius:6px}.dropdown-selector.small.svelte-1xhuk2y .current.svelte-1xhuk2y{background-color:transparent;padding:0 6px;height:16px;line-height:16px;font-size:12px}.dropdown-selector.small.svelte-1xhuk2y .option.svelte-1xhuk2y{height:24px;line-height:24px;font-size:12px}.popover.svelte-ezjm8c.svelte-ezjm8c{position:relative}.wrapper.svelte-ezjm8c.svelte-ezjm8c{opacity:0;pointer-events:none;z-index:100;position:absolute;transition:opacity .25s ease}.wrapper.show.svelte-ezjm8c.svelte-ezjm8c{opacity:1;pointer-events:auto;transition:opacity .25s ease}.wrapper.svelte-ezjm8c.svelte-ezjm8c:not(.show){display:none}.content.svelte-ezjm8c.svelte-ezjm8c{overflow:hidden;padding:15px 15px 20px;border-radius:10px;background-color:rgba(var(--color-pure-rgb),.98);box-shadow:0 0 5px 0 var(--color-strength-4);color:var(--color-font-main);font-size:14px}.no-padding.svelte-ezjm8c.svelte-ezjm8c{padding:0}.title.svelte-ezjm8c.svelte-ezjm8c{color:var(--color-font-main);margin-bottom:10px;font-size:14px}.arrow.svelte-ezjm8c.svelte-ezjm8c{position:absolute;width:14px;height:14px}.arrow.svelte-ezjm8c.svelte-ezjm8c:after{content:"";position:absolute}.arrow[position=top].svelte-ezjm8c.svelte-ezjm8c:after{border:7px solid transparent;border-top:7px solid rgba(var(--color-pure-rgb),.98)}.arrow[position=bottom].svelte-ezjm8c.svelte-ezjm8c:after{border:7px solid transparent;border-bottom:7px solid rgba(var(--color-pure-rgb),.98)}.theme.svelte-ezjm8c .content.svelte-ezjm8c{background-color:rgba(var(--color-theme-rgb),.98);color:var(--color-font-main)}.theme.svelte-ezjm8c .title.svelte-ezjm8c{color:var(--color-font-main)}.theme.svelte-ezjm8c .arrow[position=top].svelte-ezjm8c:after{border:7px solid transparent;border-top:7px solid rgba(var(--color-theme-rgb),.98)}.theme.svelte-ezjm8c .arrow[position=bottom].svelte-ezjm8c:after{border:7px solid transparent;border-bottom:7px solid rgba(var(--color-theme-rgb),.98)}.download-popover.svelte-2wjwnn.svelte-2wjwnn{display:flex;align-items:center;flex-direction:row}.download-popover.svelte-2wjwnn img.svelte-2wjwnn{display:block;width:86px;height:86px}.options.svelte-1kspwqr.svelte-1kspwqr.svelte-1kspwqr{display:flex;flex-direction:column}.options.svelte-1kspwqr .option.svelte-1kspwqr.svelte-1kspwqr{width:100%;transition:background-color .3s;border-radius:10px;cursor:pointer}.options.svelte-1kspwqr .option .checkbox.svelte-1kspwqr.svelte-1kspwqr{display:flex;align-items:center;padding:20px 30px;background-color:rgba(var(--color-pure-rgb),.3);box-sizing:border-box;border-radius:10px;transition:background-color .1s,color .1s}.options.svelte-1kspwqr .option .checkbox img.svelte-1kspwqr.svelte-1kspwqr{width:70px;height:70px}.options.svelte-1kspwqr .option .checkbox .label.svelte-1kspwqr.svelte-1kspwqr{transition:opacity .1s;font-size:18px;letter-spacing:1px;margin-left:30px;position:relative}.options.svelte-1kspwqr .option .checkbox .label .main.svelte-1kspwqr.svelte-1kspwqr{color:var(--color-font-main);font-size:1.1em;font-weight:700}.options.svelte-1kspwqr .option .checkbox .label .minor.svelte-1kspwqr.svelte-1kspwqr{color:var(--color-font-tertiary);font-size:14px}.options.svelte-1kspwqr .option .checkbox .label .promotion.svelte-1kspwqr.svelte-1kspwqr{position:absolute;bottom:-16px;color:var(--color-red);font-size:12px;white-space:nowrap}.options.svelte-1kspwqr .option.checked.svelte-1kspwqr.svelte-1kspwqr{background-color:var(--color-pure)}.options.svelte-1kspwqr .option.svelte-1kspwqr.svelte-1kspwqr:active,.options.svelte-1kspwqr .option.svelte-1kspwqr.svelte-1kspwqr:hover:not(.checked){background-color:var(--color-dim)}.options.svelte-1kspwqr .option.svelte-1kspwqr+.option.svelte-1kspwqr{margin-top:10px}.search-wrapper.svelte-4q4jwj.svelte-4q4jwj{display:flex;align-content:center;justify-content:flex-start;background-color:var(--color-theme);height:32px;border-radius:32px;padding:0 5px}.search-wrapper.svelte-4q4jwj .icon.svelte-4q4jwj,.search-wrapper.svelte-4q4jwj button.svelte-4q4jwj{display:block;width:32px;height:32px;line-height:32px;font-size:18px;color:#aaa;cursor:pointer}.search-wrapper.svelte-4q4jwj .cancel.svelte-4q4jwj{line-height:30px}.search-wrapper.svelte-4q4jwj input.svelte-4q4jwj{flex:1;display:block;border:none;outline:none;padding:2px;background-color:transparent;font-size:14px;letter-spacing:1px;width:100%;color:var(--color-font-main)}.search-wrapper.svelte-4q4jwj input.svelte-4q4jwj::-webkit-input-placeholder{color:#aaa;line-height:24px}.search-wrapper.white.svelte-4q4jwj.svelte-4q4jwj{background-color:var(--color-pure)}.searchAutoComplete.svelte-vbhppz.svelte-vbhppz.svelte-vbhppz{margin-top:10px}.searchAutoComplete.svelte-vbhppz h5.svelte-vbhppz.svelte-vbhppz{margin:10px 15px 0;color:var(--color-font-main);font-size:1em;padding:3px 0;font-weight:700;letter-spacing:2px;display:flex}.searchAutoComplete.svelte-vbhppz .list.svelte-vbhppz.svelte-vbhppz{display:flex;flex-direction:column;margin:0 10px 10px;border-radius:10px;background-color:var(--color-pure)}.searchAutoComplete.svelte-vbhppz .list .row.svelte-vbhppz.svelte-vbhppz{cursor:pointer;font-size:16px;padding:10px;display:flex;align-items:center}.searchAutoComplete.svelte-vbhppz .list .row .yoopu3-icon.svelte-vbhppz.svelte-vbhppz{font-size:18px;color:#aaa;margin-right:10px}.searchAutoComplete.svelte-vbhppz .list .row.svelte-vbhppz.svelte-vbhppz:hover{background-color:var(--color-theme);transition:background-color .1s}.searchAutoComplete.svelte-vbhppz .list .row.svelte-vbhppz.svelte-vbhppz:active{background-color:var(--color-dim);transition:background-color .1s}.searchAutoComplete.svelte-vbhppz .list .row.svelte-vbhppz+.row.svelte-vbhppz{border-top:1px solid var(--color-theme)}a.svelte-vbhppz.svelte-vbhppz.svelte-vbhppz:not(.blue){text-decoration:none;color:inherit}section.svelte-1pln1xx+section.svelte-1pln1xx{margin-top:20px}section.svelte-1pln1xx .title.svelte-1pln1xx{font-size:14px;font-weight:700;letter-spacing:2px;margin:10px 5px;color:var(--color-font-main);padding:3px 0;display:flex;align-items:center}section.svelte-1pln1xx .title .right.svelte-1pln1xx{margin-left:auto;font-size:14px;color:var(--color-font-secondary);font-weight:400}section.svelte-1pln1xx .title .button.svelte-1pln1xx{cursor:pointer}.queries.svelte-1pln1xx.svelte-1pln1xx{display:flex;flex-wrap:wrap;margin:5px 0}.queries.svelte-1pln1xx .query.svelte-1pln1xx{padding:5px 10px;border-radius:5px;white-space:nowrap;margin:5px 10px 5px 0;min-width:30px;text-align:center;background-color:var(--color-pure);max-width:120px;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s;cursor:pointer}.queries.svelte-1pln1xx .query.svelte-1pln1xx:hover{background-color:var(--color-theme)}.query-container.svelte-k55a1y{padding:10px}.container.svelte-y4hgxl{position:relative;width:400px;z-index:99}.panel.svelte-y4hgxl{z-index:99;position:absolute;left:0;right:0;top:36px;border-radius:16px;background-color:var(--color-theme);box-shadow:0 0 5px 0 var(--color-dim);max-height:calc(100vh - 50px);overflow-y:scroll;transition:opacity .3s}.panel.svelte-y4hgxl:not(.show){opacity:0}.panel:not(.show).unclickable.svelte-y4hgxl{pointer-events:none}.svg-container.svelte-jr7qzq{width:100%;height:100%;display:flex}.logo-container.svelte-dhvbeg.svelte-dhvbeg{display:flex;align-items:center}.logo-container.svelte-dhvbeg .logo.svelte-dhvbeg{display:flex;align-items:center;text-decoration:none}.logo-container.svelte-dhvbeg .yoopu3-icon.svelte-dhvbeg{font-size:32px;margin-right:8px;color:var(--color-red)}.logo-container.svelte-dhvbeg .name.svelte-dhvbeg{width:60px;color:var(--color-font-main)}.logo-container.svelte-dhvbeg .slogan-text.svelte-dhvbeg{position:relative;display:inline-block;height:20px;margin:0 .75em;padding:0 .75em;font-size:14px;color:var(--color-font-tertiary);letter-spacing:1px}.logo-container.svelte-dhvbeg .slogan-text.svelte-dhvbeg:after{content:"";position:absolute;left:0;top:2px;height:16px;width:1px;background-color:var(--color-font-tertiary)}button.svelte-vsxyh9{box-sizing:border-box;position:relative;overflow:hidden;white-space:nowrap;outline:none;border:1px solid transparent;text-align:center;background-color:transparent;color:var(--color-font-secondary);transition:opacity .3s;border-radius:15px;line-height:18px;font-size:14px;height:30px;min-width:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;letter-spacing:2px;padding:0 20px}button.svelte-vsxyh9:not(:disabled):hover{opacity:.8}button.svelte-vsxyh9:not(:disabled):active{opacity:.6}button.svelte-vsxyh9 .yoopu3-icon{font-size:14px!important}button.svelte-vsxyh9:disabled{opacity:.3}button[theme=primary].svelte-vsxyh9{background-color:var(--color-accent-light);border-color:var(--color-accent-light);color:var(--color-accent);font-weight:700}button[theme=secondary].svelte-vsxyh9{background-color:var(--color-dim);border-color:var(--color-dim)}button[theme=outline].svelte-vsxyh9{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}button[theme=white].svelte-vsxyh9{background-color:var(--color-pure);border-color:var(--color-pure)}button[size=mini].svelte-vsxyh9{height:24px;padding:0 10px;min-width:auto;font-size:12px;border-radius:20px;letter-spacing:1px;font-weight:400}button[size=medium].svelte-vsxyh9{height:38px;border-radius:19px}button[size=big].svelte-vsxyh9{width:100%;height:44px;border-radius:22px;font-size:16px}dialog.svelte-4llsvh.svelte-4llsvh{border:none;padding:0;color:var(--color-font-main)}dialog.svelte-4llsvh div[glass].svelte-4llsvh{background-color:rgba(var(--color-bold-rgb),.2);position:absolute;top:0;bottom:0;left:0;right:0;position:fixed;z-index:99}dialog.svelte-4llsvh div[wrapper].svelte-4llsvh{box-shadow:0 0 5px 0 var(--color-strength-4)}dialog.svelte-4llsvh div[wrapper] [content].svelte-4llsvh{flex:1}dialog.svelte-4llsvh div[wrapper] [content].svelte-4llsvh>[title]{letter-spacing:2px;padding:0 0 20px}dialog[position=center].svelte-4llsvh div[wrapper].svelte-4llsvh{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 80px);border-radius:20px;max-width:390px;background-color:var(--color-pure);padding:20px;box-sizing:border-box;display:flex;flex-direction:column;transform-origin:0 0;z-index:100;animation:svelte-4llsvh-transformer .1s ease-in}@keyframes svelte-4llsvh-transformer{0%{transform:scale(.6) translate(-50%,-50%)}to{transform:scale(1) translate(-50%,-50%)}}dialog[position=center].svelte-4llsvh div[wrapper] [content].svelte-4llsvh>[title]{font-size:24px;margin:10px 0;text-align:center}dialog[position=center].svelte-4llsvh div[wrapper] [content].svelte-4llsvh>[description]{color:var(--color-font-secondary);font-size:14px;text-align:center;margin-bottom:20px}dialog[position=center].svelte-4llsvh div[wrapper] .buttons.svelte-4llsvh{margin:20px 0 10px;display:flex;flex-direction:column;row-gap:10px}dialog[position=bottom].svelte-4llsvh div[wrapper].svelte-4llsvh,dialog[position=top].svelte-4llsvh div[wrapper].svelte-4llsvh{position:fixed;left:50%;transform:translateX(-50%);min-height:120px;max-width:500px;background-color:var(--color-pure);box-sizing:border-box;display:flex;flex-direction:column;z-index:100;width:100%}dialog[position=bottom].svelte-4llsvh div[content].svelte-4llsvh,dialog[position=top].svelte-4llsvh div[content].svelte-4llsvh{padding:15px 20px}dialog[position=bottom].svelte-4llsvh .buttons.svelte-4llsvh,dialog[position=top].svelte-4llsvh .buttons.svelte-4llsvh{display:flex;flex-direction:row-reverse;justify-content:space-between;box-sizing:border-box;width:100%;padding:12px 15px 10px}dialog[position=bottom].svelte-4llsvh .buttons.svelte-4llsvh>button,dialog[position=top].svelte-4llsvh .buttons.svelte-4llsvh>button{min-width:auto}dialog[position=bottom].svelte-4llsvh .buttons.svelte-4llsvh>button:first-of-type,dialog[position=top].svelte-4llsvh .buttons.svelte-4llsvh>button:first-of-type{color:var(--color-accent)}dialog[position=bottom].svelte-4llsvh div[wrapper].svelte-4llsvh{bottom:0;animation:svelte-4llsvh-animateOpenBottom .1s linear;border-radius:20px 20px 0 0}@keyframes svelte-4llsvh-animateOpenBottom{0%{bottom:-60px;opacity:.7}to{bottom:0;opacity:1}}dialog[position=bottom].svelte-4llsvh .buttons.svelte-4llsvh{position:absolute;left:0;top:0}dialog[position=bottom].svelte-4llsvh [content].svelte-4llsvh>[title]{font-size:18px;font-weight:700;text-align:center;margin-top:-8px}dialog[position=top].svelte-4llsvh div[wrapper].svelte-4llsvh{top:0;animation:svelte-4llsvh-animateOpenTop .1s linear;border-radius:0 0 20px 20px;padding-bottom:50px}@keyframes svelte-4llsvh-animateOpenTop{0%{top:-60px;opacity:.7}to{top:0;opacity:1}}dialog[position=top].svelte-4llsvh .buttons.svelte-4llsvh{position:absolute;left:0;bottom:0}dialog[position=top].svelte-4llsvh [content].svelte-4llsvh>[title]{font-size:18px;font-weight:700;text-align:center}dialog.wide.svelte-4llsvh div[wrapper].svelte-4llsvh{width:calc(100vw - 40px)}dialog[position=center].horizontal-buttons.svelte-4llsvh .buttons.svelte-4llsvh{flex-direction:row!important;align-items:center}@media screen and (max-width:1024px){dialog.svelte-4llsvh div[glass].svelte-4llsvh{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog.svelte-4llsvh div[wrapper].svelte-4llsvh{box-shadow:none}}.loader.svelte-bmkbx9.svelte-bmkbx9{position:absolute;bottom:-3px;left:0;right:0;height:2px;overflow:hidden;background-color:var(--color-theme);display:none;z-index:2}.loader.svelte-bmkbx9 .mover.svelte-bmkbx9{display:block;position:absolute;width:100%;height:100%;background-color:var(--color-accent)}.loader.above.svelte-bmkbx9.svelte-bmkbx9{bottom:auto;top:-3px}@keyframes svelte-bmkbx9-loader-moving{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@-webkit-keyframes svelte-bmkbx9-loader-moving{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}body.loading .loader.svelte-bmkbx9.svelte-bmkbx9{display:block}body.loading .mover.svelte-bmkbx9.svelte-bmkbx9{-webkit-animation:svelte-bmkbx9-loader-moving 4s ease infinite;animation:svelte-bmkbx9-loader-moving 4s ease infinite}body.loading *{cursor:progress!important}.container.svelte-1a9wei7.svelte-1a9wei7{display:inline-block;vertical-align:middle;text-align:center;position:relative;width:80px;height:80px;min-width:80px}.container.svelte-1a9wei7 .avatar.svelte-1a9wei7{border-radius:50%;border:2px solid var(--color-strength-1);width:70px;height:70px;background-color:var(--color-theme)}.container.svelte-1a9wei7 .badge.svelte-1a9wei7,.container.svelte-1a9wei7 .hat.svelte-1a9wei7{display:none}.container.link.svelte-1a9wei7.svelte-1a9wei7{cursor:pointer}.container[gender].svelte-1a9wei7:not([size]) .hat.svelte-1a9wei7{display:initial;left:-5px;top:-8px;position:absolute;width:80px;height:80px}.container[gender=m].svelte-1a9wei7:not([size]) .hat.svelte-1a9wei7{left:0;top:-10px}.container[ladder].svelte-1a9wei7 .badge.svelte-1a9wei7{display:initial;background-color:var(--color-pure);right:4px;bottom:4px;position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid var(--color-strength-1)}.container[size=large].svelte-1a9wei7.svelte-1a9wei7{width:62px;height:62px;min-width:62px}.container[size=large].svelte-1a9wei7 .avatar.svelte-1a9wei7{margin-left:0;border-width:1px;width:60px;height:60px}.container[size=large].svelte-1a9wei7 .badge.svelte-1a9wei7{width:18px;height:18px;bottom:-1px;right:0}.container[size=medium].svelte-1a9wei7.svelte-1a9wei7{width:42px;height:42px;min-width:42px}.container[size=medium].svelte-1a9wei7 .avatar.svelte-1a9wei7{margin-left:0;border-width:1px;width:40px;height:40px}.container[size=medium].svelte-1a9wei7 .badge.svelte-1a9wei7{width:14px;height:14px;bottom:0;right:0}.container[size=small].svelte-1a9wei7.svelte-1a9wei7{width:32px;height:32px;min-width:32px}.container[size=small].svelte-1a9wei7 .avatar.svelte-1a9wei7{margin-left:0;border-width:1px;width:30px;height:30px}.container[size=small].svelte-1a9wei7 .badge.svelte-1a9wei7{display:none}.container[size=xsmall].svelte-1a9wei7.svelte-1a9wei7{width:21px;height:21px;min-width:21px}.container[size=xsmall].svelte-1a9wei7 .avatar.svelte-1a9wei7{margin-left:0;border-width:0;width:21px;height:21px}.container[size=xsmall].svelte-1a9wei7 .badge.svelte-1a9wei7{display:none}input.svelte-1bm78md{display:block;box-sizing:border-box;width:100%;height:55px;padding:16px 20px;border:1px solid var(--color-theme);border-radius:12px;background-color:var(--color-pure);box-shadow:0 3px 12px 0 rgba(0,0,0,.01);font-size:16px;font-family:Hiragino Sans GB,Microsoft Yahei,Arial,sans-serif;caret-color:var(--color-accent);color:var(--color-font-main);letter-spacing:2px;outline:none}input.svelte-1bm78md::placeholder{color:#ccc;letter-spacing:normal;font-size:16px}input.svelte-1bm78md::placeholder{color:var(--color-font-tertiary)}input.svelte-1bm78md:-ms-input-placeholder{color:var(--color-font-tertiary)}input.svelte-1bm78md::-ms-input-placeholder{color:var(--color-font-tertiary)}input.svelte-1bm78md:disabled{color:var(--color-font-tertiary);background-color:var(--color-dim);pointer-events:none}input.gray.svelte-1bm78md{background-color:var(--color-theme);height:38px;padding:4px 12px;border:none;border-radius:6px;font-weight:400;font-size:14px;box-shadow:none}input.gray.svelte-1bm78md::placeholder{font-size:14px}.code-input.svelte-1ci3qls.svelte-1ci3qls{position:relative}.code-input.svelte-1ci3qls .code-input-button.svelte-1ci3qls{position:absolute;top:12px;right:12px}button.svelte-1ci3qls.svelte-1ci3qls{display:block;padding:8px;margin:0;border:none;border-radius:6px;background-color:var(--color-accent);color:#fff;font-size:12px;line-height:16px;min-width:85px;transition:opacity .3s}button.svelte-1ci3qls.svelte-1ci3qls:active{opacity:.5}button.svelte-1ci3qls.svelte-1ci3qls:disabled{opacity:.2}div[description].svelte-15ra0dz{text-align:left!important}.tip.svelte-15ra0dz{color:var(--color-font-tertiary);font-size:13px}.container.svelte-av5z1h.svelte-av5z1h{display:block}.container.svelte-av5z1h .option.svelte-av5z1h{transition:background-color .3s;display:flex;align-items:center;font-size:16px;padding:15px;flex:1}.container.svelte-av5z1h .option.svelte-av5z1h:active{background-color:var(--color-dim)}.container.svelte-av5z1h .option .checkmark.svelte-av5z1h{display:inline-block;height:14px;width:14px;background-color:var(--color-pure);border:2px solid var(--color-strength-1);border-radius:50%;position:relative;margin-right:10px}.container.svelte-av5z1h .option .content.svelte-av5z1h{flex:1;display:flex;align-items:center}.container.svelte-av5z1h .option .icon.svelte-av5z1h{font-size:20px;margin-right:5px}.container.svelte-av5z1h .option .title.svelte-av5z1h{flex:1;white-space:nowrap}.container.svelte-av5z1h .option.bottom-line.svelte-av5z1h{border-bottom:1px solid var(--color-dim)}.container.svelte-av5z1h .option.reverse.svelte-av5z1h{flex-direction:row-reverse}.container.svelte-av5z1h .option.selected .checkmark .checkmark-checked.svelte-av5z1h{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background-color:var(--color-strength-1)}.container.svelte-av5z1h .option.disabled.svelte-av5z1h{color:var(--color-font-tertiary)}.container.svelte-av5z1h .option.disabled .checkmark.svelte-av5z1h{background-color:var(--color-dim);border-color:var(--color-strength-3)}.container.svelte-av5z1h .option.selected.disabled .checkmark .checkmark-checked.svelte-av5z1h{background-color:var(--color-strength-3)}.container.check-style.svelte-av5z1h .option.svelte-av5z1h{padding:5px;flex-direction:row-reverse;font-size:15.4px}.container.check-style.svelte-av5z1h .title.svelte-av5z1h{flex:1}.container.check-style.svelte-av5z1h .checkmark.svelte-av5z1h{margin:0 0 0 10px;background-color:transparent;border:0;color:var(--color-font-main)}.container.check-style.svelte-av5z1h .checkmark-checked.svelte-av5z1h{display:none}.container.check-style.svelte-av5z1h .option.selected .checkmark.svelte-av5z1h:after{position:absolute;top:-5px;left:0;content:"\e6b2";font-family:iconfont;font-size:16px}header.svelte-tg1f35.svelte-tg1f35{width:100%;background-color:var(--color-pure);position:relative}.dt-top-navigation.svelte-tg1f35.svelte-tg1f35{display:flex;align-items:center;box-sizing:border-box;width:1200px;height:52px;margin:0 auto}.dt-top-navigation.svelte-tg1f35 .search-container.svelte-tg1f35{margin-left:40px;display:flex;justify-content:center}.dt-top-navigation.svelte-tg1f35 .instrument-selection.svelte-tg1f35{margin:0 20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s;padding:0 20px;height:32px;border-radius:32px;color:var(--color-font-secondary)}.dt-top-navigation.svelte-tg1f35 .instrument-selection.svelte-tg1f35:hover{background-color:var(--color-theme)}.dt-top-navigation.svelte-tg1f35 .instrument-selection .yoopu3-icon.svelte-tg1f35{margin-right:10px;font-size:18px}.dt-top-navigation.svelte-tg1f35 .instrument-selection .label.svelte-tg1f35{font-size:16px}.dt-top-navigation.svelte-tg1f35 .user-container.svelte-tg1f35{margin-left:auto;display:flex;justify-content:flex-end;align-items:center}.dt-top-navigation.svelte-tg1f35 .user-container .user-info.svelte-tg1f35{display:flex;align-items:center;cursor:pointer}.dt-top-navigation.svelte-tg1f35 .user-container .user-info .display-name.svelte-tg1f35{color:var(--color-font-tertiary);margin-right:10px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-top-navigation.svelte-tg1f35 .user-container .login-button.svelte-tg1f35{text-decoration:none;font-size:16px;color:var(--color-font-secondary)}.user-panel.svelte-tg1f35 a.svelte-tg1f35,.user-panel.svelte-tg1f35 a.svelte-tg1f35:visited{text-decoration:none;color:var(--color-font-main)}.user-panel.svelte-tg1f35 .action.svelte-tg1f35{font-size:16px;padding:10px;display:flex;align-items:center;white-space:nowrap;transition:background-color .3s;border-radius:10px}.user-panel.svelte-tg1f35 .action .icon.svelte-tg1f35{font-size:20px;font-weight:500;margin-right:10px}.user-panel.svelte-tg1f35 .clickable.svelte-tg1f35{cursor:pointer}.user-panel.svelte-tg1f35 .clickable.svelte-tg1f35:hover{background-color:var(--color-theme)}#SideNavBar.svelte-1y5ln63.svelte-1y5ln63{position:relative}#SideNavBar.svelte-1y5ln63 a.svelte-1y5ln63{text-decoration:none;display:flex;align-items:center;box-sizing:border-box;width:100%;height:60px;padding:15px;border-radius:15px;color:var(--color-font-main)}#SideNavBar.svelte-1y5ln63 a .icon.svelte-1y5ln63{display:inline-block;font-size:20px;margin-right:10px}#SideNavBar.svelte-1y5ln63 a .label.svelte-1y5ln63{display:inline-block;font-size:14px;font-weight:400}#SideNavBar.svelte-1y5ln63 a:hover .icon.svelte-1y5ln63,#SideNavBar.svelte-1y5ln63 a:hover .label.svelte-1y5ln63{color:var(--color-accent);font-weight:500}#SideNavBar.svelte-1y5ln63 a.selected.svelte-1y5ln63{background-color:var(--color-accent-light)}#SideNavBar.svelte-1y5ln63 a.selected .icon.svelte-1y5ln63{color:var(--color-accent)}#SideNavBar.svelte-1y5ln63 a.selected .label.svelte-1y5ln63{color:var(--color-font-main)}body{overflow-y:hidden;overscroll-behavior-y:none;background-color:var(--color-theme);width:auto;margin:0}.page-body.svelte-1op6oe.svelte-1op6oe{display:flex;width:1200px;height:calc(100vh - 67px);margin:15px auto 0}.page-body.svelte-1op6oe .page-side.svelte-1op6oe{width:220px;min-width:220px;margin-right:15px;display:flex;flex-direction:column;height:100%}.page-body.svelte-1op6oe .page-main.svelte-1op6oe{flex:1;display:flex;flex-direction:column;height:100%;overflow-x:hidden}.nav-container.svelte-1op6oe.svelte-1op6oe{flex:1;position:relative;box-sizing:border-box;padding:10px;border-radius:15px;background-color:var(--color-pure)}.nav-container.svelte-1op6oe .bottom-nav.svelte-1op6oe{position:absolute;width:60%;left:50%;bottom:18px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.nav-container.svelte-1op6oe .bottom-nav .download.svelte-1op6oe,.nav-container.svelte-1op6oe .bottom-nav a.svelte-1op6oe{display:inline-block;margin-top:12px;flex-basis:49%;height:12px;line-height:12px;font-size:12px;text-decoration:none;color:var(--color-font-secondary);text-align:center}.nav-container.svelte-1op6oe .bottom-nav a.svelte-1op6oe:nth-child(2n){border-left:1px solid var(--color-strength-2)}.nav-container.svelte-1op6oe .bottom-nav .download.svelte-1op6oe{cursor:pointer;border-left:1px solid var(--color-strength-2)}.copyright.svelte-1op6oe.svelte-1op6oe{text-align:center;font-size:10px;line-height:2em;color:var(--color-font-tertiary);padding:15px 0}.copyright.svelte-1op6oe a.svelte-1op6oe,.copyright.svelte-1op6oe a.svelte-1op6oe:active{text-decoration:none;color:var(--color-font-tertiary)}.one-line-info.svelte-1ejpsfe.svelte-1ejpsfe{display:inline-flex}.one-line-info.svelte-1ejpsfe .subtitle.svelte-1ejpsfe{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:150px}.dot.svelte-1ejpsfe.svelte-1ejpsfe{width:8px;margin:0;display:inline-flex;align-items:center;justify-content:center}.dot.svelte-1ejpsfe.svelte-1ejpsfe:after{content:"·"}.finger-style.svelte-sneu4p.svelte-sneu4p{overflow:hidden;display:flex;position:relative}.finger-style.svelte-sneu4p img.svelte-sneu4p{height:50px;opacity:.8}.finger-style.svelte-sneu4p .label.svelte-sneu4p{position:absolute;left:0;top:10px;color:#ccc;font-size:16px;letter-spacing:4px;writing-mode:vertical-lr;font-weight:700}.nier-sheet.svelte-1hwujz8.svelte-1hwujz8{overflow:hidden}.nier-sheet.svelte-1hwujz8 .sheet.svelte-1hwujz8{min-height:80px;margin:0 -1px -15px}.at-surface *{cursor:inherit!important}.nier-snippet.svelte-mal8jy.svelte-mal8jy:not(.dark){opacity:.6}.background-symbol.svelte-mal8jy.svelte-mal8jy{position:absolute;right:-20px;top:25px;display:flex;align-items:center}.background-symbol.svelte-mal8jy .yoopu3-icon.svelte-mal8jy{font-size:140px;color:var(--color-theme)}.chords.svelte-mal8jy.svelte-mal8jy{padding:10px 0;margin-left:8px;margin-right:15px;display:flex;align-items:center;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;position:relative}.chords.svelte-mal8jy.svelte-mal8jy::-webkit-scrollbar{display:none}.chords.svelte-mal8jy .chord.svelte-mal8jy{padding:10px 5px}.spacing.svelte-mal8jy.svelte-mal8jy{height:10px}.title-line.svelte-q8jtp9.svelte-q8jtp9{display:flex;align-items:center;margin-bottom:5px;position:relative}.title-line.svelte-q8jtp9 .verified.svelte-q8jtp9{color:var(--color-accent)}.title-line.svelte-q8jtp9 .title.svelte-q8jtp9{max-width:580px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:18px;color:var(--color-font-main);margin-left:5px}.title-line.svelte-q8jtp9 .subtitle.svelte-q8jtp9{font-size:14px;margin-left:10px}.sub-line.svelte-q8jtp9.svelte-q8jtp9{position:relative;height:20px;margin:10px 5px;display:flex;align-items:center}.sheet-preview.svelte-s9fgo0.svelte-s9fgo0{display:flex;flex-direction:row}.post-main.svelte-s9fgo0.svelte-s9fgo0{flex:1;display:block;position:relative;text-decoration:none;color:var(--color-font-secondary);padding-bottom:10px;overflow:hidden}.post-main.copyright.svelte-s9fgo0.svelte-s9fgo0{pointer-events:none;cursor:not-allowed;opacity:.5}.post-info.svelte-s9fgo0.svelte-s9fgo0{box-sizing:border-box;width:245px;padding-left:30px;border-left:1px solid var(--color-strength-4);margin-left:10px}.user-info.svelte-s9fgo0.svelte-s9fgo0{margin-bottom:12px;display:flex;align-items:center;margin-left:-3px}.user-info.svelte-s9fgo0 .username.svelte-s9fgo0{margin-left:3px}.row.svelte-s9fgo0.svelte-s9fgo0{color:var(--color-font-secondary);font-size:14px;display:flex;align-items:center}.row.svelte-s9fgo0 .icon.svelte-s9fgo0{font-size:16px;margin-right:5px}.row.svelte-s9fgo0+.row.svelte-s9fgo0{margin-top:10px}.user-info.svelte-10ssadv.svelte-10ssadv{padding:20px 25px 20px 15px;position:relative;display:flex;align-items:center}.user-info.svelte-10ssadv .user-detail.svelte-10ssadv{margin-left:30px;overflow:hidden;flex:1}.user-info.svelte-10ssadv .user-name.svelte-10ssadv{font-size:1.3em;font-weight:700;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;margin-bottom:4px;letter-spacing:1px}.user-info.svelte-10ssadv .user-location.svelte-10ssadv{color:var(--color-font-secondary)}.user-info.svelte-10ssadv .user-about.svelte-10ssadv{margin-top:8px;color:var(--color-font-secondary)}main.svelte-1d581p9.svelte-1d581p9{height:100%;display:flex;flex-direction:column}main.svelte-1d581p9 .top.svelte-1d581p9{display:flex;flex-direction:row;align-items:end;margin-bottom:20px}main.svelte-1d581p9 .top .user-info.svelte-1d581p9{padding:10px 0 10px 15px;background-color:var(--color-pure);border-radius:16px;min-width:250px}main.svelte-1d581p9 .top .options.svelte-1d581p9{display:flex;margin-left:auto}main.svelte-1d581p9 .top .options .option .label.svelte-1d581p9{color:var(--color-font-tertiary);font-size:13px}main.svelte-1d581p9 .list-container.svelte-1d581p9{flex:1;overflow-y:scroll}main.svelte-1d581p9 .list-container .list-item.svelte-1d581p9{box-sizing:border-box;position:relative;border-radius:16px;padding:10px;margin-bottom:10px;background-color:var(--color-pure);overflow:hidden}