: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}}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}}.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)}.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)}.no-result.svelte-rls1hv{height:160px;color:var(--color-accent)}.desc.svelte-rls1hv{margin-top:20px;font-size:18px;letter-spacing:2px}.tabs.svelte-1l9tlvb.svelte-1l9tlvb:not(.secondary){display:flex;align-items:flex-end;position:relative;height:35px;padding:0;border-radius:0;background-color:transparent}.tabs.svelte-1l9tlvb:not(.secondary) .option.svelte-1l9tlvb{font-size:14px;letter-spacing:2px;position:relative;cursor:pointer;height:auto;border-radius:0;padding:5px 12px;transition:transform .1s;line-height:25px}.tabs.svelte-1l9tlvb:not(.secondary) .option span.svelte-1l9tlvb{font-size:1.1em;color:#aaa}.tabs.svelte-1l9tlvb:not(.secondary) .option.dot.svelte-1l9tlvb:after{content:"";width:10px;height:10px;border-radius:10px;background-color:var(--color-accent);top:0;right:5px;position:absolute}.tabs.svelte-1l9tlvb:not(.secondary) .option.selected.svelte-1l9tlvb{background-color:transparent;transform:scale(1.1)}.tabs.svelte-1l9tlvb:not(.secondary) .option.selected span.svelte-1l9tlvb{color:var(--color-font-main);font-weight:700}.tabs.svelte-1l9tlvb:not(.secondary) .option.selected.svelte-1l9tlvb:before{content:"";background:var(--color-accent);width:14px;height:4px;display:inline-block;bottom:0;left:calc(50% - 10px);right:auto;position:absolute;border-radius:5px}.tabs.secondary.svelte-1l9tlvb.svelte-1l9tlvb{display:inline-flex;align-items:center}.tabs.secondary.svelte-1l9tlvb .option.svelte-1l9tlvb{cursor:pointer;min-width:45px;height:26px;margin-right:5px;border-radius:26px;line-height:26px;box-sizing:border-box;display:flex;justify-content:center;padding:0 15px;color:var(--color-font-tertiary)}.tabs.secondary.svelte-1l9tlvb .option.selected.svelte-1l9tlvb{background-color:var(--color-accent);color:var(--color-pure)}.tabs.secondary.svelte-1l9tlvb .option .icon.svelte-1l9tlvb{font-size:22px}.tabs.secondary.svelte-1l9tlvb .option .title.svelte-1l9tlvb{font-size:14px;white-space:nowrap}.tabs.secondary.svelte-1l9tlvb .option .title.svelte-1l9tlvb:not(:first-child){margin-left:5px}button.svelte-14csrjh{box-sizing:border-box;position:relative;overflow:hidden;white-space:nowrap;outline:none;border:none;text-align:center;background-color:transparent;color:var(--color-font-secondary);transition:opacity .3s;border-radius:15px;font-size:13px;height:25px;cursor:pointer;display:inline-block;align-items:center;justify-content:center}button.svelte-14csrjh:not(:disabled):hover{opacity:.8}button.svelte-14csrjh:not(:disabled):active{opacity:.6}button.svelte-14csrjh:disabled{opacity:.2}button[theme=primary].svelte-14csrjh{background-color:var(--color-accent);color:var(--color-pure);min-width:60px;padding:0 12px}button[theme=outline].svelte-14csrjh{background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent);min-width:60px;padding:0 12px}button[theme=outline].svelte-14csrjh .yoopu3-icon{color:var(--color-accent)}button[theme=white].svelte-14csrjh{background-color:var(--color-pure);color:var(--color-font-main);border:1px solid var(--color-pure);min-width:60px;padding:0 12px}button[theme=gray].svelte-14csrjh{background-color:var(--color-dim);color:var(--color-font-main);border:1px solid var(--color-dim);min-width:60px;padding:0 12px}button[size=big].svelte-14csrjh{height:40px;min-width:80px;padding:0 15px;border-radius:20px}.block.svelte-14csrjh{display:block;width:100%}.tag.svelte-1tau3sp{padding:0 5px;background-color:var(--color-accent-light);border-radius:5px;color:var(--color-accent);font-size:11px}.tag.secondary.svelte-1tau3sp{background-color:var(--color-green-light);color:var(--color-green)}.post-item.svelte-xxderi.svelte-xxderi{box-sizing:border-box;position:relative;border-radius:16px;padding:15px 25px;margin-bottom:10px;background-color:var(--color-pure);color:var(--color-font-tertiary);font-size:14px}.user-info.svelte-xxderi.svelte-xxderi{display:flex;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid hsla(0,0%,59.2%,.27)}.user-info.svelte-xxderi .username.svelte-xxderi{margin:0 .5em;color:var(--color-font-main)}.user-info.svelte-xxderi .not-yet-effective.svelte-xxderi{margin-left:10px;color:var(--color-red)}.user-info.svelte-xxderi .right.svelte-xxderi{margin-left:auto}.author.svelte-xxderi .container,.user-info.svelte-xxderi .container{margin-right:.5em}a.link.svelte-xxderi.svelte-xxderi{text-decoration:none;color:var(--color-font-main)}a.link.prevent.svelte-xxderi.svelte-xxderi{cursor:default}.title-line.svelte-xxderi.svelte-xxderi{display:flex;align-items:center}.title-line.svelte-xxderi .title.svelte-xxderi{font-size:18px;color:var(--color-font-main);margin-left:5px}.row.svelte-xxderi.svelte-xxderi{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.row.svelte-xxderi .info.svelte-xxderi{display:flex}.row.svelte-xxderi .info .label.svelte-xxderi{margin-right:5px}.row.svelte-xxderi .info .content.svelte-xxderi{margin-right:2px}.row.svelte-xxderi strong.svelte-xxderi{color:var(--color-font-main);font-weight:400}.reward.svelte-xxderi.svelte-xxderi{position:absolute;top:85px;right:30px;display:flex;align-items:center}.reward.svelte-xxderi .tag.svelte-xxderi{display:inline-block;width:24px;height:24px;border-radius:24px;line-height:24px;text-align:center;background-color:rgba(var(--color-accent),.2);color:var(--color-accent)}.reward.svelte-xxderi .amount.svelte-xxderi{display:inline-block;margin:0 5px;font-size:20px;font-weight:400;color:var(--color-accent)}.reward.svelte-xxderi .unit.svelte-xxderi{color:var(--color-font-main);font-size:12px;font-weight:lighter}.reward.done.svelte-xxderi.svelte-xxderi{z-index:10;top:115px}.reward.done.svelte-xxderi .tag.svelte-xxderi{background-color:var(--color-green-light);color:var(--color-green)}.reward.done.svelte-xxderi .amount.svelte-xxderi{color:var(--color-green)}.buttons.svelte-xxderi.svelte-xxderi{flex:1;display:flex;align-items:center;justify-content:flex-end}.buttons.svelte-xxderi .col.svelte-xxderi{margin-left:10px;position:relative;display:flex}.hint.svelte-xxderi.svelte-xxderi{background-color:var(--color-red-light);border-radius:0 0 16px 16px;padding:15px 25px 5px;margin:-20px 0 12px;color:var(--color-red);font-size:12px}.done-stamp.svelte-xxderi.svelte-xxderi{display:block;position:absolute;right:25px;top:65px;width:51.5px;height:50px;background-image:url(//cdn.yopu.co/img/done.e5c2fc8b.svg);background-repeat:no-repeat;background-position:50%;background-size:contain;text-indent:-100px;overflow:hidden}.sheet-info.svelte-xxderi.svelte-xxderi{display:flex}.sheet-info.svelte-xxderi .author.svelte-xxderi{display:flex;align-items:center}.sheet-info.svelte-xxderi .author .username.svelte-xxderi{margin:0 .5em;color:var(--color-font-main)}.lock-dory-tip.svelte-xxderi.svelte-xxderi{width:280px}.pudou-tip.svelte-xxderi a.svelte-xxderi,.pudou-tip.svelte-xxderi a.svelte-xxderi:visited{text-decoration:none;color:var(--color-font-main)}.sub-tabs-container.svelte-17pdjwg.svelte-17pdjwg{display:flex;margin-bottom:12px}.dory-top-container.svelte-17pdjwg.svelte-17pdjwg{display:flex;flex-direction:column;box-sizing:border-box;border-radius:16px;padding:15px 0;margin-bottom:12px;background-color:var(--color-pure)}.dory-top-container.success.svelte-17pdjwg.svelte-17pdjwg{border-color:var(--color-green)}.dory-top-container.success.svelte-17pdjwg .col-completed-dory.svelte-17pdjwg{display:flex;flex-direction:column;justify-content:center}.dory-top-container.svelte-17pdjwg .col.svelte-17pdjwg{padding:0 25px}.dory-top-container.svelte-17pdjwg .col-completed-dory.svelte-17pdjwg{flex:1}.dory-top-container.svelte-17pdjwg .completed-dory.svelte-17pdjwg{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:var(--color-font-secondary)}.dory-top-container.svelte-17pdjwg .completed-dory strong.svelte-17pdjwg{margin:0 10px;font-size:18px;color:var(--color-accent)}.dory-top-container.svelte-17pdjwg .progress-bar.svelte-17pdjwg{position:relative}.dory-top-container.svelte-17pdjwg .progress-bar .big-goal-mark.svelte-17pdjwg,.dory-top-container.svelte-17pdjwg .progress-bar .small-goal-mark.svelte-17pdjwg{position:absolute;height:20px;top:-4px;width:6px}.dory-top-container.svelte-17pdjwg .progress-bar .small-goal-mark.svelte-17pdjwg{left:40%;background:var(--color-green)}.dory-top-container.svelte-17pdjwg .progress-bar .big-goal-mark.svelte-17pdjwg{right:0;background:var(--color-blue)}.dory-top-container.svelte-17pdjwg .progress-bar.svelte-17pdjwg,.dory-top-container.svelte-17pdjwg .progress.svelte-17pdjwg{height:12px;border-radius:12px 0 0 12px;background-color:hsla(0,0%,84.7%,.45)}.dory-top-container.svelte-17pdjwg .description.svelte-17pdjwg{font-size:12px;color:var(--color-font-secondary);margin-top:10px}.dory-top-container.svelte-17pdjwg .description .goal-row.svelte-17pdjwg{display:flex;align-items:center}.dory-top-container.svelte-17pdjwg .description .big-goal-label.svelte-17pdjwg,.dory-top-container.svelte-17pdjwg .description .small-goal-label.svelte-17pdjwg{width:12px;height:12px;display:inline-block;margin-right:10px}.dory-top-container.svelte-17pdjwg .description .small-goal-label.svelte-17pdjwg{background:var(--color-green)}.dory-top-container.svelte-17pdjwg .description .big-goal-label.svelte-17pdjwg{background:var(--color-blue)}.dory-top-container.svelte-17pdjwg .progress.svelte-17pdjwg{background-color:var(--color-accent)}.dory-option-container.svelte-17pdjwg.svelte-17pdjwg{flex:1;display:flex;justify-content:flex-end}.list-container.svelte-17pdjwg.svelte-17pdjwg{flex:1;position:relative;overflow-x:hidden;overflow-y:auto}.list-container.svelte-17pdjwg .placeholder.svelte-17pdjwg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:16px}.dory-promotion.svelte-17pdjwg b.svelte-17pdjwg{font-weight:400;color:var(--color-accent)}.not-supported.svelte-17pdjwg.svelte-17pdjwg{height:100%;display:flex;align-items:center;font-size:2em;justify-content:center}