html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body,#app{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0;padding:0}.landing[data-v-19a53342]{-webkit-user-select:none;user-select:none;background:#f5f5f5;outline:none;width:100%;height:100%;overflow:hidden}.bg[data-v-19a53342]{transition:background .55s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}.layout[data-v-19a53342]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.album-wrapper[data-v-19a53342]{justify-content:center;align-items:center;transition:transform .55s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;transform:translate(0)scale(1)}.album[data-v-19a53342]{cursor:pointer;border-radius:50%;width:clamp(220px,28%,380px);height:clamp(220px,28%,380px)}.album-cover[data-v-19a53342]{object-fit:cover;border:2px solid #00000026;border-radius:50%;width:100%;height:100%}.login-panel[data-v-19a53342]{opacity:0;pointer-events:none;width:360px;transition:opacity .45s .15s,transform .55s cubic-bezier(.22,.61,.36,1);position:absolute;right:12%;transform:translate(40px)}.login-box[data-v-19a53342]{background:#fff;border-radius:12px;padding:40px 30px;box-shadow:0 0 30px #0000001f}.login-box h2[data-v-19a53342]{text-align:center;margin-bottom:30px}.input-item[data-v-19a53342]{margin-bottom:18px}.input-item label[data-v-19a53342]{margin-bottom:6px;display:block}.input-item input[data-v-19a53342]{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px}.login-btn[data-v-19a53342]{color:#fff;cursor:pointer;background:#37f;border:none;border-radius:6px;width:100%;padding:12px}.album-wrapper.login[data-v-19a53342]{transform:translate(-20%)scale(.9)}.login-panel.show[data-v-19a53342]{opacity:1;pointer-events:auto;transform:translate(0)}.album[data-v-19a53342]{will-change:transform;animation:20s linear infinite paused spin-19a53342}.album.playing[data-v-19a53342]{animation-play-state:running}@keyframes spin-19a53342{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.layout[data-v-19a53342]{flex-direction:column}.album-wrapper.login[data-v-19a53342]{transform:translateY(-22vh)scale(.65)}.login-panel[data-v-19a53342]{bottom:8%;right:auto}}