.HomePage_container__3lXlZ{display:flex;height:100vh;font-family:var(--font-serif-en),var(--font-serif-cn),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-sizing:border-box;margin:0;padding:40px;background-color:#fff;overflow:hidden;position:relative;--text-color:#1a1a1a;--text-color-secondary:#aaa;--text-color-active:#0a0a0a}.HomePage_container__3lXlZ:after{content:"";position:absolute;top:80px;bottom:80px;left:calc(40px + (100% - 80px) * 2 / 5);width:1px;background-color:#eee;pointer-events:none}.HomePage_leftPanel__DF4vb{flex:2 1;padding:40px 60px 40px 40px;position:relative;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.HomePage_leftPanel__DF4vb::-webkit-scrollbar{display:none}.HomePage_rightPanel__lPerd{flex:3 1;padding:40px 40px 40px 60px;display:flex;flex-direction:column;position:relative;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.HomePage_rightPanel__lPerd::-webkit-scrollbar{display:none}.HomePage_title__1epZV{font-size:28px;margin-bottom:40px;color:var(--text-color)}.HomePage_piecesList__qAmDA{display:flex;flex-direction:column;gap:72px;text-align:right}.HomePage_piece__TskXH{padding:16px 0;cursor:pointer;transition:opacity .5s ease;opacity:.3;position:relative}.HomePage_piece__TskXH:hover{opacity:.7}.HomePage_piece__TskXH.HomePage_active__iF50P{opacity:1}.HomePage_piece__TskXH.HomePage_active__iF50P .HomePage_pieceNameOriginal___Qjmd{color:var(--text-color-active);letter-spacing:.01em}.HomePage_pieceNameOriginal___Qjmd{font-family:var(--font-serif-en),serif;font-size:24px;color:var(--text-color);margin-bottom:12px;font-weight:500;transition:color .5s ease;position:relative}.HomePage_piece__TskXH.HomePage_active__iF50P .HomePage_pieceNameOriginal___Qjmd:after{content:"";position:absolute;top:50%;right:-32px;width:20px;height:1px;background-color:var(--text-color-active);transform:translateY(-50%)}.HomePage_pieceName__Sn4rl{font-family:var(--font-serif-cn),serif;font-size:13px;margin-bottom:24px;font-weight:300;color:var(--text-color-secondary);letter-spacing:.05em}.HomePage_composerOriginal__w5hLk{font-family:var(--font-serif-en),serif;font-size:14px;color:var(--text-color-secondary);font-weight:400;margin-bottom:4px;font-style:italic}.HomePage_composer___rNdx{font-family:var(--font-serif-cn),serif;font-size:13px;color:var(--text-color-secondary);font-weight:300;letter-spacing:.05em}.HomePage_nowPlaying__IxaV0{text-align:left;position:absolute;top:50%;transform:translateY(-50%);max-width:80%}.HomePage_nowPlayingOriginal__WjJeK{font-family:var(--font-serif-en),serif;font-size:32px;color:var(--text-color-active);margin-bottom:16px;font-weight:500;letter-spacing:.01em;line-height:1.3}.HomePage_nowPlayingTitle__QNYYU{font-family:var(--font-serif-cn),serif;font-size:14px;margin-bottom:40px;font-weight:300;color:var(--text-color-secondary);letter-spacing:.08em}.HomePage_nowPlayingComposerOriginal__Cdj4P{font-family:var(--font-serif-en),serif;font-size:16px;color:var(--text-color-secondary);font-weight:400;margin-bottom:6px;font-style:italic}.HomePage_nowPlayingComposer__0UXC7{font-family:var(--font-serif-cn),serif;font-size:13px;color:var(--text-color-secondary);font-weight:300;letter-spacing:.08em}@media (max-width:1024px){.HomePage_container__3lXlZ,.HomePage_leftPanel__DF4vb,.HomePage_rightPanel__lPerd{padding:30px}.HomePage_piecesList__qAmDA{gap:56px}.HomePage_pieceNameOriginal___Qjmd{font-size:22px}.HomePage_nowPlayingOriginal__WjJeK{font-size:28px}}@media (max-width:768px){.HomePage_container__3lXlZ{flex-direction:column;padding:20px;height:auto;min-height:100vh;overflow-y:visible;overflow-x:hidden}.HomePage_leftPanel__DF4vb,.HomePage_rightPanel__lPerd{flex:none;width:100%;padding:20px;overflow-y:visible;position:static;max-height:none}.HomePage_container__3lXlZ:after{display:none}.HomePage_rightPanel__lPerd{padding-top:40px}.HomePage_piecesList__qAmDA{text-align:left;gap:48px}.HomePage_nowPlaying__IxaV0{display:none}.HomePage_title__1epZV{font-size:24px;margin-bottom:30px}.HomePage_pieceNameOriginal___Qjmd{font-size:20px}.HomePage_pieceName__Sn4rl{font-size:12px}.HomePage_composerOriginal__w5hLk{font-size:13px}.HomePage_composer___rNdx{font-size:12px}.HomePage_nowPlayingOriginal__WjJeK{font-size:24px}.HomePage_nowPlayingTitle__QNYYU{font-size:13px}.HomePage_nowPlayingComposerOriginal__Cdj4P{font-size:14px}.HomePage_nowPlayingComposer__0UXC7{font-size:12px}}@media (max-width:480px){.HomePage_container__3lXlZ,.HomePage_leftPanel__DF4vb,.HomePage_rightPanel__lPerd{padding:15px}.HomePage_title__1epZV{font-size:22px;margin-bottom:25px}}