:root{--albumCoverUrl: linear-gradient(#EF2D66, #FD9603)}html,body{margin:0;padding:0;min-width:100vw;min-height:100vh}#app{width:100vw;height:100vh}.hint{font-size:24px}.hint .error{color:#fff}.idle-panel{height:100vh;width:100vw}.toolbar{position:absolute;right:0;top:0;padding:24px;z-index:1000}.toolbar .detail{width:42px;height:42px;background-image:url(/assets/icon_nav_detail.svg);background-size:42px 42px;-webkit-background-size:42px 42px}#videoHint{visibility:hidden;color:#f5f5f5;font-size:22px;text-align:center;position:absolute;left:0;top:0;z-index:999;width:100vw;margin-top:30vh}#videoPanel{visibility:hidden;position:absolute;left:0;top:0;z-index:999;display:flex;justify-content:center;align-items:center;padding:0;margin:0;width:100vw;height:100vh}#videoPanel #floatVideo{background:#222222;width:100%;height:100%}.bottom-bar{position:absolute;left:calc(50vw - 21px);bottom:calc(2vh + 48px);padding:0;margin:0;z-index:1000}.bottom-bar .button{width:42px;height:42px}.bottom-bar #full-video-button{visibility:hidden;background-image:url(/assets/icon_full_video.svg);background-size:42px 42px;-webkit-background-size:42px 42px}.bottom-bar #close-video-button{visibility:hidden;background-image:url(/assets/icon_close_video.svg);background-size:42px 42px;-webkit-background-size:42px 42px}#album-cover-panel{width:100vw;height:100vh;background-color:#222;align-items:center;display:flex;justify-content:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:var(--albumCoverUrl)}#album-cover-panel:after{content:"";width:100%;height:100%;top:0;left:0;z-index:0;display:block;position:absolute;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px)}#album-cover{z-index:1;width:90vw;height:90vw;position:relative;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:var(--albumCoverUrl);box-shadow:0 4px 8px #0003}#album-loader{width:48px;height:48px;border:4px solid #EF2D66;border-radius:50%;display:inline-block;position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);visibility:hidden;-webkit-animation:rotation .6s ease-in-out infinite;animation:rotation .6s ease-in-out infinite}#album-loader:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:4px solid transparent;border-bottom-color:#fff}@media screen and (max-width: 3860px){#album-cover{max-width:640px;max-height:640px}}@media screen and (max-width: 800px){#album-cover{max-width:400px;max-height:400px}}@-webkit-keyframes opacity{0%{filter:blur(0px)}50%{filter:blur(6px)}70%{filter:blur(3px)}to{filter:blur(1px)}}#album-cover.circle{border-radius:50%;animation:rotation 6s linear infinite;-webkit-animation:rotation 6s linear infinite}#album-cover.circle .start-button{height:100%;border-radius:50%;line-height:100%;display:none}#album-cover.circle .start-button button{height:100%;border-radius:50%;line-height:100%;font-size:32px;color:#fffc}.start-button{position:absolute;left:0;bottom:0;z-index:100;width:100%;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:rgba(96,96,96,.5);box-shadow:0 4px 8px #0003}.start-button button{width:100%;height:64px;border:none;background:transparent;color:#fff;font-size:16px}#scene{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:200;overflow:hidden}#scene canvas{width:100vw;height:100vh;overflow:hidden}#render,.render-texture{display:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-bg{margin:0;padding:0;width:100vw;height:100vh;background-color:#e493d0;background-image:radial-gradient(closest-side,rgba(235,105,78,1),rgba(235,105,78,0)),radial-gradient(closest-side,rgba(243,11,164,1),rgba(243,11,164,0)),radial-gradient(closest-side,rgba(254,234,131,1),rgba(254,234,131,0)),radial-gradient(closest-side,rgba(170,142,245,1),rgba(170,142,245,0)),radial-gradient(closest-side,rgba(248,192,147,1),rgba(248,192,147,0));background-size:130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax;background-position:-80Vmax -80vmax,60Vmax -30vmax,10Vmax 10vmax,-30Vmax -10vmax,50Vmax 50vmax;background-repeat:no-repeat;animation:6s move linear infinite}.loading:before{content:"";display:block;position:fixed;width:100%;height:100%;z-index:-1}@keyframes move{0%,to{background-size:130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax;background-position:-80Vmax -80vmax,60Vmax -30vmax,10Vmax 10vmax,-30Vmax -10vmax,50Vmax 50vmax}25%{background-size:100vmax 100vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,60vmax 60vmax;background-position:-60Vmax -60vmax,50Vmax -40vmax,0Vmax 10vmax,-40Vmax -20vmax,40Vmax 40vmax}50%{background-size:90vmax 90vmax,100vmax 100vmax,80vmax 80vmax,90vmax 90vmax,60vmax 60vmax;background-position:-70Vmax -70vmax,40Vmax -40vmax,0Vmax 10vmax,-50Vmax -30vmax,30Vmax 30vmax}75%{background-size:80vmax 80vmax,70vmax 70vmax,80vmax 80vmax,70vmax 70vmax,50vmax 50vmax;background-position:-60Vmax -60vmax,60Vmax -30vmax,10Vmax 10vmax,-40Vmax -40vmax,50Vmax 50vmax}}#hint{color:#f5f5f5;font-size:42px;z-index:100}