.block-content{--spacing:15px;display:block;font-family:var(--font-sans);font-weight:400}.block-content>.content-block,.block-content>.content-line,.block-content>blockquote,.block-content>code,.block-content>dl,.block-content>h1,.block-content>h2,.block-content>h3,.block-content>img,.block-content>ol,.block-content>p,.block-content>ul{display:block;margin:var(--spacing) 0}.block-content>:first-child{margin-top:calc(var(--spacing)/3)}.block-content>:last-child{margin-bottom:calc(var(--spacing)/3)}.block-content>h1{font-size:1.5em;font-weight:600}.block-content>h2{font-size:1.4em;font-weight:500}.block-content>h3{font-size:1.2em;font-weight:500}.block-content>blockquote,.block-content>p{font-weight:300}.block-content>blockquote,.block-content>code{border-left:5px solid #ccc;box-shadow:2px 2px 5px #0003;padding:calc(var(--spacing)/3)}.block-content>code{border-left-color:#c6f;font-family:var(--font-monospace)}.block-content>ul,block-content>ol{padding-left:1.5em}.block-content>ul>li,block-content>ol>li{display:list-item}.block-content>dl dd,.block-content>dl dt{display:block}.block-content>dl dt{font-weight:300}.block-content>dl dd{margin:0 0 calc(var(--spacing)/3) 1.5em}.block-content>img{background-color:#eee;border-radius:2px;margin:var(--spacing) auto;max-height:60vh;max-width:100%}.block-content>blockquote:not(.block-content) img,.block-content>dl img,.block-content>ol img,.block-content>p img,.block-content>ul img{background-color:#eee;display:inline;margin:0 10px;max-height:120px}.block-content>blockquote:not(.block-content) a,.block-content>dl a,.block-content>ol a,.block-content>p a,.block-content>ul a{border-bottom:1px solid #f86;cursor:pointer;transition:border-color .3s,color .3s}.block-content>blockquote:not(.block-content) a:hover,.block-content>dl a:hover,.block-content>ol a:hover,.block-content>p a:hover,.block-content>ul a:hover{border-color:#f41;color:#f41}.block-content>blockquote:not(.block-content) q,.block-content>dl q,.block-content>ol q,.block-content>p q,.block-content>ul q{font-family:var(--font-monospace)}.block-content q:after,.block-content q:before{content:none}.block-content>.content-block{position:relative;z-index:0}.block-content>.content-line{align-items:center;display:flex}.block-content>.content-line>button,.block-content>.content-line>input{align-self:stretch;background-color:#f41;color:#fff;min-height:24px;min-width:40px}.block-content>.content-line>input[type=text]{background-color:initial;border:1px solid #ccc;color:#333;flex-grow:1;font-size:13px;padding:0 5px}.block-content>.content-line>input[type=file]{cursor:pointer;font-size:0;position:relative;width:40px}.block-content>.content-line>input[type=file]:after,.block-content>.content-line>input[type=file]:before{content:"";left:0;position:absolute;width:100%}.block-content>.content-line>input[type=file]:before{background-color:#f41;height:100%;top:0}.block-content>.content-line>input[type=file]:after{content:"…";font-size:16px;font-weight:600;text-align:center;top:50%;transform:translateY(-50%)}.block-content>.content-line>button{cursor:pointer;padding:0 10px;text-align:center}.block-main{--spacing:15px;display:block;font-family:var(--font-sans);font-weight:400;padding:0 var(--spacing)}.block-main>*{--spacing:15px;margin:15px 0}.block-main>.main-iconbar:first-child+*,.block-main>:not(.main-iconbar):first-child{margin-top:0}.block-main>.main-menu{grid-gap:calc(var(--spacing)*2/3);display:grid;grid-template-columns:1fr;margin:var(--spacing) 0}.block-main>.main-menu>li{cursor:pointer;display:block;font-weight:300;padding:5px 0}.block-main>.main-menu>li.block-active{border-bottom:3px solid #333;font-weight:600;padding-bottom:2px}@media screen and (max-width:540px){.block-main>.main-menu{grid-template-columns:repeat(2,1fr);margin-left:0;margin-right:0}}.block-main>[class^=main-cover]{margin:var(--spacing) 0;padding-bottom:100%;position:relative;z-index:0}.block-main>.main-cover-album,.block-main>.main-cover-list{margin-right:5%;padding-bottom:95%}.block-main>.main-cover-album:after{background-color:#333;border-radius:50%;content:"";height:100%;left:10%;position:absolute;top:0;width:95%;z-index:-1}.block-main>.main-cover-list:after,.block-main>.main-cover-list:before{background-color:#8883;border-radius:2px;content:"";position:absolute}.block-main>.main-cover-list:before{height:84%;left:19%;top:8%;width:84%;z-index:-1}.block-main>.main-cover-list:after{height:72%;left:33%;top:14%;width:72%;z-index:-2}@media screen and (max-width:540px){.block-main>[class^=main-cover]{margin-left:auto;margin-right:auto;padding-bottom:200px;width:200px}}.block-main>[class^=main-cover]>img,.block-main>[class^=main-cover]>img:before{background-color:#eee;border-radius:2px;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.block-main>[class^=main-cover]>img:before{background-image:url(image-broken.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;content:""}.block-main>[class^=main-cover]>span{background-color:#0006;border-radius:2px;color:#fff;font-size:12px;height:16px;line-height:16px;padding:0 5px;position:absolute;right:5px;top:5px}.block-main>.main-infolist{align-items:baseline;display:grid;font-size:.9em;grid-template-columns:auto 1fr;margin:var(--spacing) 0}.block-main>.main-infolist>dt{color:#888;font-weight:300;grid-column:1;margin-right:1em;min-width:3em;white-space:nowrap}.block-main>.main-infolist>dd{font-weight:400;grid-column:2;margin-bottom:calc(var(--spacing)/3);white-space:nowrap}.block-main>.main-infolist>dd:last-child{margin-bottom:0}.block-main>.main-banner{display:block;margin:var(--spacing) 0;position:relative}#main>.main-main.block-main>.main-banner:first-child{margin-top:-20px}.block-main>.main-banner>img:nth-child(2){display:block;width:100%}.block-main>.main-banner>img:first-child,.block-main>.main-banner>img:last-child{height:100%;position:absolute;top:0;z-index:-1}.block-main>.main-banner>img:first-child{right:100%}.block-main>.main-banner>img:last-child{left:100%}.block-main>.main-title{display:block;margin:var(--spacing) 0}.block-main>h1.main-title{font-size:1.5em;font-weight:600}.block-main>h2.main-title{font-size:1.4em;font-weight:500}.block-main>.main-user{align-items:center;display:flex;margin:var(--spacing) 0;overflow-x:auto}.block-main>.main-user>img{background-color:#eee;border-radius:50%;flex-shrink:0;height:35px;margin-right:5px;object-fit:cover;overflow:hidden;width:35px}.block-main>.main-user>span{margin-right:calc(var(--spacing) + 5px);padding:5px}.block-main>.main-user>span:last-child{margin-right:0}.block-main>[class^=main-flow]{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(90px + 2vw),auto));justify-items:stretch;margin:var(--spacing) 0}.block-main>.main-flow-list,.block-main>.main-flow-style{grid-template-columns:repeat(auto-fill,minmax(calc(150px + 6vw),auto))}.block-main>[class^=main-flow].block-clamp{grid-auto-rows:0;grid-template-rows:repeat(2,auto);overflow:hidden}.block-main>[class^=main-flow]>figure{--spacing:10px;cursor:pointer;padding:calc(var(--spacing)*2/3)}.block-main>[class^=main-flow]>figure:hover{background-color:#eee}.block-main>.main-flow-list>figure{background-color:#333;color:#fff;margin:calc(var(--spacing)/3);padding-top:60%}.block-main>.main-flow-list>figure:hover{background-color:#000}@media screen and (max-width:540px){.block-main>.main-flow,.block-main>.main-flow-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1440px){.block-main>[class^=main-flow]{grid-template-columns:repeat(auto-fill,minmax(calc(6vw + 30px),auto))}.block-main>.main-flow-list{grid-template-columns:repeat(auto-fill,minmax(calc(10vw + 90px),auto))}.block-main>.main-flow-style{grid-template-columns:repeat(auto-fill,minmax(calc(12vw + 60px),auto))}.block-main>.main-flow-style>figure{margin-left:var(--spacing);margin-right:var(--spacing)}}[class^=main-flow]>.block-main>[class^=main-cover]{margin-left:0;margin-right:0;margin-top:0;padding-bottom:100%;width:auto}.main-flow-list>.block-main>.main-cover{---:calc(var(--spacing)*-1);margin-left:var(---);margin-right:var(---);margin-top:var(---);padding-bottom:60%}[class^=main-flow]>.block-main>figcaption.main-title{font-size:1.1em;font-weight:600}[class^=main-flow]>.block-main>.main-text{color:#888;display:block;font-size:90%}[class^=main-flow]>.block-main>.main-user{margin-bottom:0;overflow-x:hidden}[class^=main-flow]>.block-main>.main-user>img{height:30px;width:30px}[class^=main-flow]>.block-main>.main-user>span{font-size:90%}#overlay-toast{align-items:flex-end;bottom:60%;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;max-height:40%;overflow:hidden;padding-bottom:10px;pointer-events:none;position:fixed;right:0;width:80%;z-index:3}#overlay-toast>.toast{word-wrap:break-word;animation:toast-in .3s both;background-color:#fff;border-left:5px solid #f86;box-shadow:2px 2px 5px #0003;-webkit-hyphens:auto;hyphens:auto;max-width:480px;min-width:120px;padding:10px 5px;pointer-events:auto;position:relative}#overlay-toast>.toast.toast-clear{animation:toast-out .5s both}@keyframes toast-in{0%{opacity:.4;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{0%{opacity:1;transform:translateX(0)}60%{transform:translateX(100%)}to{opacity:0;transform:translateX(100%)}}#overlay-dialog{pointer-events:none;position:fixed;z-index:2}#overlay-dialog>.dialog-layer{align-items:center;background-color:#0006;display:flex;flex-direction:column;gap:20px;height:100%;left:0;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;padding:20px 0;pointer-events:auto;position:fixed;top:0;width:100%}#overlay-dialog>.dialog-layer:not(.block-active){display:none}#overlay-dialog>.dialog-layer>:first-child{margin-top:auto}#overlay-dialog>.dialog-layer>:last-child{margin-bottom:auto}#overlay-dialog>.dialog-layer>.dialog{background-color:#fff;box-shadow:2px 2px 5px #0003;max-width:80%;min-width:160px;padding:10px;position:relative;width:max-content}#overlay-dialog>.dialog-layer>.dialog>.dialog-close{cursor:pointer;float:right;font-size:24px;margin:0;padding:5px;transition:background-color .3s,color .3s}#overlay-dialog>.dialog-layer>.dialog>.dialog-close:hover{background-color:#eee;color:#f41}#nav{align-items:center;display:flex;height:60px}#nav>.nav-logo{flex-shrink:0;height:40px;margin-right:20px}@media screen and (max-width:540px){#nav>.nav-logo{margin-right:10px}}#nav .nav-item{cursor:pointer;padding:5px 10px;transition:color .3s}#nav .nav-item[class*=" icon-"],#nav .nav-item[class^=icon-]{font-size:24px}#nav .nav-item.block-active{font-weight:600}#nav .nav-item:not(.block-active):hover{color:#f41}#nav .nav-avatar{background-color:#eee;border-radius:50%;flex-shrink:0;font-size:12px;height:35px;line-height:35px;margin:0 5px;text-align:center;-webkit-user-select:none;user-select:none;width:35px}#nav>.nav-side{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;margin-left:5px}@media screen and (max-width:540px){#nav{align-items:flex-end;border-bottom:2px solid #f41}#nav>.nav-logo,#nav>.nav-side{align-self:center}#nav .nav-item{padding-left:5px;padding-right:5px}#nav .nav-item.block-active{border-bottom:3px solid #f41;font-size:150%;font-weight:500;padding-bottom:2px}}#player{display:flex;height:80px}#player>*,#player>*>*{flex-shrink:0}@media screen and (max-width:540px){#player{height:70px}}#player>.player-top{cursor:pointer;left:0;overflow:hidden;padding:5px 80px 5px 0;position:absolute;top:0;transform:translateY(-50%);-webkit-user-select:none;user-select:none;width:100%;z-index:1}#player>.player-top:active{cursor:ew-resize}#player>.player-top>.player-progress{background-color:#333;border-radius:10px;box-shadow:2px 2px 5px #0003;color:#fff;display:block;font-size:12px;height:18px;line-height:18px;position:relative;text-align:center;white-space:nowrap;width:80px}#player>.player-top>.player-progress:after,#player>.player-top>.player-progress:before{border-top:2px solid;content:"";position:absolute;top:50%;transform:translateY(-50%);width:100vw;z-index:-2}#player>.player-top>.player-progress:before{border-top-color:#f41;right:100%}#player>.player-top>.player-progress:after{border-top-color:#ccc;left:100%}#player>.player-top:before{background-image:linear-gradient(90deg,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:6vw;z-index:-1}@media screen and (max-width:800px){#player>.player-top:before{display:none}}#player>.player-control,#player>.player-side{align-items:center;display:flex}#player>.player-side{flex-basis:0;flex-grow:1}#player>.player-side:last-child{justify-content:flex-end}#player>*>.player-cover{background-color:#eee;height:80px;margin-right:5px;object-fit:contain;position:relative;width:80px}#player>*>.player-cover:before{background-color:#eee;background-image:url(image-broken.svg);background-position:50%;background-repeat:no-repeat;background-size:60%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:540px){#player>*>.player-cover{height:70px;margin-left:-5px;width:70px}}#player .player-info{flex-grow:1;margin-left:5px;margin-right:5px;overflow:hidden;width:140px}#player .player-info>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#player .player-info>span:last-child{color:#888;font-size:.8em;font-weight:300;margin-top:5px}@media screen and (max-width:800px){#player .player-info{font-size:90%}}@media screen and (max-width:540px){#player .player-info{width:100px}#player .player-info>span{animation:player-scroll 5s linear infinite;width:max-content}@keyframes player-scroll{0%{transform:translateX(0)}40%{transform:translateX(0)}80%{transform:translateX(min(100px - 100%,0px))}to{transform:translateX(min(100px - 100%,0px))}}}#player .player-item{cursor:pointer;font-size:24px;padding:5px 10px}@media screen and (max-width:540px){#player .player-item{font-size:20px;padding-left:5px;padding-right:5px}}#player .player-control-center{background-color:#f41;border-radius:50%;color:#fff;cursor:pointer;font-size:32px;height:48px;line-height:48px;margin-left:5px;margin-right:5px;text-align:center;width:48px}#player .player-control-side{cursor:pointer;font-size:26px;padding:5px 10px}@media screen and (max-width:540px){#player .player-control-center{font-size:24px;height:36px;line-height:36px;width:36px}#player .player-control-side{font-size:22px;padding-left:5px;padding-right:5px}}