.works-player-stage{isolation:isolate;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-rows:70px 1fr 50px;justify-items:center;min-height:100svh;font-family:Arial,Microsoft YaHei,sans-serif;transition:background-color .2s linear,color .2s linear;display:grid;position:relative;overflow:hidden}.works-player-stage button{font:inherit;color:inherit;cursor:pointer}.works-player-stage button:focus-visible,.works-player-stage input:focus-visible{outline-offset:5px;outline:2px solid #d2e0ad}.works-player-header{z-index:3;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:14px clamp(20px,4vw,64px);font-size:12px;display:flex;position:relative}.works-player-header button{background:0 0;border:0;min-height:44px;padding:12px 0}.works-player-header h1{letter-spacing:.12em;margin:0;font:500 14px/1 Arial,sans-serif;position:absolute;left:50%;transform:translate(-50%)}.works-player-header>span{letter-spacing:.07em;font-size:10px}.works-weather-rain{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.works-player-object{z-index:1;align-self:center;width:min(390px,82vw,55.2svh - 82.8px);margin:6px 0 18px;position:relative}.works-player-shadow{fill:#11171d;width:100%;height:100%;opacity:calc(.16 + var(--weather) * .08);filter:blur(9px);pointer-events:none;position:absolute;inset:0;overflow:visible;transform:translate(10px,13px)}.works-player-body{aspect-ratio:480/870;color:#eeeee9;width:100%;position:relative;container-type:inline-size}.works-player-shell{width:100%;height:100%;display:block;overflow:visible}.works-player-melt{transform-box:fill-box;transform-origin:top;animation:13s ease-in-out infinite alternate works-player-melt}.works-player-screen{aspect-ratio:8/7;touch-action:pan-y;view-transition-name:works-display;background:#3a3b38;border-radius:4.5cqw;width:87.5%;position:absolute;top:3.45%;left:6.25%;overflow:hidden;box-shadow:0 0 0 1px #1414143d}.works-player-cover{width:100%;height:100%;animation:.32s cubic-bezier(.16,1,.3,1) both works-cover-in}.works-index-album{width:100%;height:100%;display:block}.works-explore-album{color:#eeeee5;width:100%;height:100%;position:relative}.works-explore-album>img{object-fit:cover;width:100%;max-width:none;height:100%}.explore-album-meta{letter-spacing:.14em;justify-content:space-between;font:400 2.2cqw/1 Arial,sans-serif;display:flex;position:absolute;top:6%;left:7%;right:7%}.explore-album-title{letter-spacing:-.075em;flex-direction:column;align-items:flex-start;font:500 12.7cqw/.9 Arial,sans-serif;display:flex;position:absolute;top:52%;left:7%}.explore-album-title i{background:#d5d5cc;width:15cqw;height:1px;margin-top:3.5cqw}.explore-album-title small{letter-spacing:.11em;margin-top:2.2cqw;font:400 2cqw/1.3 Arial,sans-serif}.works-player-track{position:absolute;top:49.3%;left:6.5%;right:6.5%}.works-player-track>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.works-player-track h2{letter-spacing:-.025em;margin:0;font:500 6.2cqw/1.1 Arial,sans-serif}.works-player-track span{color:#d1d1ce;font-size:3.5cqw}.works-player-track p{color:#c2c2bf;margin:1.5cqw 0 0;font-size:3.3cqw;line-height:1.5}.works-player-track-switch{justify-content:space-between;width:87%;display:flex;position:absolute;top:58.6%;left:6.5%}.works-player-track-line{background:#858582;border-radius:8px;height:1.2cqw;position:absolute;top:0;left:0;right:0;overflow:hidden}.works-player-track-line i{transform-origin:0;background:#ecece8;width:100%;height:100%;transition:transform .25s ease-out;display:block}.works-player-track-switch button{color:#b5b5b2;background:0 0;border:0;min-height:38px;padding:3cqw 0 0;font-size:3.2cqw}.works-player-track-switch button[aria-pressed=true]{color:#f3f3ed}.works-player-transport{justify-content:space-between;align-items:center;display:flex;position:absolute;top:64.3%;left:13%;right:13%}.works-player-transport button{background:0 0;border:0;border-radius:50%;place-items:center;width:17cqw;min-width:44px;height:15cqw;min-height:44px;padding:2.5cqw;transition:transform .18s ease-out,background-color .18s;display:grid}.works-player-transport button:hover{background:#ffffff0b;transform:scale(1.06)}.works-player-transport button:active{transform:scale(.94)}.works-player-transport svg{width:100%;height:100%}.works-player-transport .works-player-play{padding:1.8cqw}.works-player-transport button:disabled{opacity:.4;cursor:wait}.works-player-weather{color:#c2c2be;align-items:center;gap:4cqw;display:flex;position:absolute;top:75%;left:7%;right:7%}.works-player-weather svg{flex:none;width:5cqw;height:5cqw}.works-player-weather input{appearance:none;cursor:ew-resize;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;flex:1;width:100%;min-width:0;height:30px;margin:0}.works-player-weather input::-webkit-slider-runnable-track{background:linear-gradient(to right, #e8e8e2 var(--weather-track), #8b8b87 var(--weather-track));border-radius:8px;height:1.3cqw}.works-player-weather input::-webkit-slider-thumb{appearance:none;background:#e9e9e3;border-radius:50%;width:6cqw;height:6cqw;margin-top:-2.35cqw;box-shadow:0 1px 3px #2224}.works-player-weather input::-moz-range-track{background:#8b8b87;border-radius:8px;height:1.3cqw}.works-player-weather input::-moz-range-progress{background:#e8e8e2;height:1.3cqw}.works-player-weather input::-moz-range-thumb{background:#e9e9e3;border:0;border-radius:50%;width:6cqw;height:6cqw}.works-player-weather-caption{color:#aaa9a5;letter-spacing:.12em;font-size:2.8cqw;position:absolute;top:80.3%;left:50%;transform:translate(-50%)}.works-player-feedback{z-index:2;align-self:start;align-items:center;gap:14px;min-height:24px;font-size:12px;display:flex;position:relative}.works-player-feedback button{background:0 0;border:0;padding:7px;text-decoration:underline}.works-player-loading{color:#edeee7;background:#1c2639ed;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:3.8cqw;display:flex;position:absolute;inset:0}.works-player-loading strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:15cqw;font-weight:400;line-height:1}.works-player-loading small{margin-left:4px;font-size:5cqw}.works-player-loading button{background:0 0;border:0;border-bottom:1px solid #7f8792;min-height:40px;padding:6px 12px;font-size:3.5cqw}.works-directory.works-track-study{view-transition-name:works-display}::view-transition-group(works-display){animation-duration:.65s;animation-timing-function:cubic-bezier(.76,0,.24,1)}::view-transition-old(works-display){object-fit:cover;mix-blend-mode:normal;height:100%}::view-transition-new(works-display){object-fit:cover;mix-blend-mode:normal;height:100%}::view-transition-old(works-display){animation:.35s ease-out both works-portal-out}::view-transition-new(works-display){animation:.55s ease-out both works-portal-in}@keyframes works-player-melt{to{transform:scaleY(1.035)}}@keyframes works-cover-in{0%{opacity:.35;transform:translate(12px)}}@keyframes works-portal-out{to{opacity:0}}@keyframes works-portal-in{0%{opacity:0}}@media (width<=600px){.works-player-header>span{display:none}.works-player-header{height:64px}.works-player-header h1{left:auto;right:22px;transform:none}.works-player-stage{grid-template-rows:64px 1fr 50px}.works-player-object{width:min(370px,84vw,55.2svh - 82.8px)}}@media (height<=540px) and (width>=600px){.works-player-stage{min-height:600px}.works-player-object{width:245px}}@media (prefers-reduced-motion:reduce){.works-player-melt,.works-player-cover{animation:none}.works-player-stage,.works-player-track-line i,.works-player-weather{transition:none}::view-transition-group(*){animation-duration:.01ms!important}::view-transition-old(*){animation-duration:.01ms!important}::view-transition-new(*){animation-duration:.01ms!important}}